Layui(1) 数据表格 前后端json数据接收

先上效果图：

前端数据表格：

    

        <%-- 数据表格 --%>
        

            

                

                    
编号
                    
菜单名称
                    
菜单路径
                    
菜单图标
                    
菜单
                    
子菜单
                    
操作
                
            
        
    

    <%-- 这里可以放CRUD按钮 --%>
    

js代码

$(function () {
    //注意：这里是数据表格的加载数据，必须写
    layui.use(['table', 'layer', 'form'], function () {
        var table = layui.table;
        layer = layui.layer;
        form = layui.form;
        //CURD...
    });

});

后端需要返回的json数据格式：

我们可以自己抽一个工具类出来封装成前端需要返回的json数据格式哦

public class PageUtil {

    private int code=0;
    private String msg;
    private Long count; //总条数
    private List data = new ArrayList(); //装前台当前页的数据
    //getter/setter方法...

}