当前位置：首页 > news >正文

springboot网站项目+layui框架动态渲染table表格数据信息

news 来源：原创 2025/6/15 11:44:59

springboot网站项目+layui框架动态渲染table表格数据信息！这个虽然是之前做过的项目，但是由于当时没有保存源码，丢失了源码，所以今天再次写一遍代码。记录一下。方便大家查阅。

1：第一步，使用layui插件，需要提前把它插件本身的js和css等静态资源导入，存入合适的位置即可。我的是在static文件夹里面。如图所示。

我有一个lib文件夹，里面就是layui的插件静态资源。直接存入了static下面了。

它还需要一个配套的xadmin.css文件。也需要一起导入存档。

2.第二步，创建layui实体类文件。

这个非常重要，因为，layui插件本身，渲染动态数据的时候，有它自己的一套规则。必须按照它的默认规则设计实体类。才能正常渲染出来数据信息的。

比如：默认它的状态码（成功获取信息，默认状态码数字是：0；）.我一开始写成了200，一直报错。后来查阅发现，必须写成0.

package com.example.quanbao.bean;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@NoArgsConstructor
@AllArgsConstructor
public class Layui {

    /**
     * 返回状态码
     */
    private Integer code;

    /**
     * 返回信息
     */
    private String msg;

    /**
     * 返回记录总条数
     */
    private Integer count;

    /**
     * 返回相应数据
     */
    private Object data;


}

3，第三步，有了这个layui实体类，我们就可以开始写自己的业务接口了。

我这次展示的案例是，在后端页面，渲染所有的已经注册成功的用户信息。（list<User>）；

/**
     * 后端接口-管理员查询所有注册用户信息列表
     * @param session
     * @return
     */
    @RequestMapping("/getAllUser")
    @ResponseBody
    public  Layui getAllUser(HttpSession session) {
        //ResponseResult rr = new ResponseResult();
        Layui layui = new Layui();
        try {
            //默认是不带分页参数的。

            User user = (User) session.getAttribute("loginUser");
        
            if(user!=null && user.getRole()==0 ){
                List<User> userList = userService.getAll();

                if(userList.size() >0 && userList!=null ){

                    layui.setCode(0);
                    layui.setCount(userList.size());
                    layui.setData(userList);
                    return  layui;
                }else {
                    layui.setCode(500);
                    layui.setMsg("查询所有用户列表遇到异常");
                    return layui;
                }
            }else {
                layui.setCode(403);//权限不够，禁止访问
                layui.setMsg("抱歉，您权限不够！");
            }
        }catch (Exception e){
            Layui layui2 = new Layui();
            e.printStackTrace();
            layui2.setCode(500);
            layui2.setMsg("获取所有注册用户列表遇到服务器异常错误,请稍后再试");
            alogger.info("获取所有注册用户列表发生服务器异常错误："+e.getMessage());
            return layui2;
        }
        return layui;

    }

如图代码所示，直接把它当做一个json格式返回给页面使用即可，页面会自动解封这种json格式的数据对象。自动渲染到对应的字段。声明：务必注意，前端页面内的字段要和你设计的业务实体类属性名字保持一致。否则会无法渲染成功的。

如下图所示，渲染成功了效果。