暑期实习⑥-----加入分页功能
数据表userinfo经过遍历输出后,是在一个窗口中全部输出,但是如果数据过于庞大,同一页显示的数据会过多,不便于阅读,所以需要加入分页功能。这一次,我们需要借助工具PageHelper。首先应该导入PageHelper的Jar包
在pom.xml文件中导入
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper</artifactId>
<version>${pagehelper-version}</version>
</dependency>
在UserController中,修改findAll()方法,需要增加参数page(当前页码),size(每页显示最大数量)
//遍历
@RequestMapping("/findAll.do")
public ModelAndView findAll(int page,int size){
List<Userinfo> infos=userServices.findAll(page,size);
PageInfo pageInfo=new PageInfo(infos);
ModelAndView mv=new ModelAndView();
mv.addObject("pageInfo",pageInfo);
mv.setViewName("user-list");
return mv;
}
与此同时userService中的findAll()方法也要修改,而userDao中的不用修改,如下添加PageHelper的静态方法startPage(),即可实现分页。
@Override
public List<Userinfo> findAll(int page,int size) {
PageHelper.startPage(page,size);
return userDao.findAll();
}
注意:要使用分页,必须提供参数page和size,例如:
@RequestMapping("/update.do")
public String update(Userinfo userinfo){
userServices.update(userinfo);
return "redirect:/user/findAll.do?page=1&size=4";
}
在重定向,跳转到遍历页面时,本没有传参,所以需要加上?page=1&size=4
还有页面文件 jsp中相关的
</div>
<!-- /.box-body -->
<div class="box-tools pull-right">
<ul class="pagination">
<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=1&size=4" aria-label="Previous">首页</a></li>
<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=${pageInfo.pageNum-1}&size=4">上一页</a></li>
<c:forEach begin="1" end="${pageInfo.pages}" var="pageNum">
<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=${pageNum}&size=4">${pageNum}</a></li>
</c:forEach>
<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=${pageInfo.pageNum+1}&size=4">下一页</a></li>
<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=${pageInfo.pages}&size=4" aria-label="Next">尾页</a></li>
</ul>
</div>
</div>
<!-- /.box-footer-->
还有如:
<button type="button" class="btn btn-default" title="刷新"
onclick="location.href='${pageContext.request.contextPath}/user/findAll.do?page=1&size=4'">
<i class="fa fa-refresh"></i> 刷新
</button>