51网址还有吗长沙优化网站哪家公司好
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")@ResponseBodypublic 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格式的数据对象。自动渲染到对应的字段。声明:务必注意,前端页面内的字段要和你设计的业务实体类属性名字保持一致。否则会无法渲染成功的。
如下图所示,渲染成功了效果。
其实,这个并不困难,只要大家按照,遵守layui插件官方的要求去设计,即可快速完成动态数据的渲染效果。