Java 整合 table 列表,json 如何返回给前台正常显示

分享 未结 1 399
一码春秋
一码春秋 2018-12-5
悬赏:20飞吻
[嘻嘻] 相信不少java的小伙伴们头次使用会遇到过这个问题。当时我也是研究了一下子,下边就是正文了!

第一步、肯定是要先把我们的数据查出来,不管你用的是什么查的。。
如下图:
由于我使用的是mybatis,所以这里不懂的小伙伴可以暂时忽略,只需要看我调用了一个JsonUtil.getList

那么这一步是干嘛的呢。主要是由于layUI的table需要我们返回指定json格式

这里不明白的小伙伴,请去看文档解释: https://www.layui.com/doc/modules/table.html
然后就是将我们的数据,转换成json
	/**
* 返回layUI-list
* @param page
* @return
* 创建人:gaoxy
* 创建时间:2018年9月5日 下午11:26:49
*/
public static String getList(Page<Object> page){
//输出分页json
StringBuffer easyJson=new StringBuffer("{");
//添加总条数
easyJson.append("\"code\"").append(":").append("0").append(",");
easyJson.append("\"msg\"").append(":").append("\"\"").append(",");
easyJson.append("\"count\"").append(":").append(page.getTotal()).append(",");
//添加具体数据
easyJson.append("\"data\"").append(":").append(JSONArray.fromObject(page.getResult().toArray()).toString());
easyJson.append("}");
//输出流
System.out.println(easyJson.toString());
return easyJson.toString();
}
返回的数据格式为:

那么接下来layUI的table需要的返回json有了,下面我们来配置JS
var options= ({
elem: '#table'
,url:ctx+'/systemset/getList'
// ,height: 'full-200'//高度最大化适应
,cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
,title:'系统变量列表'
,limit:10
,page:true
// ,even: true //开启隔行背景
,cols: [[
{field:'id', type:'checkbox'}
,{field:'descs', title: '描述',edit:'text'}
]],request: {
pageName: 'pageNumber' //页码的参数名称,默认:page
,limitName: 'pageSize' //每页数据量的参数名,默认:limit
}
});

table.render(options);//渲染列表
//配置页面的table
<table class="layui-hide" lay-filter="table" id="table"></table>
这两项 需要在请求列表时配置一个接受的参数,这里可以随意定义名字
pageName: 'pageNumber' //页码的参数名称,默认:page
,limitName: 'pageSize' //每页数据量的参数名,默认:limit
比如我这里就是配置如图

回帖