最終效果如下

思路

前臺需要展示的是一頁一頁的資料，每一頁包含的資訊有兩個：當前頁數(pageNow)、每一頁有條資料(pageSize)。其他的事情前臺不用關心，它的目的只是展示資料。而資料的來源在後臺，前臺告訴後臺需要哪一頁的資料以及這一頁有多少條資料，pageSize是可以設定的，所以pageNow是前臺和後臺互動的核心。那麼後臺接收到前臺的pageNow，要去識別它，根據這個引數到資料庫取得資料返回給前臺。
先說說pageNow，pageNow的值怎麼設定？當然是後臺告訴前臺一共有多少頁(totalPageCount)，然後前臺要展示的資料就在0~totalPageCount頁之間，當前的處於哪一頁就是pageNow的值；而pageSize，每一頁記錄數，這很好理解，每一頁要展示多少資料。而pageSize(每一頁記錄數) * totalPageCount(頁數) = 資料庫中該表的記錄總數(totalCount)。所以後臺關心的有4個變數：pageNow、pageSize、totalPageCount、totalCount。這裡的totalCount是已知的，資料庫表的記錄數，根據前臺頁面的展示效果如果pageSize確定，那麼totalPageCount = totalCount / pageSize，而 pageNow 是前臺資料的選擇頁。

例子

這裡以mysql資料庫，java ssm後臺，前臺bootstrap為例。

1).既然分頁思路是通用的，把分頁寫成一個工具類，放在util包中，它與業務邏輯是沒有關係的

package com.xforce.charles.util;

import java.io.Serializable;

public class Page implements Serializable {  

    private static final long serialVersionUID = -3198048449643774660L;  

    private int pageNow = 1
 
; // 當前頁數  

    private int pageSize = 10; // 每頁顯示記錄的條數  

    private int totalCount; // 總的記錄條數  

    private int totalPageCount; // 總的頁數  

    @SuppressWarnings("unused")  
    private int startPos; // 開始位置，從0開始  

    @SuppressWarnings("unused")  
    private boolean hasFirst;// 是否有首頁  

    @SuppressWarnings
 
("unused")  
    private boolean hasPre;// 是否有前一頁  

    @SuppressWarnings("unused")  
    private boolean hasNext;// 是否有下一頁  

    @SuppressWarnings("unused")  
    private boolean hasLast;// 是否有最後一頁  

    /** 
     * 通過建構函式 傳入  總記錄數  和  當前頁 
     * @param totalCount 
     * @param pageNow 
     */  
    public Page(int totalCount, int pageNow) {  
        this.totalCount = totalCount;  
        this.pageNow = pageNow;  
    }  

    /** 
     * 取得總頁數，總頁數=總記錄數/總頁數 
     * @return 
     */  
    public int getTotalPageCount() {  
        totalPageCount = getTotalCount() / getPageSize();  
        return (totalCount % pageSize == 0) ? totalPageCount  
                : totalPageCount + 1;  
    }  

    public void setTotalPageCount(int totalPageCount) {  
        this.totalPageCount = totalPageCount;  
    }  

    public int getPageNow() {  
        return pageNow;  
    }  

    public void setPageNow(int pageNow) {  
        this.pageNow = pageNow;  
    }  

    public int getPageSize() {  
        return pageSize;  
    }  

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

    public int getTotalCount() {  
        return totalCount;  
    }  

    public void setTotalCount(int totalCount) {  
        this.totalCount = totalCount;  
    }  
    /** 
     * 取得選擇記錄的初始位置 
     * @return 
     */  
    public int getStartPos() {  
        return (pageNow - 1) * pageSize;  
    }  

    public void setStartPos(int startPos) {  
        this.startPos = startPos;  
    }  

    /** 
     * 是否是第一頁 
     * @return 
     */  
    public boolean isHasFirst() {  
        return (pageNow == 1) ? false : true;  
    }  

    public void setHasFirst(boolean hasFirst) {  
        this.hasFirst = hasFirst;  
    }  
    /** 
     * 是否有首頁 
     * @return 
     */  
    public boolean isHasPre() {  
        // 如果有首頁就有前一頁，因為有首頁就不是第一頁  
        return isHasFirst() ? true : false;  
    }  

    public void setHasPre(boolean hasPre) {  
        this.hasPre = hasPre;  
    }  
    /** 
     * 是否有下一頁 
     * @return 
     */  
    public boolean isHasNext() {  
        // 如果有尾頁就有下一頁，因為有尾頁表明不是最後一頁  
        return isHasLast() ? true : false;  
    }  

