最近公司新组成了一个全部由实习生组成开发的项目,界面做得不太好看,teamleader让我过去帮几天,该项目用的前端UI框架是layui,对于用惯了bootstrap的我来说,刚开始接触layui的时候很别扭,还好,做了几天后就习惯了,下面对在使用layui时遇到的问题进行总结下。
1、使用table表单时-数据的显示
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代码:显示:
code:状态,表示请求成功;count:表示数据库中总共多少条数据;data:返回的list列表;message:返回的信息。
1-3:点击查询-传入查询条件
传值:
通过angualr双向绑定,传递到后台进行查询的对象
1-4:table表单的操作,对于表单中有新增、删除、编辑、查看详情的操作 具体看官方文档更易理解