1.MyBatis分页插件－PageHelper的配置与应用

pom.xml 引入依赖:

com.github.pagehelper pagehelper 5.1.2 com.github.jsqlparser jsqlparser 0.9.5 ## 2.参考封装PageInfo类 (https://docs.qq.com/doc/DZkhaZWRKc2VGa3l3 "查看封装PageInfo类") ## 3.PageInfo属性表 当前页 private int pageNum; 每页的数量 private int pageSize; 当前页的数量 private int size; //由于startRow和endRow不常用，这里说个具体的用法 //可以在页面中"显示startRow到endRow 共size条数据"

当前页面第一个元素在数据库中的行号
private int startRow;
当前页面最后一个元素在数据库中的行号
private int endRow;
总记录数
private long total;
总页数
private int pages;
结果集
private List list;

第一页
private int firstPage;
前一页
private int prePage;

是否为第一页
private boolean isFirstPage = false;
是否为最后一页
private boolean isLastPage = false;
是否有前一页
private boolean hasPreviousPage = false;
是否有下一页
private boolean hasNextPage = false;
导航页码数
private int navigatePages;
所有导航页号
private int[] navigatepageNums;
后台分页

服务器端 service public PageInfo methodName(int pageNum, int pageSize) { //1 设置分页 PageHelper.startPage(pageNum, pageSize); //2 查询 List list =TMapper.mapperMethod(); //3 返回 return new PageInfo<>(list); } Web public @ResponseBody DataGridResultInfo methodName (Vovo){ //1 查询 PageInfo pageInfo = service. methodName (vo.getPage(), vo.getRows()); //2 封装 return new DataGridBean(pageInfo.getTotal() , pageInfo.getList() ); }

浏览器端 Datagrid

$(function(){ //绘制datagrid //1 准备数据 // 1.1 列列表 var columnArr = [[ {field:'字段名1',title:'标题1',width:80}, {field:'字段名2',title:'标题2',width:80, formatter:function(value,rows,index){ //filed匹配值(当前的值),当前行,当前行号 return value.info; } } ]]; // 1.2 工具条 var toolbarArr = [ { iconCls: 'icon-add',//按钮图标 text : '添加用户', handler: showadduser//方法名 } ]; // 1.3 请求路径 var url = "……";

	//2 准备参数
	var options = {
		"columns":columnArr,
		"toolbar":toolbarArr,
		"striped":true,				//隔行换色
		"idField":"id",				//标识字段
		"url":url,					//请求路径
		"pagination":true,
		"rownumbers":true,
		"pageSize":2,
		"pageList":[2,4,6,8]
	};
	
	//3 绘制
	$("#id值").datagrid( options );
	
});

感觉这个很简单,没什么好写的 不用工具 <c:forEach items="${pageInfo.list}" var="p"> ${p.属性1}

${p.属性2} ${p.属性…}