当所查找的信息记录过多时,可以使用分页将记录展示到不同的页面。
上一篇博客已经完成了对数据库的增删查改,所以这次可以直接在之前的基础上进行修改,实现分页。
具体搭建项目参照上一篇博文: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内容,将原来的 {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>
如此,就可以实现分页了