2. 程式人生 > >mybatis分頁外掛實現分頁

mybatis分頁外掛實現分頁

阿新 • • 發佈：2019-02-17

1.瞭解過程：在資料庫伺服器中，sql語句實現分頁便要每個查詢語句都要寫上limit(開始，結束)，並且不能靈活的隨前端變化，為此使用攔截器的方法，過程：攔截器攔截請求的sql語句（根據需要攔截的ID(正則匹配)，進行攔截），並對根據前端傳過來的頁數，和每頁的條數，計算出limit（開始，結束），總條數，然後，拼接到sql語句後邊。其中這個處理過程，已經封裝到了，分頁外掛中，可以不用理解，直接使用。
條件：maven下：
1.pom.xml中匯入依賴：

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

2.在mybatis-conf.xml中新增攔截器：

<plugins>
        <plugin interceptor="com.github.pagehelper.PageHelper">
            <!-- 設定資料庫型別 Oracle,Mysql,MariaDB,SQLite,Hsqldb,PostgreSQL六種資料庫-->
 
        
            <property name="dialect" value="mysql"/>
        </plugin>
    </plugins>

3.編寫page例項：

package com.tc.tccp.core.page;

/** 
 * @author wangpei 
 * @version 
 *建立時間：2016年10月12日 下午10:52:29 
 * 攔截器實現mybatis的攔截
 */
import java.util.List;

public class PageParameter {

    public
 
 static final int DEFAULT_PAGE_SIZE = 10;

    private int pageSize;// 頁面大小
    private int currentPage;// 當前頁的位置
    private int prePage;// 上一頁
    private int nextPage;// 下一頁
    private int totalPage;// 總頁數
    private int totalCount;// 總條數
    /**
     * 當前頁的資料
     */
    private List<?> list;

    /**
     * 獲得分頁內容
     *
     * @return
     */
    public List<?> getList() {
        return list;
    }

    public PageParameter(int pageSize, int currentPage, int prePage,
            int nextPage, int totalPage, int totalCount, List<?> list) {
        this.pageSize = pageSize;
        this.currentPage = currentPage;
        this.prePage = prePage;
        this.nextPage = nextPage;
        this.totalPage = totalPage;
        this.totalCount = totalCount;
        this.list = list;
    }

    /**
     * 設定分頁內容
     *
     * @param list
     */
    @SuppressWarnings("unchecked")
    public void setList(List list) {
        this.list = list;
    }

    public PageParameter() {
        this.currentPage = 1;
        this.pageSize = DEFAULT_PAGE_SIZE;
    }

    /**
     *
     * @param currentPage
     * @param pageSize
     */
    public PageParameter(int currentPage, int pageSize) {
        this.currentPage = currentPage;
        this.pageSize = pageSize;
    }

    public int getCurrentPage() {
        return currentPage;
    }

    public void setCurrentPage(int currentPage) {
        this.currentPage = currentPage;
    }

    public int getPageSize() {
        return pageSize;
    }

    public void setPageSize(int pageSize) {
        this.pageSize = pageSize;
    }

    public int getPrePage() {
        return prePage;
    }

    public void setPrePage(int prePage) {
        this.prePage = prePage;
    }

    public int getNextPage() {
        return nextPage;
    }

    public void setNextPage(int nextPage) {
        this.nextPage = nextPage;
    }

    public int getTotalPage() {
        return totalPage;
    }

    public void setTotalPage(int totalPage) {
        this.totalPage = totalPage;
    }

    public int getTotalCount() {
        return totalCount;
    }

    public void setTotalCount(int totalCount) {
        this.totalCount = totalCount;
    }

    public String toString() {
        return "pageSize=" + pageSize + "currentPage=" + currentPage
                + "prePage=" + prePage + "nextPage=" + nextPage + "totalPage="
                + totalPage + "totalCount=" + totalCount;
    }

}

