iPage分頁詳解

一、iPage分頁查詢

iPage是一個基於jQuery的分頁插件，在查詢數據時，可以通過傳入不同的參數來進行分頁操作。iPage的使用非常簡單，只需要在頁面中引用相應的js文件，調用其API即可完成分頁操作。

對於最簡單的iPage分頁查詢，我們可以參考以下示例代碼：

 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script src="https://cdn.bootcdn.net/ajax/libs/jquery-ipagination/1.4.0/jquery.ipagination.min.js"></script>
 <div id="list"></div>

<script>
    // 假設我們從後端獲取到的數據為data，以下為前端調用iPage的代碼：
    $('#list').iPage({
        pageCount: 5,//總頁數
        pageSize: 10,//每頁顯示數量
        currentPage: 1,//當前頁
        callback: function (page) {
            // 點擊頁碼時的回調函數，可以在此函數中進行數據的非同步載入
        }
    });
</script>

二、iPage分頁插件gettotal為0

gettotal是iPage分頁插件中的一個屬性，用於獲取總記錄條數。使用iPage進行分頁操作時，如果發現gettotal為0，則表示無法獲取到數據的總記錄條數。

在此情況下，我們需要手動傳入總記錄條數，具體示例代碼如下：

  $('#list').iPage({
        pageCount: 5,//總頁數
        pageSize: 10,//每頁顯示數量
        currentPage: 1,//當前頁
        total: 50, //手動傳入總記錄條數
        callback: function (page) {
            // 點擊頁碼時的回調函數，可以在此函數中進行數據的非同步載入
        }
  });

三、iPage分頁不生效

在使用iPage進行分頁操作時，如果發現分頁不生效，往往是因為插件本身出現錯誤。這時，我們需要仔細檢查是否存在以下錯誤情況：

1、沒有引入iPage的JS文件

2、iPage調用的DOM不存在

3、iPage的配置參數錯誤

對於以上錯誤，我們可以通過以下示例代碼來進行排除：

  <div id="list"></div>

  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery-ipagination/1.4.0/jquery.ipagination.min.js"></script>

  <script>
     $(function() {
         if($("#list").length > 0) {
             $('#list').iPage({
                 pageCount: 5,//總頁數
                 pageSize: 10,//每頁顯示數量
                 currentPage: 1,//當前頁
                 callback: function (page) {
                     // 點擊頁碼時的回調函數，可以在此函數中進行數據的非同步載入
                 }
             });
         }
     });
  </script>

四、MybatisPlus的iPage分頁選取

MybatisPlus是基於Mybatis的增強工具，可以極大地簡化Mybatis的開發流程。在使用MybatisPlus進行分頁操作時，我們可以直接使用其提供的IPage介面（即分頁查詢的參數對象）來完成分頁操作。

以下為使用MybatisPlus進行分頁查詢的示例代碼：

   public IPage<User> getUserByPage(Integer pageNo, Integer pageSize) {
        IPage<User> page = new Page<>(pageNo, pageSize);
        return userDao.selectPage(page, null);
    }

五、iPage分頁插件常用參數介紹

iPage的分頁操作可以通過傳入不同的參數來實現不同的分頁效果。以下為iPage分頁插件的常用參數介紹：

1、pageCount：總頁數

2、pageSize：每頁顯示數量

3、currentPage：當前頁碼

4、prev：『上一頁』按鈕的顯示文本

5、next：’下一頁’按鈕的顯示文本

6、skip：是否顯示跳轉功能按鈕

7、total：總記錄條數

8、ellipsisText：省略號的顯示文本

9、count：連續顯示的頁碼數量

10、toolbar：是否顯示分頁工具欄

以上為iPage分頁插件的常用參數，開發者可以根據不同的需求來靈活選擇。