1 方式一:通过com.githup.pagehelper进行分页
1.1 Pom.xml中引入依赖
com.github.pagehelper
pagehelper
4.2.1
1.2 Controller代码实现例子
- Controller代码如下
//分页处理,显示第一页的10条数据
PageHelper.startPage(page, size);
//查询结果
List list = baseScreenDataService.selectList();
PageInfo pageInfo = new PageInfo(list);
return ResultGenerator.genSuccessResult(pageInfo); - 截图如下
1.3 页面操作 - 前端页面代码如下
param.size = data.length; //页面显示记录条数,在页面显示每页显示多少项的时候
param.start = data.start; //开始的记录序号
param.page = (data.start / data.length) + 1; //当前页码
JC.json({
url: JC.url.api.screenList,
data:param, //传入组装的参数
callback: function(result) {
setTimeout(function() {
//封装返回数据
var returnData = {};
returnData.draw = data.draw; //这里直接自行返回了draw计数器,应该由后台返回
returnData.recordsTotal = result.data.total; //返回数据全部记录
returnData.recordsFiltered = result.data.total; //后台不实现过滤功能,每次查询均视作全部结果
returnData.data = result.data.list; //返回的数据列表
callback(returnData);
}, 200);
},
error: function() {
alert(“系统错误!数据请求失败,请刷新重试!”);
}
});
}, - 前端截图如下