4.編寫操做的dao層，和dao.xml
其中，需要攔截的方法，需要以ID(正則匹配)，我以.page結尾。
這裡寫圖片描述
5.controller層

    @RequestMapping("getAll")
    @ResponseBody
    public Map<String, Object> get(HttpServletRequest request,HttpServletResponse response, Integer page/* 當前頁 */, Integer rows/* 每頁顯示的數量 */) {
        // 當前頁
        int intPage = page == null ||  page <= 0 ? 1 : page;
        // 設定每頁顯示的數量
        int intPageSize = rows == null || rows <= 0 ? 10 : rows;
        PageParameter page1 = new PageParameter();
        System.out.println("當前頁="+intPage);
        System.out.println("一頁的條數="+intPageSize);
        page1.setCurrentPage(intPage);
        page1.setPageSize(intPageSize);
        PageHelper.startPage(intPage, intPageSize);
        List<Studio> d = studioService.findAllStudioByPage(page1); // 取商品列表
        PageInfo<Studio> pageInfo = new PageInfo<Studio>(d);
        Map<String, Object> reMap = new HashMap<String, Object>();
        // 取分頁資訊
        reMap.put("total", pageInfo.getTotal()); // 總條數
        reMap.put("pageSize", intPageSize); // 每頁顯示的數量
        reMap.put("pageNo", intPage); // 當前頁數
        reMap.put("rows", d); // 從資料庫中獲取的列表資訊

        return reMap;
    }

將獲取到的查新結果放入reMap,然後前端獲取到reMap的值，類似json格式的資料。

前端jsp頁面自己完成,我是用easyui做的，

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    //System.out.println("path===" + path);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>LayOut</title>
 <script src="<%=request.getContextPath()%>/css/easyui/jquery.min.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/css/easyui/jquery.easyui.min.js" type="text/javascript"></script>
