layui表格接受list_layui实现数据表格table分页功能(ajax异步)

本文介绍了如何使用layui实现数据表格的分页功能,通过ajax异步加载,结合搜索表单进行条件查询。详细讲述了layui表格的渲染,后台接收分页参数和查询条件,以及数据返回的格式要求。最后展示了实现的效果。
摘要由CSDN通过智能技术生成

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&

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值