SSM框架实现分页功能

在上一篇博客中我实现了一个更好的SSM框架，并且能够显示出数据库中表的数据。本篇博客在此基础上，将数据库中表的数据进行分页处理。

1、导jar包

打开ssm_web模块中的pom.xml文件，在dependencies标签中添加下面的代码，导入pagehelper的jar包

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

2、IUserService接口

我们要分页的是在user-list.jsp文件中显示的userInfo数据。所以我们要修改findAll()方法。
往里面添加page、size整形参数，用于控制分页

public List<UserInfo> findAll(int page,int size);

3、UserService类

因为IUseService接口的findAll()方法修改了，所以这里也要修改。往findAll()方法添加page、size整形参数。在函数里面我们调用PageHelper的startPage方法来提醒要显示哪一页的数据和要显示多少条数据

public List<UserInfo> findAll(int page,int size) {
        PageHelper.startPage(page,size); //提醒page在显示哪一页的数据和要显示多少条数据
        return userDao.findAll();
    }

4、UserController类

这里我们也要在findAll()方法里添加page、size整形参数。
（1）因为其他方法也会调用findAll方法，在调用时需要添加参数。所以为了简化代码，我们这里使用@RequestParam给page、size设置默认的值。
（2）调用userService的findAll()的方法时也要传递参数过去
（3）新建一个PageInfo类的对象，用infos作为其构造函数的参数
（4）mv不再是添加infos了，而是添加PageInfo类的对象

@RequestMapping("findAll.do")
    //给page、size设置默认参数
    public ModelAndView findAll(@RequestParam(defaultValue = "1") int page,@RequestParam(defaultValue = "5")int size){
        ModelAndView mv=new ModelAndView();
        List<UserInfo> infos=userService.findAll(page,size);
        PageInfo pageInfo=new PageInfo(infos);
        mv.addObject("pageInfo",pageInfo);
        mv.setViewName("user-list");
        return mv;
    }

5、user-list.jsp文件

原来user-list.jsp文件中有关页数的代码是下面这样的

</div>
<!-- /.box-body -->
<div class="box-tools pull-right">
	<ul class="pagination">
	<li><a href="#" aria-label="Previous">首页</a></li>
	<li><a href="#">上一页</a></li>
	<li><a href="#">1</a></li>
	<li><a href="#">2</a></li>
	<li><a href="#">3</a></li>
	<li><a href="#">4</a></li>
	<li><a href="#">5</a></li>
	<li><a href="#">下一页</a></li>
    <li><a href="#" aria-label="Next">尾页</a></li>
	</ul>
</div>
</div>
<!-- /.box-footer-->

但是我们要添加分页功能，所以要进行修改。
（1）“首页”标签处添加绝对路径，调用findAll方法，设置当前页面为1，显示的数据条数为5
（2）“尾页”标签处添加绝对路径，调用findAll方法，设置当前页面为最后一页，显示的数据条数为5
（3）“上一页”标签处添加绝对路径，调用findAll方法，设置当前页面为当前页面的上一页，显示的数据条数为5
（4）“下一页”标签处添加绝对路径，调用findAll方法，设置当前页面为当前页面的下一页，显示的数据条数为5
（5）运用循环显示可以跳转的页数，注意参数的名字要一致

</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>
<!-- /.box-footer-->

并且在循环的地方那里，items处要把infos改为pageInfo.list

<c:forEach var="user" items="${pageInfo.list}">

6、applicationContext.xml

在applicationContext.xml文件中配置sqlSessionFactory的地方添加上下处的代码，来告诉数据库要进行分页

<!--告诉数据库分页-->
        <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>

7、结果

首页显示5条数据

点击下一页，显示下一页的数据，也是显示5条数据

点击尾页，会直接显示最后一页的数据