idea中ssm框架实现分页

当所查找的信息记录过多时,可以使用分页将记录展示到不同的页面。
上一篇博客已经完成了对数据库的增删查改,所以这次可以直接在之前的基础上进行修改,实现分页。
具体搭建项目参照上一篇博文:https://mp.csdn.net/postedit/94580220
这里直接说下如何修改实现分页,不多贴代码了。

1、导入jar包,在pom.xml中添加以下内容:

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

2、分页时需要用到pagehelper,这个在applicationContext.xml文件中配置,在sqlsessionfactroybean下添加一个,添加完成后如下,后面一个即为添加内容:

<!-- 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="resonable">true</prop>
                        </props>
                    </property>
                </bean>
            </array>
        </property>
    </bean>

3、在service层,执行具体sql之前,需要修改其中的代码
修改IUserService,将findAll()函数修改为:

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

相对应的,UserService类也需要修改:

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

4、在controller层中,将得到的列表信息list封装到pageinfo里,这里设置的是每页显示5条记录:

 @RequestMapping("/findAll.do")
    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("ps",pageInfo);
        mv.setViewName("user-list");
        return mv;
    }

5,在页面展示
在aside.jsp中,在原来的路径后添加“??page=1&size=5”,即:

<li id="system-setting">
<a href="${pageContext.request.contextPath}/user/findAll.do?page=1&size=5"> <i
		class="fa fa-circle-o"></i> 用户管理
</a>
</li>

在user-list.jsp中修改代码,将原来的页面显示修改如下:

<!-- /.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=${ps.pages-1}&size=5">上一页</a></li>
		<c:forEach begin="1" end="${ps.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=${ps.pageNum+1}&size=5">下一页</a></li>
		<li><a href="${pageContext.request.contextPath}/user/findAll.do?page=${ps.pages}&size=5" aria-label="Next">尾页</a></li>
		</ul>
</div>

下面主要修改items内容,将原来的 u s e r I n f o s {userInfos}修改为 {ps.list}

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

如此,就可以实现分页了

猜你喜欢

转载自blog.csdn.net/weixin_44027036/article/details/94719844