Springboot+Thymeleaf+layui layui table渲染数据失败

最新推荐文章于 2023-09-15 16:03:33 发布

追x

最新推荐文章于 2023-09-15 16:03:33 发布

阅读量469

点赞数 1

分类专栏： Java中的常见问题文章标签： layui

本文链接：https://blog.youkuaiyun.com/shunyache3481/article/details/119486935

版权

本文介绍了在Springboot项目中使用Thymeleaf和layui时遇到的数据渲染问题。通过检查前后台代码，发现数据正确返回但无法在layui表格中展示。解决方案是调整前台渲染代码和后台接口，以确保数据格式符合layui的渲染要求。修复后，项目成功显示了加载的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前台渲染代码：

layui.use('table', function(){
        var table = layui.table;
        table.render({
            elem: '#emp'
            ,url:'/getAllEmployeeInformation'
            ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            ,parseData: function(data){ //将原始数据解析成 table 组件所规定的数据
                return {
                    "code": 0, //解析接口状态
                    "msg": "", //解析提示文本
                    "count": 1000, //解析数据长度
                    "data": data//解析数据列表
                };
            }

            ,cols: [
                [
                {field:'id',  title: 'ID'}
                ,{field:'emp_Id', title: '员工ID'}
                ,{field:'emp_Name', title: '员工姓名'}
                ,{field:'emp_PassWord', title: '密码'}
                ,{field:'emp_DeptId', title: '部门ID'}