概述

项目开发中经常需要分页,但为了提高开发效率,开发过程中往往不考虑分页。那么如何在功能开发完后使用一种对代码侵略度最低的方式实现分页,本文将提供一种方案。

参考:

1. 简单使用

1.1 引入分页插件

添加如下maven依赖:

1<dependency>
2    <groupId>com.github.pagehelper</groupId>
3    <artifactId>pagehelper</artifactId>
4    <version>3.6.3</version>
5</dependency>

1.2 配置Mybatis拦截器插件(以下两种方式选一种即可)

1.2.1 在Mybatis配置文件中配置
 1<!--
 2    plugins在配置文件中的位置必须符合要求,否则会报错,顺序如下:
 3    properties?, settings?,
 4    typeAliases?, typeHandlers?,
 5    objectFactory?,objectWrapperFactory?,
 6    plugins?,
 7    environments?, databaseIdProvider?, mappers?
 8-->
 9<plugins>
10    <!-- com.github.pagehelper为PageHelper类所在包名 -->
11    <plugin interceptor="com.github.pagehelper.PageHelper">
12        <property name="dialect" value="mysql"/>
13        <!-- 该参数默认为false -->
14        <!-- 设置为true时,会将RowBounds第一个参数offset当成pageNum页码使用 -->
15        <!-- 和startPage中的pageNum效果一样-->
16        <property name="offsetAsPageNum" value="true"/>
17        <!-- 该参数默认为false -->
18        <!-- 设置为true时,使用RowBounds分页会进行count查询 -->
19        <property name="rowBoundsWithCount" value="true"/>
20        <!-- 设置为true时,如果pageSize=0或者RowBounds.limit = 0就会查询出全部的结果 -->
21        <!-- (相当于没有执行分页查询,但是返回结果仍然是Page类型)-->
22        <property name="pageSizeZero" value="true"/>
23        <!-- 3.3.0版本可用 - 分页参数合理化,默认false禁用 -->
24        <!-- 启用合理化时,如果pageNum<1会查询第一页,如果pageNum>pages会查询最后一页 -->
25        <!-- 禁用合理化时,如果pageNum<1或pageNum>pages会返回空数据 -->
26        <property name="reasonable" value="true"/>
27        <!-- 3.5.0版本可用 - 为了支持startPage(Object params)方法 -->
28        <!-- 增加了一个`params`参数来配置参数映射,用于从Map或ServletRequest中取值 -->
29        <!-- 可以配置pageNum,pageSize,count,pageSizeZero,reasonable,不配置映射的用默认值 -->
30        <property name="params" value="pageNum=start;pageSize=limit;pageSizeZero=zero;reasonable=heli;count=contsql"/>
31    </plugin>
32</plugins>
1.2.2 在spring配置文件中配置
 1<!-- 定义SqlSessionFactoryBean -->
 2<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
 3	<!-- 指定连接资源 -->
 4	<property name="dataSource" ref="druidDataSource" />
 5	<!-- 指定映射文件 -->
 6	<property name="mapperLocations" value="classpath*:mapper/*.xml" />
 7	<!-- 配置分页插件 -->
 8	<property name="plugins">
 9		<array>
10			<bean class="com.github.pagehelper.PageHelper">
11				<property name="properties">
12					<value>
13						dialect=mysql
14						reasonable=true
15					</value>
16				</property>
17			</bean>
18		</array>
19	</property>
20</bean>

1.2 在代码中使用

在你需要进行分页的Mybatis方法前调用PageHelper.startPage静态方法即可,紧跟在这个方法后的第一个Mybatis查询方法会被进行分页。

1// startPage(第几页, 多少条数据)
2PageHelper.startPage(currentPage, Constant.PERPAGE_SIZE);
3List<OperationVO> resultList = operationService.queryOperations(operationVO);
4//用PageInfo对结果进行包装
5PageInfo pageInfo = new PageInfo(resultList);

如此,就能获取指定页数和数量的数据(resultList)。

PageInfo包含了非常全面的分页属性

 1public class PageInfo<T> implements Serializable {
 2    private static final long serialVersionUID = 1L;
 3    //当前页
 4    private int pageNum;
 5    //每页的数量
 6    private int pageSize;
 7    //当前页的数量
 8    private int size;
 9    //由于startRow和endRow不常用,这里说个具体的用法
10    //可以在页面中"显示startRow到endRow 共size条数据"
11    //当前页面第一个元素在数据库中的行号
12    private int startRow;
13    //当前页面最后一个元素在数据库中的行号
14    private int endRow;
15    //总记录数
16    private long total;
17    //总页数
18    private int pages;
19    //结果集
20    private List<T> list;
21    //第一页
22    private int firstPage;
23    //前一页
24    private int prePage;
25    //下一页
26    private int nextPage;
27    //最后一页
28    private int lastPage;
29    //是否为第一页
30    private boolean isFirstPage = false;
31    //是否为最后一页
32    private boolean isLastPage = false;
33    //是否有前一页
34    private boolean hasPreviousPage = false;
35    //是否有下一页
36    private boolean hasNextPage = false;
37    //导航页码数
38    private int navigatePages;
39    //所有导航页号
40    private int[] navigatepageNums;
41    ...
42}    