<link href="<%=request.getContextPath()%>/css/easyui/themes/default/easyui.css" rel="stylesheet"ntype="text/css" />
<link href="<%=request.getContextPath()%>/css/easyui/themes/icon.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript">
    $(function() {
    $('#dg').datagrid({
            title : '結果列表',
            pageSize : 10,//預設選擇的分頁是每頁10行資料
            pageList : [ 5, 10, 15, 20 ],//可以選擇的分頁集合
            nowrap : true,//設定為true，當資料長度超出列寬時將會自動擷取
            striped : true,//設定為true將交替顯示行背景。
            collapsible : true,//顯示可摺疊按鈕

            url : '/tccp/studio/getAll',//url呼叫Action方法
            loadMsg : '資料裝載中......',
            singleSelect : false,//為true時只能選擇單行
            fitColumns : false,
            remoteSort : false,
            onClickRow : function(rowIndex, rowData) {//單擊事件
            },
            onDblClickRow : function(rowIndex, rowData) {//雙擊事件
            },

            toolbar : [ {// 工具欄  
                text : '新增',  
                iconCls : 'icon-add', // 圖示  
                handler : function() { // 處理函式  
                    addBook();  
                }  
            }, {  
                text : '刪除',  
                iconCls : 'icon-cancel', // 圖示  
                handler : function() { // 處理函式  
                    deleteBook();  
                }  
            }, {  
                text : '編輯',  
                iconCls : 'icon-edit',// 圖示  
                handler : function() {// 處理函式  
                    editBook();  
                }  
            } ],  

            frozenColumns : [ [ {
                field : 'id',
                checkbox : true
            },  {
                field : 'studio_id',
                align : 'center',
                title : '廳號',
                width : 200
            }, {
                field : 'studio_name',
                align : 'center',
                title : '廳名',
                width : 200
            } ] ],
            columns : [ [ {
                field : 'studio_row_count',
                align : 'center',
                title : '行數',
                width : 200
            }, {
                field : 'studio_col_count',
                align : 'center',
                title : '列數',
                width : 200
            },{
                field : 'studio_introduction',
                align : 'center',
                title : '介紹',
                width : 200
            },{
                field : 'studio_flag',
                align : 'center',
                title : '是否安排座位',
                width : 220
            }] ],
            pagination : true,//分頁
            rownumbers : true
        //行數
        });
        var p = $('#dg').datagrid('getPager');  

        $(p).pagination({  
            pageSize: 10,//每頁顯示的記錄條數，預設為10   
            pageList: [5,10,15,20],//可以設定每頁記錄條數的列表   
            beforePageText: '第',//頁數文字框前顯示的漢字   
            afterPageText: '頁    共 {pages} 頁',   
            displayMsg: '當前顯示 {from} - {to} 條記錄   共 {total} 條記錄',   
        });


        //在datagrid例項化之後呼叫這個方法。
        $("#dg").datagrid({}).datagrid("page");

    });




    function showEditForm() {  

            $('#EditForm').form('submit', {
                url: "/tccp/studio/add",
                onSubmit: function () {               //表單提交前的回撥函式
                    var isValid = $(this).form('validate');//驗證表單中的一些控制元件的值是否填寫正確，比如某些文字框中的內容必須是數字
                    if (!isValid) {
                    }
                    return isValid; // 如果驗證不通過，返回false終止表單提交
                },
                success: function (data) {    //表單提交成功後的回撥函式，裡面引數data是我們呼叫/BasicClass/ModifyClassInfo方法的返回值。
                    if (data > 0) {
                        $.messager.show({
                            title: '提示訊息',
                            msg: '提交成功',
                            showType: 'show',
                            timeout: 1000,
                            style: {
                                right: '',
                                bottom: ''
                            }
                        });
                        $('#dg').datagrid('reload');    // 重新載入當前頁面資料  
                        $('#Editwin').window('close');  //關閉視窗
                    }
                    else {
                        $.messager.alert('提示資訊', '提交失敗，請聯絡管理員！', 'warning');
                }
                }
            });
    }  

    // 關閉視窗  
    function closeForm() {  
        $("#frmEdit").form('clear');  
        $('#tabEdit').dialog('close');  
    }  
    // 新增的函式  
    function addBook() {  
        // 清空原有的資料  
        $('#frmEdit').form('clear');  
        // 顯示新增對話方塊  
        showEditForm();  
    }  


</script>
</head>

<body class="easyui-layout" id="cc">

   <div id="tabEdit">  
                    <form id="frmEdit">  
                    <input type="hidden" id="id" name="book.id" />  
                    <dl>  
                        <dd>  
                            演出廳編號:  
                        </dd>  
                        <dd>  
                            <input type="text" style="width: 150px" id="isbn" name="studioId" />  
                        </dd>  
                    </dl>  
                    <dl>  
                        <dd>  
                            演出廳名稱:  
                        </dd>  
                        <dd>  
                            <input type="text" style="width: 150px" id="title" name="studioName" />  
                        </dd>  
                    </dl>  
                    <dl>  
                        <dd>  
                            演出廳行號:  
                        </dd>  
                        <dd>  
                            <input type="text" style="width: 150px" id="price" name="studioRow" />  
                        </dd>  
                    </dl>  
                    <dl>  
                        <dd>  
                            演出廳列號:  
                        </dd>  
                        <dd>  
                            <input type="text" style="width: 150px" id="pubdate" name="studioCol" />  
                        </dd>  
                    </dl>  
                    <dl>  
                        <dd>  
                            是否安排座位:  
                        </dd>  
                        <dd>  
                            <input type="text" style="width: 150px" id="pubdate" name="flag" />  
                        </dd>  
                    </dl>  
                    <dl>  
                        <dd>  
                            演出廳介紹:  
                        </dd>  
                        <dd>  
                            <textarea cols="45" rows="3" id="intro" name="studioIntroduce"></textarea>  
                        </dd>  
                    </dl>  
                    </form>  
                </div>  

