layui-table使用总结

最近公司新组成了一个全部由实习生组成开发的项目,界面做得不太好看,teamleader让我过去帮几天,该项目用的前端UI框架是layui,对于用惯了bootstrap的我来说,刚开始接触layui的时候很别扭,还好,做了几天后就习惯了,下面对在使用layui时遇到的问题进行总结下。

1、使用table表单时-数据的显示

layui-table使用总结_第1张图片

1-1:返回的数据时间为时间戳格式,要想转换为yyyy-MM-dd的标准格式,怎么处理?

 

{field:'registrationTime', title: '注册日期',sort: true,templet:function (d) {
    return formatDateTime(d.validityDate);
}}
templet:自定义模板

1-2:table有分页查询,默认传到后台的字段:当前页-page,每页显示条数-limit,后台需要接收这两个参数

并且要想在html页面上能正常显示,必须按照如下标准

后台java代码:显示:layui-table使用总结_第2张图片

code:状态,表示请求成功;count:表示数据库中总共多少条数据;data:返回的list列表;message:返回的信息。

1-3:点击查询-传入查询条件

layui-table使用总结_第3张图片传值:layui-table使用总结_第4张图片

通过angualr双向绑定,传递到后台进行查询的对象

1-4:table表单的操作,对于表单中有新增、删除、编辑、查看详情的操作 具体看官方文档更易理解

 

 

你可能感兴趣的:(layui)