layui⾃定义request_layui中使⽤⾃定义数据格式对数据表格进
⾏渲染
1.引⼊
2.页⾯代码
layui.use('table', function(){
var table = layui.table;
elem: '[lay-filter="permission-table"]',
url:'/permission/list.do',
where: {},
cellMinWidth: 80,
/
/table的全局配置
size: 'lg',
skin: 'line',
//每页显⽰的条数
limit: 10,
//是否显⽰加载条
loading: true,
//解析服务器端返回的数据
parseData: function (res) {
/*if (de == 500) {
return false
}*/
return {
"code": de,
"msg": res.msg,
"count": al,
"data": ws
};
},
//重新规定返回的数据格式
response: {
//数据状态的字段名称
statusName: 'code',
statusCode: 200,
msgName: 'msg', //状态信息的字段名称
dataName: 'data', //数据详情的字段名称
countName: 'count' //数据条数的字段名称，⽤于 table
},
cols: [[{
field:'id', width:80, title: 'ID', sort: true, fixed: 'left'},
{field:'permissionname', title: '权限名称'},
{field:'url', title: '资源路径'},
{align:'center', fixed: 'right', toolbar: '#permission-table-operate'}
]
],
page: true
});
});
3.控制层
使⽤R类作为返回数据格式的载体，permissionService层使⽤mybatis-plus的分页功能查询列表。@Builder
@ToString
@AllArgsConstructor
public class R implements Serializable {
@Getter
@Setter
private int code = 200;
@Getter
@Setter
private Object msg = "success";
@Getter
@Setter
private T data;
jsp用什么前端框架
public R(T data) {
super();
this.data = data;
}
}
@RestController
@RequestMapping("/permission")
public class PermissionController extends BaseController {
@RequestMapping("/list.do")
public R findByPage(SysPermission permission, QueryPage queryPage) {
return new R<>(getData(permissionService.list(permission, queryPage)));
}
public Map getData(IPage> page) {
Map data = new HashMap<>();
data.put("rows", Records());
data.put("total", Total());
return data;
}
}
4. 返回的数据
controller层返回的数据
R(code=200, msg=success,data={total=4, rows=
[SysPermission(id=1, permissionname=test111, url=/test111),
SysPermission(id=2, permissionname=test22, url=/test22),
SysPermission(id=3, permissionname=test33, url=/test33),
SysPermission(id=6, permissionname=test66, url=/test66)]})
页⾯接收到的数据
{"code":200,"msg":"success","data":{"total":4,"rows":
[{"id":1,"permissionname":"test111","url":"/test111"},
{"id":2,"permissionname":"test22","url":"/test22"},
{"id":3,"permissionname":"test33","url":"/test33"},
{"id":6,"permissionname":"test66","url":"/test66"}]}}
5.渲染结果
layui中的submit提交本地数据在控制在输出为空数组&lpar；解决)
Layui使⽤⼼得(1)---- 数据表格
前端的框架我了解的不是太多，现在在⽤Layui的框架开发.之后准备转向Vue和React 这⼀系列博客主要讲⼀些我使⽤的Layui的常⽤组件的⼼得，官⽅的⽹站讲解已经很详细了，这⾥我只是结合我的实际使 ...
layui中获取全部提交的数据
...........input textarea ......
⾃⼰实现的数据表格控件(dataTable)，⽀持⾃定义样式和标题数据、ajax等各种⾃定义设置以及分页⾃定义
⼀.前⾔ 也没什么好说的嘛,⽤了蛮多github上开源的能够实现dataTable功能的表格插件，不过都默认绑定样式啊，数据格式也设定的⽐较死，所以忍不住⾃⼰实现了⼀个简单的可⾃定义样式和⾃定义数据返 ...
LayUI之table数据表格获取⾏、⾏⾼亮等相关操作
前⾔ ⽬前LayUI数据表格既美观有不乏⼀些实⽤功能.基本上表格应有的操作已经具备,LayUI作者[贤⼼]肯定是煞费苦⼼去优化，此处致敬.但是实话实话，如果单纯那数据表格功能来说,EasUI的数据表格 ...
【JAVA】JSP+layui框架 静态表格转化成数据表格
jquery easy ui 1.3.4 数据表格(DataGrid)(8)
8.1.创建DataGrid html代码
$("#dg").datagrid({ // ...
随机推荐
bat批量删.svn
==================1======================= Bat代码 收藏代码 @echo off :start :：启动过程，切换⽬录 set
pwd=%cd% cd % ...
Java 装箱 拆箱
Java ⾃动装箱与拆箱  ??什么是⾃动装箱拆箱 基本数据类型的⾃动装箱(autoboxing).拆箱(unboxing)是⾃J2SE 5.0开始提供的功能. ⼀般我们要创建⼀个类的对象的时候，我 ...
Git的搭建
Git的搭建 第1步：官⽹下载安装git 第2步:github官⽹注册账号 第3步：配置git 第4步:github这是秘钥 第5步：上传本地⼯程到git 主要参考的博客(这三篇博客能让你顺利上传⾄g ...
python中 元组
#元组，不可变的list,⼀旦定义好就不可被改变,⼀般会⽤于连接数据库信息等:#他也是通过下标访问的#定义⼀个空的元组a=()t=
('127.0.0.0',3306,'root','123456')t ...
unity下3d模型的透明处理
1.若只是改变模型的透明度：点击模型，在Inspector中可以看到很多模型的属性.到要改变透明度的地⽅，更改shader渲染的⽅式选中Transparent(透明度)的diffuse，之后调节Ma ...
在服务器上搭建git仓库
⽂档 管理全部⽤户的公匙 /tmp/id_rsa.ajanuw.pub // 这⾥全部放在 /tmp⽬录下 在服务器上创建⼀个名叫 git 的⽤户 adduser git //
⼀路回车 passwd ...
Homebrew -- mac 缺失包补充⼯具
斯巴达克斯⾎与沙第⼀季&sol；全集Spartacus迅雷下载
斯巴达克斯⾎与沙 第⼀季Spartacus 1(2010) 本季看点：剧集讲述斯巴达克斯从奴⾪变成英雄的⾎泪⾟酸史.被罗马⼈背叛，流放成奴⾪，变为⾓⽃⼠--这⼀段罗马共和国历史上最富盛名的传奇故事⽆⼈ ...
js 判断⼀个对象是否为空
由于对于⼀个空对象{}，其boolean值也是真，所以不能简单的⽤boolean来判断: jQuery的源码⾥有⼀个判断空对象的⽅法 function isEmptyObject(a) { var b ...
bzoj 4543: [POI2014]Hotel加强版
Description 给出⼀棵树求三元组 \((x,y,z)\,,x

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。