    public void setHasNext(boolean hasNext) {  
        this.hasNext = hasNext;  
    }  
    /** 
     * 是否有尾頁 
     * @return 
     */  
    public boolean isHasLast() {  
        // 如果不是最後一頁就有尾頁  
        return (pageNow == getTotalCount()) ? false : true;  
    }  

    public void setHasLast(boolean hasLast) {  
        this.hasLast = hasLast;  
    }  

}  

2).場景：前端向後臺請求資料，傳遞pageNow引數

<a href="goindex?pageNow=2">Previous</a>

3).後臺接收pageNow引數，向service層要資料

    //先假設為第一頁
    int pageNow = 1;
    //接收前臺傳遞的當前頁數
    String s_pageNow = request.getParameter("pageNow");
    //如果頁面第一次進入，預設展示第一頁的資料，這時前臺是沒有傳遞給後臺當前頁面引數的
    if(null != s_pageNow) {
        pageNow = Integer.parseInt(s_pageNow);
    }
    //獲取記錄總數
    int tatolCount = statusService.getStatusCount();
    //page根據tatolCount和pageNow計算出需要的記錄數在資料庫中的位置範圍
    Page page = new Page(tatolCount, pageNow);
    List<StatusAndProductWrapper> statusAndProductWrapperList = 
        statusService.getStatusAndProductWrapper(page.getStartPos(), page.getPageSize());
    //將資料返回給前端
    model.addAttribute("statusAndProductWrapperList", statusAndProductWrapperList); 
    model.addAttribute("page", page); 

4).service層呼叫dao層

interface

    //獲取使用者狀態資訊
    List<StatusAndProductWrapper> getStatusAndProductWrapper(int startPos, int pageSize);
    //獲取使用者狀態的記錄數
    int getStatusCount();

Impl

    public List<StatusAndProductWrapper> getStatusAndProductWrapper(int startPos, int pageSize) {
        return statusDao.selectStatusAndProductWrapperByPage(startPos, pageSize);
    }

    public int getStatusCount() {
        return statusDao.selectStatusCount();
    }

5).dao層

interface

  //分頁獲取記錄
  List<StatusAndProductWrapper> selectStatusAndProductWrapperByPage(
        @Param(value="startPos") Integer startPos, @Param(value="pageSize") Integer pageSize);  
   //得到記錄總數
   int selectStatusCount(); 

Mapping

 <select id="selectStatusAndProductWrapperByPage" resultType="com.xforce.charles.model.StatusAndProductWrapper">
     select ... from ... limit #{startPos}, #{pageSize}
  </select>
  <select id="selectStatusCount" resultType="java.lang.Integer">
      select count(*) from status
  </select>

如果是sql server

 <select id="selectStatusAndProductWrapperByPage" resultType="com.xforce.charles.model.StatusAndProductWrapper">
     select top #{pageSize} ... from ... where ... not in(select top #{startPos} id from ...)
  </select>

如果是oracle

 <select id="selectStatusAndProductWrapperByPage" resultType="com.xforce.charles.model.StatusAndProductWrapper">
     select ... from (select ROWNUM rn, ... from (select ... from ... order by id asc) where ROWNUM <= (#{startPos} + #{pageSize}) ) ... where ....rn >= #{startPos};
  </select>

6).前臺展示，這裡用bootstrap的樣式

 <ul class="pager">
     <c:choose>  
         <c:when test="${page.pageNow - 1 > 0}">  
             <li><a href="goindex?pageNow=${page.pageNow - 1}">Previous</a></li>  
         </c:when>  
         <c:when test="${page.pageNow - 1 <= 0}">  
             <li><a href="goindex?pageNow=1">Previous</a></li>  
         </c:when>  
     </c:choose>
     <li><a href="goindex?pageNow=${page.pageNow}">${page.pageNow}/${page.totalPageCount}</a></li>
     <c:choose>  
         <c:when test="${page.totalPageCount==0}">  
             <li><a href="goindex?pageNow=${page.pageNow}">Next</a></li>  
         </c:when>  
         <c:when test="${page.pageNow + 1 < page.totalPageCount}">  
             <li><a href="goindex?pageNow=${page.pageNow + 1}">Next</a></li>  
         </c:when>  
         <c:when test="${page.pageNow + 1 >= page.totalPageCount}">  
             <li><a href="goindex?pageNow=${page.totalPageCount}">Next</a></li>
         </c:when>  
     </c:choose>  
</ul>   

7).總而言之，分頁思路的邏輯是通用的。跟資料庫、後臺語言、前端框架無關