基于SSM框架设计实现分页功能

实现分页功能的步骤具体如下:
首先需要导入分页所需要的jar包 pagehelper ,导入的过程是将以下代码复制到文件pom.xml中的中,导入以后自动下载jar包。

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

导入后效果如图所示,当按住Ctrl放在上面可以找到后,即说明jar包下载完成。
在这里插入图片描述
下载jar包以后,需要在applicationContext中对插件进行设置插入到中,具体代码如下:

 <property name="plugins">
            <array>
                <bean class="com.github.pagehelper.PageInterceptor">
                    <property name="properties">
                        <props>
                            <prop key="heleperDialect">
                                mysql
                            </prop>
                            <prop key="reasonable">
                                true
                            </prop>
                        </props>
                    </property>
                </bean>
            </array>
        </property>

完成上述操作后,可以开始分页的程序代码设计了,这里我使用的是一个查询用户的demo进行分页的测试。

这里我使用的查询所有用户的方法是findAll,需要添加两个参数(page和size),在页面请求处设置page=1&size=5,即每页最多展现五个用户信息。控制器Controller中使用PageInfo类创建对象,将对象保存到ModeAndView对象中传递到jsp页面。

   java
   
功能代码添加参数page,size
IUserService
    public List<UserInfo> findAll(int page,int size);
    
IUserServiceImpl
        public List<UserInfo> findAll(int page,int size) {
       PageHelper.startPage(page,size);
       return userDao.findAll();
   }
 请求页面传递参数
 href="${pageContext.request.contextPath}/user/findAll.do?page=1&size=5">

 UserController
     @RequestMapping("findAll.do")
   public ModelAndView findAll(int page,int size) {
       List<UserInfo> infos = userService.findAll(page,size);
       PageInfo pageInfo = new PageInfo(infos);
       ModelAndView mv = new ModelAndView();
       mv.addObject("pageInfos", pageInfo);
       mv.setViewName("user-list");
       return mv;
   }
   
   user-list.jsp
   <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=${pageInfos.pageNum-1}&size=5">上一页</a></li>
   							<c:forEach begin="1" end="${pageInfos.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=${pageInfos.pageNum+1}&size=5">下一页</a></li>
   							<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=${pageInfos.pages}&size=5" aria-label="Next">尾页</a></li>
   						</ul>
   					</div>

完成设置后就可以完成列表分页的操作了,具体效果如下图所示:
在这里插入图片描述在这里插入图片描述

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值