<div region="north" border="true" split="true"
        style="overflow: hidden; height: 65px;">
        <form id="searchForm" name="searchForm">
            <table id="searchTable" width=100%>
                <tr>    
                    <td>當前位置：<a href="javascript:void(0)" style="color:#6E6E6E;">影廳管理</a> &gt; 內容列表<!--   <input class="easyui-textbox" type="text" name="bh"  id="bh">--></td>
                            &nbsp;&nbsp;&nbsp;      
                    <td>廳名：<input class="easyui-textbox" type="text" name="bjmc" id="bjmc">&nbsp;<a href="#" class="easyui-linkbutton" icon="icon-search"
                        onclick="doSearch()">查詢</a>
                    </td>
                    <td>
                    &nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
                      <td><a href="#" class="easyui-linkbutton" icon="icon-search"
                        onclick="doSearch()">退出</a>
                    </td>                       
                </tr>
            </table>

        </form>
    </div>
    <div region="center" border="true" split="true"
        style="overflow: hidden;">
        <table id="dg" title="My Users" class="easyui-datagrid" width="100%"
            height="99%" toolbar="#toolbar" rownumbers="true" fitColumns="true"
            singleSelect="true">

        </table>


    </div>





</body>
</html>

程式碼寫的有點亂，我會繼續改的，原諒小白一枚！！！！，有什麼問題就問，要原始碼的，都可以。

相關推薦

MyBatis程式碼例項系列-10：MyBatis通過PageHelper外掛實現分頁查詢

