9-Beego管理系统框架layui 9-Beego管理系统框架layui

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

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

文章图片
image.png
在首页点击立即下载-将layui文件夹粘贴到项目的static目录下

文章图片
image.png

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

文章图片
image.png
【9-Beego管理系统框架layui】简单的说,就是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 添加学生
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}}替换