可根据这些信息发送到前端实现前端分页。

2. 结合前端jquery.DataTable插件实现前端分页

DataTable插件的详细使用方法请参考各搜索引擎或dataTables-使用详细说明整理

为了结合DataTable插件,需要传递一些特定的参数,为此封装了两个类。请参考(essa内网):

2.1 前端代码示例

 1resultDataTable = $("#" + tableId).dataTable({
 2		"aLengthMenu" : [ [ 5, 10, 20 ], [ 5, 10, 20 ] ],
 3		"iDisplayLength" : 5,
 4		"bProcessing" : true,
 5		"bServerSide" : true,
 6		// 指定后台对应的url
 7		"sAjaxSource" : rootPath + "/log/getTableData.do",
 8		// 指定列的值,mData与后台返回的属性名一致
 9		"aoColumns" : [
10		    {
11			    "mData" : "updateUserName",
12			    "sClass" : "hidden-480 center"
13		    }, {
14			    "mData" : "objectName",
15				"sClass" : "hidden-480 center"
16			}, {
17				"mData" : "objectId",
18				"sClass" : "hidden-480 center"
19			}, {
20				"mData" : "olderValue",
21				"sClass" : "hidden-480"
22			}, {
23				"mData" : "newValue",
24				"sClass" : "hidden-480"
25			} ],
26		// ajax发送请求参数到后台,aaData必须包含,也可以增加自定义参数
27		"fnServerData" : function(sSource, aaData, fnCallback) {
28							$.ajax({
29								"type" : "post",
30								"url" : sSource,
31								"dataType" : "json",
32								"data" : {
33									aaData : JSON.stringify(aaData)
34									// 自定义参数,如搜索条件
35									custom : custom
36								},
37								"success" : function(resp) {
38									fnCallback(resp);
39								}
40							});
41						},
42		"sPaginationType" : "bootstrap"
43		});

2.2 后端代码示例

 1    @RequestMapping("/getTableData.do")
 2	@ResponseBody
 3	public Map<String, Object> getTableData(String aaData, HistoryVO historyVO) {
 4		// 接收DataTable插件传递的aaData,封装成DataTableVO
 5		DataTableVO<HistoryVO> table = DataTableUtil.getDataTableVO(aaData);
 6		// 开始分页
 7		PageHelper.startPage(table.getPageIndex(), table.getiDisplayLength());
 8		List<HistoryVO> resultList = historyService.queryHistory(historyVO);
 9		PageInfo pageInfo = new PageInfo(resultList);
10		// 根据分页结果设置table参数
11		table.setiTotalRecords(pageInfo.getTotal());
12		table.setAaData(resultList);
13		// 返回DataTable相应的json数据
14		Map<String, Object> dataMap = DataTableUtil.getReturnMap(table);
15		return dataMap;
16	}

通过上述示例方法返回json数据到前台,DataTable接收显示分页数据。

3. 使用EL表达式实现前端分页的一个示例

  • 后台发送pageInfo到前台
1model.addAttribute("page", pageInfo);
  • 前台使用EL表达式实现分页,pageInfo中的各项参数请参考1.2节
 1<div class="row-fluid">
 2	<div class="span6">
 3		<div id="user_group_table_info" class="dataTables_info" role="status"
 4			aria-live="polite">显示第 ${page.startRow} - ${page.endRow} 条数据;
 5			共有${page.total} 条记录</div>
 6	</div>
 7	<div class="span6">
 8		<div id="role_group_table_paginate"
 9			class="dataTables_paginate paging_bootstrap pagination">
10			<ul>
11				<c:choose>
12					<c:when test="${page.isFirstPage}">
13						<li class="prev disabled"><a href="#"><span
14								class="hidden-480">上一页</span>
15						</a></li>
16					</c:when>
17					<c:otherwise>
18						<li class="prev"><a
19							href="${currentPath}?pageNum=${page.prePage}"><span
20								class="hidden-480">上一页</span>
21						</a></li>
22					</c:otherwise>
23				</c:choose>
24
25				<c:forEach begin="1" end="${page.pages}" var="p">
26					<c:choose>
27						<c:when test="${p == page.pageNum}">
28							<li class="active"><a href="#">${p}</a></li>
29						</c:when>
30						<c:otherwise>
31							<li class=""><a href="${currentPath}?pageNum=${p}">${p}</a></li>
32						</c:otherwise>
33					</c:choose>
34				</c:forEach>
35
36				<c:choose>
37					<c:when test="${page.isLastPage}">
38						<li class="next disabled"><a href="#"><span
39								class="hidden-480">下一页</span></a></li>
40					</c:when>
41					<c:otherwise>
42						<li class="next"><a
43							href="${currentPath}?pageNum=${page.nextPage}"> <span
44								class="hidden-480">下一页</span>45						</a></li>
46					</c:otherwise>
47				</c:choose>
48			</ul>
49		</div>
50	</div>
51
52</div>

总结

在使用此Mybatis分页插件时,不需要在分页的地方手写分页sql和count的sql,不需要更改已有的业务代码,只需要在执行sql前调用一句代码,即可实现分页,并得到丰富的分页信息。有了这些分页信息,前端可以选用多种分页方法,非常方便。