快捷導(dǎo)航

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

更新時(shí)間：2018年12月29日 15:15:22 作者：肖紅

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

最近做的一個(gè)項(xiàng)目在持久層我們采用的是Mybatis今天完成了商品列表的分頁(yè)查詢的功能，這篇博客我分享一下如何采用pageHelper的插件實(shí)現(xiàn)分頁(yè)。mybatis的應(yīng)用，最大的好處就在于我們可以更加方便靈活的編寫(xiě)我們的sql語(yǔ)句，實(shí)現(xiàn)對(duì)單表或者多表的增刪改查，在這基礎(chǔ)上我們使用pageHelper插件實(shí)現(xiàn)分頁(yè)更加方便了我們對(duì)項(xiàng)目的開(kāi)發(fā)，提高了開(kāi)發(fā)效率，我們以實(shí)現(xiàn)商品列表的查詢?yōu)楸尘?，詳?xì)介紹一下如何應(yīng)用這個(gè)插件簡(jiǎn)單的實(shí)現(xiàn)分頁(yè)功能。

1、jar包引入

我們項(xiàng)目中在依賴管理方面采用的是Maven，所以想要引入分頁(yè)的jar包，我們需要配置三坐標(biāo)：

<dependency>
 <groupId>com.github.pagehelper</groupId>
 <artifactId>pagehelper</artifactId>
 <version>${pagehelper.version}</version>
</dependency>

2、配置mybatis的攔截器：

<configuration>
  <!-- 配置分頁(yè)插件 -->
 <plugins>
 <plugin interceptor="com.github.pagehelper.PageHelper">
  <!-- 設(shè)置數(shù)據(jù)庫(kù)類型 -->
  <property name="dialect" value="mysql"/>
 </plugin>
 </plugins>
</configuration>

3、編寫(xiě)service層

頁(yè)面采用的是easyUI的框架，頁(yè)面接收數(shù)據(jù)采用的是json格式，所以在數(shù)據(jù)傳輸過(guò)程中，我們把最終的結(jié)果封裝在一個(gè)實(shí)體里面，就需要在增加一個(gè)分頁(yè)實(shí)體類：EUDataGridResult

package com.taotao.common.pojo;
 
import java.util.List;
 
public class EUDataGridResult {
   //結(jié)果總數(shù)
 private long total;
   //結(jié)果行數(shù)
 private List<?> rows;
 public long getTotal() {
 return total;
 }
 public void setTotal(long total) {
 this.total = total;
 }
 public List<?> getRows() {
 return rows;
 }
 public void setRows(List<?> rows) {
 this.rows = rows;
 }
 
}

編寫(xiě)業(yè)務(wù)層代碼，增加分頁(yè)處理，設(shè)置返回對(duì)象：

/**
 * 分頁(yè)查詢商品列表信息
 */
 @Override
 public EUDataGridResult getItemByList(int page, int rows) {
 //查詢商品列表
 TbItemExample example=new TbItemExample();
 //分頁(yè)處理
 PageHelper.startPage(page, rows);
 List<TbItem> list=itemMapper.selectByExample(example);
 //創(chuàng)建一個(gè)返回值對(duì)象
 EUDataGridResult result=new EUDataGridResult();
 //設(shè)置返回結(jié)果
 result.setRows(list);
 //設(shè)置返回的總記錄數(shù)
 PageInfo<TbItem> pageInfo=new PageInfo<>(list);
 result.setTotal(pageInfo.getTotal());
 return result;
 }

4、編寫(xiě)前端控制層controller代碼：

Controller中主要功能是接收頁(yè)面?zhèn)鬟^(guò)來(lái)的參數(shù)，并且返回json類型的數(shù)據(jù)結(jié)果：

/**
 * 分頁(yè)查詢商品信息列表
 * @param page
 * @param rows
 * @return
 */
 @RequestMapping("/item/list")
 @ResponseBody
 public EUDataGridResult getItemList(Integer page,Integer rows){
 EUDataGridResult result=itemService.getItemByList(page, rows);
 return result;
 }

5、jsp的頁(yè)面：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<table class="easyui-datagrid" id="itemList" title="商品列表" 
    data-options="singleSelect:false,collapsible:true,pagination:true,url:'/item/list',method:'get',pageSize:30,toolbar:toolbar">
  <thead>
    <tr>
     <th data-options="field:'ck',checkbox:true"></th>
     <th data-options="field:'id',width:60">商品ID</th>
      <th data-options="field:'title',width:200">商品標(biāo)題</th>
      <th data-options="field:'cid',width:100">葉子類目</th>
      <th data-options="field:'sellPoint',width:100">賣(mài)點(diǎn)</th>
      <th data-options="field:'price',width:70,align:'right',formatter:TAOTAO.formatPrice">價(jià)格</th>
      <th data-options="field:'num',width:70,align:'right'">庫(kù)存數(shù)量</th>
      <th data-options="field:'barcode',width:100">條形碼</th>
      <th data-options="field:'status',width:60,align:'center',formatter:TAOTAO.formatItemStatus">狀態(tài)</th>
      <th data-options="field:'created',width:130,align:'center',formatter:TAOTAO.formatDateTime">創(chuàng)建日期</th>
      <th data-options="field:'updated',width:130,align:'center',formatter:TAOTAO.formatDateTime">更新日期</th>
    </tr>
  </thead>
</table>

6、最后的實(shí)現(xiàn)結(jié)果