layui 自定义request_十三、Layui的使用

一、layui的导入

在页面中导入layui.js和layui.css,顺便导入jQuery包

二、layui的使用

1. layui的json数据格式：

{

"code":0, //数据状态的字段名称，默认：code

"msg":"", //状态信息的字段名称，默认：msg

"count":1000, //数据总数的字段名称，默认：count

"data":[ //数据列表的字段名称，默认：data

{

"id":1,

"username":"user-0",

"sex":"女",

"city":"城市-0",

"sign":"签名-0",

"experience":255,

"logins":24,

"wealth":82830700,

"classify":"作家",

"score":57

},

{

"id":2,

"username":"user-0",

"sex":"女",

"city":"城市-0",

"sign":"签名-0",

"experience":255,

"logins":24,

"wealth":82830700,

"classify":"作家",

"score":57

}

]

}

根据格式创建实体类：

public class DataGirdModel {

private Integer code=0;

private Integer count;

private List data;

public Integer getCode() {

return code;

}

public void setCode(Integer code) {

this.code = code;

}

public Integer getCount() {

return count;

}

public void setCount(Integer count) {

this.count = count;

}

public List getData() {

return data;

}

public void setData(List data) {

this.data = data;

}

}

2. 自定义返回的数据格式

layui.use('table', function(){

var table = layui.table;

table.render({

elem: '#test'

,url:'new2.json'

,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增

,page:true //显示分页默认不显示

,cols: [[

{field:'id', width:80, title: 'ID', sort: true}

,{field:'username', width:80, title: '用户名'}

,{field:'sex', width:80, title: '性别',