【归纳】Layui table.render里的json后台传入
在使用Layui的table元素时,传入的json的数据格式是有其自身定义的,需要另外添加一些字符,以正确传入。
为了传入符合前端格式的数据:
        table.render({
            elem: '#test'
            ,url:'http://localhost:8080/pictures'
            ,toolbar: '#toolbarDemo' //开启头部工具栏,并为其绑定左侧模板
            ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
                title: '提示'
                ,layEvent: 'LAYTABLE_TIPS'
                ,icon: 'layui-icon-tips'
            }]
            ,title: '用户数据表'
            ,cols: [
                [
                {type: 'checkbox', fixed: 'left'}
                ,{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left', totalRowText: '合计:'}
                ,{field: 'picname', title: '名字', width:200}
                ,{field: 'character', title: '属性', width:150}
                ,{field: 'home', title: '栖息地', width: 200}
                ,{field: 'url', title: 'url', width: 300}
                ,{fixed: 'right', title: '操作',width: 165, align:'center', toolbar: '#barDemo'}
            ]
            ]
            ,page: true
        });
在entity层,使用了transient 修饰符对字段进行限定:
@Data
@AllArgsConstructor
@NoArgsConstructor
@Entity(name="picture")
public class Picture {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
@Column(name = "id")
private Long id;
@Column(name = "picname")
private String picname;
@Column(name = "type")
private transient String type;
@Column(name = "url")
private String url; @Column(name = "userid")
private transient Long userid;
@Column(name = "englishname")
private transient String englishname;
@Column(name = "character")
private String character;
@Column(name = "home")
private String home;
}
在传入中,为了满足Layui的格式要求,加上了一些头部:code、msg、count、data
    @RequestMapping("pictures")
    public String getPictures(HttpSession session){
        User user=(User)session.getAttribute("user");
        Long userid=user.getId();
        List<Picture> pictures;
        if(userid==1)
            pictures=picService.getAllPicture();
        else
            pictures=picMapper.getPicbyUserid(userid);
        String picstring=gson.toJson(pictures);
        log.info("  序列化结果:" + "{ \"code\": 0, \"msg\": \"\",\"count\": 15,\"data\": "+picstring+"}");
        picstring="{ \"code\": 0, \"msg\": \"\",\"count\": 10,\"data\": "+picstring+"}";
        return picstring;
    }
最终成功传入,显示:

【归纳】Layui table.render里的json后台传入的更多相关文章
- layui之table.render使用(含后台详细代码实现)
		
效果图如下: 前端实现代码如图(完整代码): <!DOCTYPE html> <html> <head> <meta charset="utf-8& ...
 - layui.table前端+后台处理+分页
		
前端 注:监听工具条没有详细写,但路子一样的 @section head{ <script src="~/Content/jquery-easyui-1.5.5.4/jquery.ea ...
 - layui 学习笔记一:layui table 查询、新增、编辑、删除
		
一.table数据的呈现(对应查询) 页面代码: @{ ViewBag.Title = "TableGrid"; } @section styles{ <link href= ...
 - layui  table  分页  记住之前勾选的数据
		
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
 - layui table表格详解
		
上次做table有些东西 忘记了 这次当作来个分析总结一下 跟大家共同学习 闲话不多说 直接上例子 代码: <form id="form1" runat="s ...
 - 数据表格 layui.table
		
layui官网-表单 自动渲染 方法渲染 table.render,cols中的field是后台传递的data map.put("data",stuService.selectSt ...
 - LayUI+SSM实现一个简单的后台管理系统
		
该后台管理系统是用于管理视频网站数据的,目前分5个菜单项,这篇博客主要讲述[影片管理]的具体功能和实现 后台代码结构和[影片管理]的界面如下图 该界面分为上下2部分,[搜索条件]和[影片列表],2部分 ...
 - layui table数据表格reload where参数保留问题
		
layui table数据表格reload where参数保留问题 在使用layui过程中多多少少会遇到些问题 table reload 有个坑:reload时where参数会保留上次的参数,如果用 ...
 - Layui table 组件的使用:初始化加载数据、数据刷新表格、传参数
		
背景 笔者之前一直使用 bootstrap table ,因为当前项目中主要使用 Layui 框架,于是也就随了 Layui table ,只是在使用的时候出现了一些问题,当然也是怪自己不熟悉的锅吧! ...
 
随机推荐
- kafka 磁盘写满导致 InternalError
			
tailf kafka/log/server.log [2019-12-19 17:19:05,121] FATAL (main kafka.server.KafkaServerStartable 1 ...
 - js事件循环机制
			
本文参考链接:https://www.jianshu.com/p/cf47bc0bf2ab 一.先搞懂两个东西:堆和栈 栈由操作系统自动分配释放,用于存放函数的参数值.局部变量等一些基本的数据类型,其 ...
 - CoreData新增字段
			
1. 在模型文件的Entity里面增加字段名 2. Xcode工具栏选择Edtor->Creat NSManagerObject SubClass->...->生成新的关联文件 3. ...
 - Web 开发中很实用的效果【源码下载】
			
网页特效下载 引用地址:http://www.yyyweb.com/350.html 超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效果集合.我们已经在示例中罗列了一组动画,可以被应 ...
 - 初步学习jQuery之事件
			
事件 页面加载 在DOM中提供了load事件用于页面加载完毕之后执行机制,jQuery提供了ready()方法实现相似的功能,但是存在以下的区别.1.DOM中的load事件没有任何的简写形式,但是在j ...
 - 2019牛客暑期多校训练营(第六场)C - Palindrome Mouse (回文自动机)
			
https://ac.nowcoder.com/acm/contest/886/C 题意: 给出一个串A , 集合S里面为A串的回文字串 , 现在在集合S里面找出多少对(a,b),b为a的字串 分析: ...
 - Oracle11g数据库在Win系统下的安装
			
首先将从Oracle官网下载的两个安装包解压到同一个文件夹下,比如解压到database. 点击setup进行安装. (1)配置安全更新 选择是(不指定邮件) (2)安装选项,选择创建和配置数据库. ...
 - docker 部署 tomcat
			
1.搜索tomcat信息 docker search tomcat 2.下拉tomcat 镜像 docker pull tomcat 3.运行tomcat docker run -d --name=t ...
 - Unity3D利用Logcat调试安卓
			
发布安卓包之后再次测试发生什么问题很难知道怎么了,比如说出现闪退等情况,可以用Logcat检测到,logcat是Android中一个命令行工具,可以用于得到程序的log信息,可以用 logcat 命令 ...
 - securecrt(CRT)导入会话
			
securecrt是个非常流行的远程管理维护工具,支持fssh.ssh2.telnet等多种协议,也支持中文.设备管理多了,自行手工添加也是很累的活.偷下懒,从别人那复制下文件,倒入到自己的secur ...