暑期实习⑥-----加入分页功能

暑期实习⑥-----加入分页功能

数据表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>

需要分页的地方都要附上page size