SSM学习第三天：分页

分页的操作开始之前，我们先做一些准备。

1.在pom.xml中引入jar包

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

2.在applicationContext.xml中进行配置，如下：

<!-- 3.配置SqlSessionFactory对象 -->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <!-- 注入数据库连接池 -->
        <property name="dataSource" ref="dataSource"/>
        <!-- 扫描bean包 使用别名 -->
        <property name="typeAliasesPackage" value="com.zhongruan.bean"></property>

        <!--配置加载映射文件 UserMapper.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>
                            <prop key="reasonable">true</prop>
                        </props>
                    </property>
                </bean>
            </array>
        </property>

    </bean>

3.开始进行分页操作，将href补全如下：

然后修改之前Controller中的findAll，如下：

@RequestMapping("findAll.do")
    public ModelAndView finAll(@RequestParam(defaultValue = "1") int page, @RequestParam(defaultValue = "5") int size){
        ModelAndView mav=new ModelAndView();
        List<UserInfo> userInfos=iUserInfoService.findAll(page,size);
        PageInfo pageInfo=new PageInfo(userInfos);
        mav.addObject("pageInfo",pageInfo);
        mav.setViewName("user-list");

        return mav;
    }

相应的，Service层也需要改变，如下：

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

这就完成了分页的初期操作。

4.前端页面的显示，部分代码如下：

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

之后对“首页”、“尾页”、“上一页”、“下一页”、“页码”的实现全部在前端代码中完成即可，如下：

<!-- /.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="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>

到这为止，基本上分页的功能就全部实现了。