PageInfo介绍及使用

下载PageInfo文档

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

pom.xml 引入依赖:

    com.github.pagehelper
    pagehelper
    5.1.2



    com.github.jsqlparser
    jsqlparser
    0.9.5

2.参考封装PageInfo类

查看封装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 );
		
	});

感觉这个很简单,没什么好写的
不用工具

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