本章主要記錄MyBatis通過PageHelper外掛實現分頁查詢，涉及到的技術點有： - com.github.pagehelper：開源的MyBatis分頁外掛 1.SQL drop table apple; create table `a

Mybatis的pageHelper外掛實現分頁

1.場景分析      近期的專案中屢次遇到分頁的需求，今天筆者就mybatis的pageHelper外掛實現分頁且結合前端展示介面詳細給大家講解下，望能夠幫助更多的朋友！ 2.pageHelper的配置 ①新增pageHelper外掛依賴 <dependency&g

mybatis分頁外掛實現分頁

1.瞭解過程：在資料庫伺服器中，sql語句實現分頁便要每個查詢語句都要寫上limit(開始，結束)，並且不能靈活的隨前端變化，為此使用攔截器的方法，過程：攔截器攔截請求的sql語句（根據需要攔截的ID(正則匹配)，進行攔截），並對根據前端傳過來的頁數，和每頁的條

Springboot 使用PageHelper分頁外掛實現分頁

一、pom檔案中引入依賴 二、application.properties中配置以下內容 pagehelper.helper-dialect=mysqlpagehelper.reasonable=truepagehelper.support-methods-arguments=truepagehelp

springBoot 使用 mybatis-plus 外掛 實現分頁

一、專案結構 二、pom.xml 依賴新增   （這裡我是加在krystal_dao的pom.xml裡面，單個專案，直接加在pom.xml，多模組根據自己專案情況新增） <dependency> <groupId>com.baomid

MyBatis攔截器自定義分頁外掛實現

MyBaits是一個開源的優秀的持久層框架，SQL語句與程式碼分離，面向配置的程式設計，良好支援複雜資料對映，動態SQL;MyBatis 是支援定製化 SQL、儲存過程以及高階對映的優秀的持久層框架。MyBatis 避免了幾乎所有的 JDBC 程式碼和手動設定引數以及獲取結果集。MyBatis 可以對配置和原

使用pagination分頁外掛實現ajax分頁

1.html頁面引入jq和js外掛 <script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <s

Mybatis-plus之RowBounds實現分頁查詢

物理分頁和邏輯分頁 物理分頁：直接從資料庫中拿出我們需要的資料，例如在Mysql中使用limit。 邏輯分頁：從資料庫中拿出所有符合要求的資料，然後再從這些資料中拿到我們需要的分頁資料。 優缺點 物理分頁每次都要訪問資料庫，邏輯分頁只訪問一次。 物理分頁佔用記憶體少，邏輯分頁相對較多。 物理分頁資

在mybatis-plus中使用分頁外掛做分頁出現的問題

在使用mybatis-plus中使用分頁外掛做自定義XML分頁查詢的時候，自己定義的XML中的SQL後面多了一個分號，各種查不到，也沒有報錯。最後定位到是一個分號的問題！ 理論上使用mybatis裡面寫sql最後是不能帶分號的。但是mybatis-plus中其他的查詢帶分號都沒有事，只有這個

Spring Boot2 + Mybatis 整合(Mybatis自動生成外掛、分頁外掛)

內容： Spring Boot2 + Mybatis 整合 Mybatis Generator自動生成程式碼 Mybatis PageHelper分頁外掛

pageHelper分頁外掛實現原理及使用方法

外掛官方網站：https://github.com/pagehelper/Mybatis-PageHelper/tree/master/src/main/java/com/github/pagehel

Mybatis的分頁外掛PageHelper分頁失效的原因

PageHelper是Mybatis的一個很好的分頁外掛，但要使用它的分頁功能需要注意一下幾點 1.匯入相關包，例如maven匯入依賴 <dependency> <groupId>com.github.pagehelper</gr

關於使用 Mybatis 利用 PageHelper 外掛進行分頁，獲取的total總數等於每頁總數的問題

1、SpringBoot整合mybatis，使用的PageHelper 進行分頁， 然後使用  new PageInfo<>(list).getTotal() 獲取記錄總數的時候，得到的結果是 pageSize的值， 經檢查發現，是因為在前面對 查詢出的 list 用

使用pager外掛實現分頁簡易使用示例（後臺分頁，前臺顯示）

function getSendMessageInfo() { //初始化首頁顯示 var paramObj = { "pageNum":"1"

asp.net Mvc4 使用ajax結合分頁外掛實現無重新整理分頁

本文為在mvc4中使用ajax實現無重新整理分頁demo，記錄一下。 解決方案思想：頁面資料的初始載入和按頁載入都是通過ajax來進行，頁面分頁連結點選後利用ajax技術傳送當前頁碼到後端控制器，後端控制器根據當前頁碼和設定的pageSize從資料庫中取出對應頁的資料。

ajax分頁類實現分頁功能

 整體思路：將頁號傳遞到後臺PHP程式，PHP程式根據頁號，從資料表中查詢對應的內容，再返回給前端的ajax程式，最後顯示. 引用ajax分頁外掛：是一個基於jQuery的分頁外掛-pagination。     &

Lucene筆記20-Lucene的分詞-實現自定義同義詞分詞器-實現分詞器（良好設計方案）

一、目前存在的問題 在getSameWords()方法中，我們使用map臨時存放了兩個鍵值對用來測試，實際開發中，往往需要很多的這種鍵值對來處理，比如從某個同義詞詞典裡面獲取值之類的，所以說，我們需要一個類，根據key提供近義詞。 為了能更好的適應應用場景，我們先定義一個介面，其中定義一

Lucene筆記19-Lucene的分詞-實現自定義同義詞分詞器-實現分詞器

一、同義詞分詞器的程式碼實現 package com.wsy; import com.chenlb.mmseg4j.Dictionary; import com.chenlb.mmseg4j.MaxWordSeg; import com.chenlb.mmseg4j.analysis.MM

Bootstrap Table 多頁時實現換頁選中且可回顯勾中功能

一 背景 在工作中利用Bootstrap Table 做資料列表時可選資料，但是換頁時上一頁資料不能攜帶和回顯，只能操作選中當前頁資料，造成不好的使用者體驗 二 解決方案 1）利用Bootstrap Table 提供的API監聽選中與取消選中 定義

Ext 3 列表下方翻頁外掛, 選擇每頁[]條

這是之前在網上找的, 可是在Ext 3.3中執行時有個小錯誤, 改了一下發上來. Ext.namespace('Ext.ux.Andrie'); /** * @class Ext.ux.Andrie.pPageSize * @extends Ext.PagingToo