SpringMVC中layui 表格分页

最新推荐文章于 2021-03-13 17:25:11 发布

wuyichang919

最新推荐文章于 2021-03-13 17:25:11 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前段ui layui table SpringMVC开发 mysql

本文链接：https://blog.youkuaiyun.com/wuyichang919/article/details/86468876

本文介绍了在SpringMVC框架中如何结合layui前端组件实现分页功能，以减少内存占用和提高数据查询效率。分别展示了前端html和JavaScript代码，以及后端的实体类、控制器、业务层和持久层的实现细节。

SpringMVC中layui 表格分页

分页

分页

SpringMVC前后端交互时,用到的数据库数据有时候比较大,这时进行分页显示,有利于节省内存资源.

前段分页代码

html代码

<table id="car" class="layui-hide" lay-filter="table_anomaly">

JavaScript代码

layui.use(['table', 'element'], function() {
   
   
				var table = layui.table;
				table.render({
   
   
					elem : '#car',
					url:url,
					where:{
   
    params},
					cols : [ [ {
   
   
						title : '序号',
						type : 'numbers'
					}, {
   
   
						field : 'registrationNum',
						width : 99,
						title : '车牌号'
					}, {
   
   
						field : 'time',
						width : 165,
						title : '时间',
						sort : true
					}, {
   
   
						field : 'fenceName',
						width : 150,
						title : '电子围栏'
					} ] ],
					request: {
   
   
                        pageName: 'page' //页码的参数名称，默认：page
                        , limitName: 'row' //每页数据量的参数名，默认：limit
                    },
					response:{
   
   
						statusName:'code',
						statusCode:'200',
						msgName:'msg',
						count:'count',