实现分页功能的步骤具体如下:
首先需要导入分页所需要的jar包 pagehelper ,导入的过程是将以下代码复制到文件pom.xml中的中,导入以后自动下载jar包。
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper</artifactId>
<version>5.1.2</version>
</dependency>
导入后效果如图所示,当按住Ctrl放在上面可以找到后,即说明jar包下载完成。
下载jar包以后,需要在applicationContext中对插件进行设置插入到中,具体代码如下:
<property name="plugins">
<array>
<bean class="com.github.pagehelper.PageInterceptor">
<property name="properties">
<props>
<prop key="heleperDialect">
mysql
</prop>
<prop key="reasonable">
true
</prop>
</props>
</property>
</bean>
</array>
</property>
完成上述操作后,可以开始分页的程序代码设计了,这里我使用的是一个查询用户的demo进行分页的测试。
这里我使用的查询所有用户的方法是findAll,需要添加两个参数(page和size),在页面请求处设置page=1&size=5,即每页最多展现五个用户信息。控制器Controller中使用PageInfo类创建对象,将对象保存到ModeAndView对象中传递到jsp页面。
java
功能代码添加参数page,size
IUserService
public List<UserInfo> findAll(int page,int size);
IUserServiceImpl
public List<UserInfo> findAll(int page,int size) {
PageHelper.startPage(page,size);
return userDao.findAll();
}
请求页面传递参数
href="${pageContext.request.contextPath}/user/findAll.do?page=1&size=5">
UserController
@RequestMapping("findAll.do")
public ModelAndView findAll(int page,int size) {
List<UserInfo> infos = userService.findAll(page,size);
PageInfo pageInfo = new PageInfo(infos);
ModelAndView mv = new ModelAndView();
mv.addObject("pageInfos", pageInfo);
mv.setViewName("user-list");
return mv;
}
user-list.jsp
<div class="box-tools pull-right">
<ul class="pagination">
<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=1&size=5" aria-label="Previous">首页</a></li>
<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=${pageInfos.pageNum-1}&size=5">上一页</a></li>
<c:forEach begin="1" end="${pageInfos.pages}" var="pageNum">
<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=${pageNum}&size=5">${pageNum}</a></li>
</c:forEach>
<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=${pageInfos.pageNum+1}&size=5">下一页</a></li>
<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=${pageInfos.pages}&size=5" aria-label="Next">尾页</a></li>
</ul>
</div>
完成设置后就可以完成列表分页的操作了,具体效果如下图所示: