layui实现数据表格table分页功能,异步加载,表格渲染,含条件查询。
一、引入layUI的相关资源
二、html页面代码
搜索表单:
项目搜索:
业务员
厂家代表
渠道
客户
项目阶段
货物情况
实施情况
收款情况
数据表格:
三、后台接收分页参数以及查询条件,获取并返回数据
主要注意下:
page: 前台分页插件传入的当前页数,
limit: 前台分页插件传入的每页个数,
projectInfo :接收前台传入的查询条件的实体
jsonResult :后台返回的相关数据的响应实体
@ResponseBody
@RequestMapping("/project/list")
public JsonResult list(@RequestParam("page") Integer page, @RequestParam("limit") Integer size, ProjectInfoEntity projectInfo){
JsonResult jsonResult = projectService.getProjectList(page,size,projectInfo);
return jsonResult;
}
后台响应类必须包含code与count字段,因为前台layui会自动获取
自定义后台数据响应实体 JsonResult:
package com.bhy702.jfkj.common.util;
/**
* JSON结果响应
*
*/
@Data
public class JsonResult {
private static final String SUCCESS = "成功";
private static final String ERROR = "失败";
/**
* 响应状态code&