暑假实训第5天

数据库分页本次采用的依赖

<dependency>
      <groupId>com.github.pagehelper</groupId>
      <artifactId>pagehelper</artifactId>
      <version>5.1.2</version>
   </dependency>

配置分页文件

在applicationContext.xml中连接数据库的地方配置分页文件

 <!--配置分页文件-->
     <property name="plugins">
         <array>
             <bean class="com.github.pagehelper.PageInterceptor">
                 <property name="properties">
                     <props>
                         <prop key="helperDialect">mysql</prop>
                         <!--自动调整页数-->
                         <prop key="reasonable">true</prop>
                     </props>
                 </property>
             </bean>
         </array>
     </property>

设置对数据库分页的配置

在UserInfoServiceImpl的findAll函数为：

 @Override
    public List<UserInfo> findAll(int page, int size) {
        PageHelper.startPage(page,size);
        return userInfoDao.findAll();
    }

controller给浏览器传递每页的数据

@RequestMapping("/findAll.do")
    public ModelAndView findAll(@RequestParam(defaultValue = "1")  int page,@RequestParam(defaultValue = "5") int size){
        ModelAndView mv = new ModelAndView();
        List<UserInfo> userinfos = userInfoService.findAll(page,size);
        PageInfo pageInfo = new PageInfo(userinfos);
        mv.addObject("pageInfo",pageInfo);
        mv.setViewName("user-list");
        return mv;
 }

前端对分页的实现

页表代码

<tbody>
	<c:forEach var="userinfo" items="${pageInfo.list}">
	    <tr>
			<td><input name="ids" type="checkbox"></td>
		    <td>${userinfo.id}</td>
			<td>${userinfo.username}</td>
			<td>${userinfo.password}</td>
			<td class="text-center">
		      <a href="${pageContext.request.contextPath}/user/toUpdate.do?id=${userinfo.id}" class="btn bg-olive btn-xs">更新</a>
			  <a href="#" class="btn bg-olive btn-xs">删除</a>
			  <a href="${pageContext.request.contextPath}/user/add.do" class="btn bg-olive btn-xs">添加角色</a>
		    </td>
		</tr>
	</c:forEach>
</tbody>

分页的配置

<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="pageNumber">
									<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=${pageNumber}&size=5">${pageNumber}</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>

最终结果图：

点击下一页，发现url变了（GET方法），且内容也发生了变化

总结

• 1.配置jar包
• 2.设置
• 3.service层设置页面大小和页数，且返回数据
• 4.controller层得到页面的数据
• 5.每页的导航栏开始页为1，结束页为pageinfo.pages，上一页pageNum-1，下一页pageNum+1，中间的foreach则设置当前的pageNum。

更新操作（补充）

首先查询，然后更新

 @RequestMapping("/toUpdate.do")
    public ModelAndView toUpdate(@RequestParam("id") int id){
        UserInfo userInfo = userInfoService.selectById(id);
        ModelAndView mv = new ModelAndView();
        mv.setViewName("user-update");
        mv.addObject("userInfo",userInfo);
        return mv;
    }

    @RequestMapping("/update.do")
    public String update(UserInfo userInfo){
        userInfoService.update(userInfo);
        return "redirect:/user/findAll.do";
    }
-```