1.选中html代码块，ctrl+shift+减号-  就会全部折叠

2.加入Thymeleaf模板需要添加命名空间

2.1 替换方法

2.2添加 th:fragment

2.3主页面用一行代码替换

3.SpringBoot里的文档架构

4.layui里的table.render里括号要用空格隔开，不然识

别不了

5.fori加回车：自动创建for循环，很方便

6.该删的删，让页面变简洁一点

7.引入数据表格

layui官网：https://www.layui.com/doc/

 table.render({elem: '#test',url:'/demo/table/user/',cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增,cols: [[{field:'id', width:80, title: 'ID', sort: true},{field:'username', width:80, title: '用户名'},{field:'sex', width:80, title: '性别', sort: true},{field:'city', width:80, title: '城市'},{field:'sign', title: '签名', width: '30%', minWidth: 100} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增,{field:'experience', title: '积分', sort: true},{field:'score', title: '评分', sort: true},{field:'classify', title: '职业'},{field:'wealth', width:137, title: '财富', sort: true}]]});

,parseData: function(res){ //res 即为原始返回的数据return {"code": res.status, //解析接口状态"msg": res.message, //解析提示文本"count": res.total, //解析数据长度"data": res.data.item //解析数据列表};}

table.render({elem: '#table1',url:'/student.json',cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增,cols: [ [       //括号之间要用空格隔开！！{field:'id', width:80, title: 'ID', sort: true},{field:'name',  title: '姓名'}       //width删掉让它自动匹配,{field:'sex', title: '性别', sort: true},{field:'stuNo',  title: '学号'}] ],parseData: function(res){ //res 即为原始返回的数据return {"code": 0, //解析接口状态"msg": "", //解析提示文本"count": 50, //解析数据长度"data": res //解析数据列表};}});

7.1开启头部工具栏

7.2开启文字按钮工具条

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！