一、为什么要分页
- 大量查询的数据耗时比较严重;
- 增强用户使用体验,用户可以更方便的查询和展示他所需要的数据。
二、分页的实现
- 本次在昨天项目ssm_parent的基础上,采用pageHelper插件实现分页。
1、导入pageHelper的jar包。在pom.xml的dependencies中添加以下代码:
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper</artifactId>
<version>5.1.2</version>
</dependency>
2、在applicationContext.xml中
<property name="mapperLocations" value="classpath:mapper/*.xml"/>
后面添加以下代码:
<property name="plugins">
<array>
<bean class="com.github.pagehelper.PageInterceptor">
<property name="properties">
<props>
<prop key="helperDialect">mysql</prop> //此处mysql为所使用的数据库
<prop key="reasonable">true</prop>
</props>
</property>
</bean>
</array>
</property>
3、修改IUserService接口中的findAll()函数
public List<UserInfo> findAll(int page,int size);
修改UserService.java
@Override
public List<UserInfo> findAll(int page,int size) {
PageHelper.startPage(page,size);
return userDao.findAll();
}
修改UserController.java
@RequestMapping("findAll.do")
public ModelAndView findAll(@RequestParam(defaultValue="1") int page, @RequestParam(defaultValue="5")int size){
List<UserInfo> infos = userService.findAll(page,size);
PageInfo pageinfo=new PageInfo(infos);
ModelAndView mv=new ModelAndView();
mv.addObject("pageinfo",pageinfo);
mv.setViewName("user-list");
return mv;
}
修改aside.jsp中的路径
href="${pageContext.request.contextPath}/user/findAll.do?page=1&size=5"
修改user-list.jsp中的forEach循环
<c:forEach var="user" items="${pageinfo.list}">
修改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=${pageinfo.pageNum-1}&size=5">上一页</a></li>
<c:forEach begin="1" end="${pageinfo.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=${pageinfo.pageNum+1}&size=5">下一页</a></li>
<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=${pageinfo.pages}&size=5" aria-label="Next">尾页</a></li>
</ul>
</div>