快捷導(dǎo)航

使用mybatis插件PageHelper實(shí)現(xiàn)分頁(yè)效果

更新時(shí)間：2020年09月18日 11:10:23 作者：wy__kobe

這篇文章主要為大家詳細(xì)介紹了使用mybatis插件PageHelper實(shí)現(xiàn)分頁(yè)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

最近都在忙著寫(xiě)一個(gè)網(wǎng)站項(xiàng)目，今天做一個(gè)分頁(yè)功能的時(shí)候，遇到了分頁(yè)效果實(shí)現(xiàn)不了的問(wèn)題，查了好久的資料，后來(lái)終于是成功解決啦，記錄一下

1.在pom.xml中添加分頁(yè)插件依賴(lài)

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

2.在mybatis配置文件中配置分頁(yè)插件

這里需要注意的是，如果你的項(xiàng)目有mybatis的配置文件時(shí)，添加下面配置：（配置參數(shù)可根據(jù)需要添加或刪除）

<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>

但如果你的項(xiàng)目沒(méi)有單獨(dú)配置mybatis的配置文件，而是把spring和mybatis的配置結(jié)合起來(lái)的話，這時(shí)候你需要引入如下配置信息：

<!-- spring和MyBatis完美整合，不需要mybatis的配置映射文件 -->
 <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
  <property name="dataSource" ref="dataSource" />
  <!-- 自動(dòng)掃描mapping.xml文件 -->
  <property name="mapperLocations" value="classpath:com/wang/web/mapper/*.xml"></property>
  <!-- 配置分頁(yè)插件 -->
  <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層

//訪問(wèn)所有視頻信息查詢(xún)頁(yè)面
 /**
  * 分頁(yè)查詢(xún)所有視頻信息
  * @param pn 默認(rèn)從第一頁(yè)開(kāi)始 請(qǐng)求參數(shù)
  * @return
  */
 @RequestMapping("/ShowMedia")
 public String Show(@RequestParam(required = false,value="pn",defaultValue="1")Integer pn, HttpServletRequest request){

  TbMediaExample example = new TbMediaExample();
  //從第一條開(kāi)始 每頁(yè)查詢(xún)五條數(shù)據(jù)
  PageHelper.startPage(pn, 5);
  List<TbMedia> mediaList = mediaService.selectByExample(example);
  //將用戶(hù)信息放入PageInfo對(duì)象里
  PageInfo pageInfo = new PageInfo(mediaList,5);
  System.out.println(pageInfo.getPages());
  request.setAttribute("pageInfo", pageInfo);
  return "/media";
 }

4.前臺(tái)

<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>視頻標(biāo)題</th>
  <th>視頻資源</th>
  <th>視頻圖片</th>
  <th>視頻描述</th>
  <th>上傳時(shí)間</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" >進(jìn)入視頻列表</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;" />
  <!-- 分頁(yè)導(dǎo)航欄 -->

  <!-- 分頁(yè)信息 -->
  <div class="row">
  <!-- 分頁(yè)文字信息，其中分頁(yè)信息都封裝在pageInfo中 -->
  <div class="col-md-6">
  當(dāng)前第：${pageInfo.pageNum}頁(yè)，總共：${pageInfo.pages}頁(yè)，總共：${pageInfo.total}條記錄
  </div>

  <!-- 分頁(yè)條 -->
  <div class="col-md-6">
  <nav aria-label="Page navigation">
  <ul class="pagination">
   <li><a href="<%=basePath%>user/ShowMedia?pn=1" rel="external nofollow" >首頁(yè)</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">&laquo;</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">&raquo;</span>
   </a>
   </li>
   </c:if>
   <li><a href="<%=basePath%>user/ShowMedia?pn=${pageInfo.pages}" rel="external nofollow" >末頁(yè)</a></li>
  </ul>
  </nav>
 </div>
</div>

效果實(shí)現(xiàn)如下：