使用mybatis插件PageHelper实现分页效果
最近都在忙着写一个网站项目,今天做一个分页功能的时候,遇到了分页效果实现不了的问题,查了好久的资料,后来终于是成功解决啦,记录一下~
1.在pom.xml中添加分页插件依赖
<dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>4.1.5</version> </dependency>
2.在mybatis配置文件中配置分页插件
这里需要注意的是,如果你的项目有mybatis的配置文件时,添加下面配置:(配置参数可根据需要添加或删除)
<plugins> <plugin interceptor="com.github.pagehelper.PageHelper"> <property name="dialect" value="mysql"/> <property name="offsetAsPageNum" value="false"/> <property name="rowBoundsWithCount" value="false"/> <property name="pageSizeZero" value="true"/> <property name="reasonable" value="false"/> <property name="supportMethodsArguments" value="false"/> <property name="returnPageInfo" value="none"/> </plugin> </plugins>
但如果你的项目没有单独配置mybatis的配置文件,而是把spring和mybatis的配置结合起来的话,这时候你需要引入如下配置信息:
<!-- spring和MyBatis完美整合,不需要mybatis的配置映射文件 --> <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"> <property name="dataSource" ref="dataSource" /> <!-- 自动扫描mapping.xml文件 --> <property name="mapperLocations" value="classpath:com/wang/web/mapper/*.xml"></property> <!-- 配置分页插件 --> <property name="plugins"> <array> <bean class="com.github.pagehelper.PageHelper"> <property name="properties"> <value> dialect=mysql reasonable=true </value> </property> </bean> </array> </property> </bean>
3.controller层
//访问所有视频信息查询页面 /** * 分页查询所有视频信息 * @param pn 默认从第一页开始 请求参数 * @return */ @RequestMapping("/ShowMedia") public String Show(@RequestParam(required = false,value="pn",defaultValue="1")Integer pn, HttpServletRequest request){ TbMediaExample example = new TbMediaExample(); //从第一条开始 每页查询五条数据 PageHelper.startPage(pn, 5); List<TbMedia> mediaList = mediaService.selectByExample(example); //将用户信息放入PageInfo对象里 PageInfo pageInfo = new PageInfo(mediaList,5); System.out.println(pageInfo.getPages()); request.setAttribute("pageInfo", pageInfo); return "/media"; }
4.前台
<div class="result-content"> <table class="result-tab" width="100%"> <tr> <th class="tc" width="5%"><input class="allChoose" name="" type="checkbox"></th> <th>排序</th> <th>ID</th> <th>视频标题</th> <th>视频资源</th> <th>视频图片</th> <th>视频描述</th> <th>上传时间</th> <th>操作</th> </tr> <c:if test="${!empty pageInfo.list }"> <c:forEach items="${pageInfo.list}" var="media"> <tr> <td class="tc"><input name="id[]" value="59" type="checkbox"></td> <td> <input name="ids[]" value="59" type="hidden"> <input class="common-input sort-input" name="ord[]" value="0" type="text"> </td> <td align="center">${media.id }</td> <td align="center">${media.title }</td> <td align="center">${media.src }</td> <td align="center">${media.picture }</td> <td align="center">${media.descript }</td> <td align="center">${media.uptime }</td> <td> <a class="link-update" href="<%=basePath%>user/MediaUpdate?id=${media.id }" rel="external nofollow" >修改</a> <a class="link-del" href="<%=basePath%>user/MediaList" rel="external nofollow" >进入视频列表</a> <a class="link-del" href="javascript:del('${media.id }')" rel="external nofollow" >删除视频</a> </td> </tr> </c:forEach> </c:if> </table> <hr style="height:1px;border:none;border-top:1px solid #ccc;" /> <!-- 分页导航栏 --> <!-- 分页信息 --> <div class="row"> <!-- 分页文字信息,其中分页信息都封装在pageInfo中 --> <div class="col-md-6"> 当前第:${pageInfo.pageNum}页,总共:${pageInfo.pages}页,总共:${pageInfo.total}条记录 </div> <!-- 分页条 --> <div class="col-md-6"> <nav aria-label="Page navigation"> <ul class="pagination"> <li><a href="<%=basePath%>user/ShowMedia?pn=1" rel="external nofollow" >首页</a></li> <c:if test="${pageInfo.hasPreviousPage }"> <li> <a href="<%=basePath%>user/ShowMedia?pn=${pageInfo.pageNum-1}" rel="external nofollow" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li> </c:if> <c:forEach items="${pageInfo.navigatepageNums }" var="page_Num"> <c:if test="${page_Num == pageInfo.pageNum }"> <li class="active"><a href="#" rel="external nofollow" >${ page_Num}</a></li> </c:if> <c:if test="${page_Num != pageInfo.pageNum }"> <li><a href="<%=basePath%>user/ShowMedia?pn=${ page_Num}" rel="external nofollow" >${ page_Num}</a></li> </c:if> </c:forEach> <c:if test="${pageInfo.hasNextPage }"> <li> <a href="<%=basePath%>user/ShowMedia?pn=${pageInfo.pageNum+1}" rel="external nofollow" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li> </c:if> <li><a href="<%=basePath%>user/ShowMedia?pn=${pageInfo.pages}" rel="external nofollow" >末页</a></li> </ul> </nav> </div> </div>
效果实现如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
赞 (0)