- 在pom文件中加入下列语句:
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper</artifactId>
<version>5.1.2</version>
</dependency>
- 配置sqlSessionFactory,在applicationContext文件中加入下列语句:
<property name="plugins">
<array>
<bean class="com.github.pagehelper.PageInterceptor">
<property name="properties">
<props>
<prop key="helperDialect">mysql</prop>
<prop key="resonable">true</prop>
</props>
</property>
</bean>
</array
</property>
- 在前端点击查询所有用户的同时设置初始页面数和每个页面存在数据个数,修改语句如下:
href="${pageContext.request.contextPath}/user/findAll.do?page=1&size=5"> <i
class="fa fa-circle-o"></i>
- 修改service层的findAll方法,使其传入page和size的值,修改后的方法如下:
public List<UserInfo> FindAll(int page,int size)
{
PageHelper.startPage(page,size);
return userDao.FindAll();
}
- 修改controller层的findAll方法,使其传入page和size的值并实现数据分页,修改后的方法如下:
public List<UserInfo> FindAll(int page,int size)
{
PageHelper.startPage(page,size);
return userDao.FindAll();
6.修改controller层的findAll方法,使其传入page和size的值并实现数据分页,修改后的方法如下:
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;
}
- 修改前端页面,在用户列表下面显示页面数和翻页信息,加入下列代码:
</div>
<!-- /.box-body -->
<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>
</div>