layui接触(一)


关于layui,最大的好处是兼容吧(个人认为)

开始正题

layui官网地址 https://www.layui.com/doc/modules/table.html

layui 的表格是根据layui的内部方法去引用table 模块去触发的




  
  table模块快速使用
  


 

借用官网的例子

做一个补充

response: {
                        statusName: 'code', //数据状态的字段名称,默认:code
                        statusCode: 200, //成功的状态码,默认:0
                        msgName: 'msg',//状态信息的字段名称,默认:msg
                        countName: 'total', //数据总数的字段名称,默认:count
                        dataName: 'rows', //数据列表的字段名称,默认:data
                    },

这块是关于后端数据返回的自定义名称

 request: {
                        pageName: 'pageNum' //页码的参数名称,默认:page
                        ,limitName: 'pageSize' ,//每页数据量的参数名,默认:limit
                    },

这块是关于分页的参数自定义修改的

{field: 'wealth', title: '财富', width: 135, sort: true,templet:'#temp'}

这句的templet要对应script的代码

这个里面可以对返回来的数据进行数据操作,比如说根据不同字段去显示不同类型,例:

还有些字段可以去官网上去看,今天先到这里,溜了溜了