9-Beego管理系统框架layui

今天,我们将写一个后台管理系统,在注册界面编写时,我们将注册用户的信息提交到mysql数据库,这里我们将注册用户的信息在管理系统上面显示出来.上一篇文章讲到合理运用现成的网页源代码,这里就会讲如何利用现成的管理系统搭建框架

0.知识点

layui:
百度layui,知道这是专门用于搭建管理系统页面的前端框架

image.png

在首页点击立即下载-将layui文件夹粘贴到项目的static目录下

image.png

beego新语法
选择模板处理的Layout设计

image.png

简单的说,就是c.Layout中的{{.LayoutContent}}会拿到TplName返回的代码

一.加工前奏

效果图.gif

1.将layui文件夹复制到static文件夹下
2.在后台布局获取布局代码

image.png

3.右键index.tpl点击refactor,点击rename修改名称为layout.html
4.将2中获取的代码粘贴到layout.html中
4.修改css资源路径:/static/layui/css/layui.css

image.png

5.修改js资源路径:/static/layui/layui.js

image.png

6.修改logo文字:学生管理系统后台
7.删除顶部tab ul class="layui-nav layui-layout-left"
8.删除头像图片 贤心上面
9.删除贤心下面 child多行
10.退了改为退出登录
11.所有商品改为学习管理
12.1 2 3改为学生列表,添加学生,添加班级
13.删除超链接,解决方案多行,云市场及下面码
14.新建stu.html <h1>添加学生</h1>
15.添加路由

image.png

16.AddStudentController.go

image.png

Get方法中:c.Layout="layout.html"
c.TplName="stu.html"
17.AddClassController.go
c.TplName="cls.html"
c.Layout="layout.html"
18.default.go
c.TplName="list.html"
c.Layout="layout.html"
19.layout.html
主体内容用:{{.LayoutContent}}替换

image.png
20.list.html
image.png