zoukankan      html  css  js  c++  java
  • 【归纳】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', 80, sort: true, fixed: 'left', totalRowText: '合计:'}
                    ,{field: 'picname', title: '名字', 200}
                    ,{field: 'character', title: '属性', 150}
                    ,{field: 'home', title: '栖息地',  200}
                    ,{field: 'url', title: 'url',  300}
                    ,{fixed: 'right', title: '操作', 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;
        }

    最终成功传入,显示:

    from Chu
  • 相关阅读:
    母版中menu控件上传后出现脚本错误
    asp.net中修改网页的编码方式
    DataBinder的应用
    web服务器控件MultiView 应用
    asp:Wizard 应用
    web服务器控件PlaceHolder应用
    Gridivew里的Textbox值取不出来?
    登录控件Login的应用
    NHibernate调用存储过程
    FckEditor网页编辑器的使用总结
  • 原文地址:https://www.cnblogs.com/chubuyu/p/12091853.html
Copyright © 2011-2022 走看看