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

先上效果图：

前端数据表格：

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

js代码

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

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

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

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

Layui(1) 数据表格前后端json数据接收相关推荐

layui 传递前端请求_Layui数据表格前后端json数据接收的方法
先上效果图: 前端数据表格: 编号菜单名称菜单路径菜单图标菜单子菜单操作编辑删除 js代码 $(function () { //注意:这里是数据表格的加载数据,必须写 layui.use(['ta ...
SpringBoot+LayUI+MybatisPlus+Echarts图表前后端分离实现数据统计功能
前言: 小伙伴们,大家好,我是狂奔の蜗牛rz,当然你们可以叫我蜗牛君,我是一个学习Java快一年时间的小菜鸟,同时还有一个伟大的梦想,那就是有朝一日,成为一个优秀的Java架构师. 首先给各位粉丝朋友 ...
layui数据表格中导出所有数据的简易解决办法
layui数据表格中导出所有数据的简易解决办法官方文档的困惑解决办法官方文档的困惑首先要说明的是:layui在 table 的工具栏内置了数据导出按钮,如果你是用它内置的导出按钮来导出数据,是 ...
EXCEL表格转换成json数据工具
请先下载phpexcel插件后在使用如下代码运行 phpexcel插件下载地址:http://www.chtml.cn/topic/show/40 实例代码: <!DOCTYPE HTML PU ...
在layui数据表格上直接修改数据的方法
首先我们要知道layui是什么? layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用.(官方解释) 那么接 ...
java前后端用json传值_前后端——json的传值与接收（springMvc）
原标题:前后端--json的传值与接收(springMvc) 前端传值: 通过将要传输的数据封装为json,然后再通过ajax接收: JSON.stringify(data) 1 后端接收值只需要通过 ...
SpringMVC响应的方式,无数据跳转页面,带数据跳转页面.Json数据返回
SpringMVC响应的方式,无数据跳转页面,带数据跳转页面.Json数据返回页面跳转设定 //转发会把后端携带的request和Response发送到前端jsp,在jsp中可以直接使用其中的数据/ ...
视频教程-基于springboot2.x+layui+shiro+redis整合前后端分离的权限管理系统-Java
基于springboot2.x+layui+shiro+redis整合前后端分离的权限管理系统拥有八年的Java项目开发经验,擅长Java.vue.SpringBoot.springCloud.sp ...
python Excel数据表格转为HTML网页数据表格
python Excel数据表格转为HTML网页数据表格文章目录准备test数据 Excel转html 准备test数据首先,准备一个excel.以以下代码为例,在当前目录下生成一个Excel文 ...

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

Layui(1) 数据表格前后端json数据接收相关推荐

最新文章

热门文章

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

Layui(1) 数据表格 前后端json数据接收相关推荐

最新文章

热门文章

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

Layui(1) 数据表格前后端json数据接收相关推荐