先上效果图：

前端数据表格：

div class='x-body' % -数据表格-% table class=' layui-table ' lay-data=' { id : ' test '，url:'/menu/page '，page:true，limit 3360[10，20，50]，//每页条数的选择项，默认：[10，20，30，40，50，60，70，80，90] limit: 10，//每页默认显示的数量method:'post' //提交方式}"lay-filter="test "和tr th lay-data=“{ field : " id，width:80，sort: true}”编号/th层数据='{field:'name'} '菜单名称/th lay-data=' { field : ' URL '，sort: true} '菜单路径第/层数据='{field:'icon'} '菜单图标/th层数据='{field:'parent'} '菜单/th lay-data=' { field : ' children '，sort: true} '子菜单/th lay-data=' { fixed : ' right '，toolbar: '#barDemo '，width:250，align:'center'} '操作/th /tr /thead /table /div % -这里可以放创建、读取、更新， 和删除按钮-% script type=' text/html ' id=' barDemo ' a class=' layui-BTN layui-BTN-xs ' lay-event=' detail '编辑/a a class=' layui-BTNlayui-BTN-danger layui-BTN-xs ' lay-event=' del '删除/a /scriptjs代码

$(function () { //注意：这里是数据表格的加载数据，必须写layui.use(['table '，' layer '，' form']，function(){ var table=layui。桌子；layer=layui . layer form=layui.form//COUND.});});后端需要返回的数据数据格式：

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

公共类page utilt { private int code=0；私有字符串消息；列兵龙数；//总条数私人列表数据=new ArrayList()；//装前台当前页的数据//getter/setter方法.}以上这篇获得数据表格前后端数据数据接收的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。