本文以循序漸進的方式給出了用jsp處理分頁顯示的一個可重用，易于移植的實現。 

如果把與各種商業邏輯實體相對應的數據叫做"實體數據"，那么分頁顯示邏輯要封裝的就是控制實體數據的"控制數據"（下文中沿用這兩種說法）. 

首先讓我們構建一個PageControl對象將分頁所涉及到的一些關鍵的"控制數據"予以封裝.

pic1

具體說明如下： 

1.public int curPage ; //當前是第幾頁  
2.public int maxPage ; //一共有多少頁  
3.public int maxRowCount ; //一共有多少行  
4.public int rowsPerPage ; //每頁有多少行  
5.public yourDataType yourdata ;//裝載每頁的數據 
關于每頁所要顯示的"實體數據"的載體，其實現方式多種多樣，比如說在IBM電子商務系統MPE中是以bean的形式，這是一種面向對象的實現，比較的簡略的實現可用java.util.Vector等，為了避免分散對核心問題的的注意力，這里用youDataType予以抽象. 


6.public void countMaxPage() {   //根據總行數計算總頁數   
    if (this.maxRowCount % this.rowsPerPage==0){ 
       this.maxPage = this.maxRowCount/this.rowsPerPage; 
    }else{ 
       this.maxPage = this.maxRowCount/this.rowsPerPage + 1;         
        } 
    } 
this.rowsPerPage其實應從配置文件中獲得，這樣做的好處是程序能在運行中讀取從而實現動態（再）配置,簡略的做法是直接寫在程序中。 


7.public PageControl(yourPersistenceLayer yourPL) 
這是一個參數類型為yourPersistenceLayer的構造函數.PersistenceLayer是直接同數據庫打交道的一層，不同的公司都有不同的實現，比如說Microsoft的ADO就可以看作是一PersistenceLayer,IBM在其MPE系統中也實現了一個龐大的PersistenceLayer,. 一種投機的做法是不要PersistenceLayer,或者可以說是淡化該層，這樣做勢必降低系統的穩定性，可重用性,可擴展性。具體可以參考附錄文獻.在這個構造函數中，有這樣幾個主要操作：    this.maxRowCount = yourPL.getAvailableCount();  //得到總行數 
    this.yourdata    = yourPL.getResult();          //得到要顯示于本頁的數據 
    this.countMaxPage();                         //計算總頁數 


  




關于this.yourdata這里還有一個細節：在從數據庫中獲取"實體數據"時,通常有兩種方式:(A)一次性獲取所有數據；(B)每次根據當前頁號，獲取本頁的數據，將其它數據予以拋棄；考慮到數據往往是大量甚至是海量的，如果一次性的獲取，那么這些數據必然大量占用服務器內存資源，使系統性能大大降低，因此建議使用方法（A） 

接下來的工作就可以交給servlet和jsp了 
在servlet的service()方法中只需進行如下操作： 

PageControl  pageCtl = yourBusinessObject.listData(req.getParameter("jumpPage")); 
req.setAttribute("pageCtl",pageCtl); 


  
說明：yourBusinessObject封裝了商業邏輯，是位于Business Logic Layer中的一個對象，運用OOAD的方法，封裝商業對象，在Persistent Layer之上組建堅實的Business Logic Layer同樣是構建大型電子商務架構的關鍵所在。本文的關注點只是分頁處理，暫不詳細論述. 


在每個想要實現翻頁顯示數據的jsp頁面中，我們的工作也很簡單,其代碼是公式化的： 

<jsp:useBean id="pageCtl" class="yourpackage.PageControl" scope="request">;</jsp:useBean>; 
<%if(pageCtl.maxPage!=1)){%>; 
<form name="PageForm"  action="/servlet/yourpackage.yourservlet" method="post">; 
<%@ include file="/yourpath/pageman.jsp"%>;  
</form>; 
<%}%>; 


  

說明：  
1.if(pageCtl.maxPage!=1)實現了這樣一個邏輯：如果所取得數據不足一頁,那么就不用進行翻頁顯示。  
2.我們注意到<%@ include file="/yourpath/pageman.jsp"%>;這使得真正的翻頁部分完全得到了重用.  



那么pageman.jsp到底做了些什么呢？它實現了經常做翻頁處理的人耳熟能詳的邏輯 
（A）第一頁時不能再向前翻； 
（B）最后一頁時不能再向后翻； 
同時能夠進行頁面任意跳轉，具體代碼如下： 

每頁<%=pageCtl.rowsPerPage%>;行 
共<%=pageCtl.maxRowCount%>;行 
第<%=pageCtl.curPage%>;頁 
共<%=pageCtl.maxPage%>;頁 

; 
<%if(pageCtl.curPage==1){ out.print(" 首頁 上一頁");   }else{  %>;    
<A HREF="javascript:gotoPage(1)">;首頁</A>; 
<A HREF="javascript:gotoPage(<%=pageCtl.curPage-1%>;)">;上一頁</A>; 
<%}%>; 
<%if(pageCtl.curPage==pageCtl.maxPage){ out.print("下一頁 尾頁");   }else{  %>;    
<A HREF="javascript:gotoPage(<%=pageCtl.curPage+1%>;)">;下一頁</A>; 
<A HREF="javascript:gotoPage(<%=pageCtl.maxPage%>;)">;尾頁</A>; 
<%}%>; 
轉到第<SELECT name="jumpPage" onchange="Jumping()">; 
     <% for(int i=1;i<=pageCtl.maxPage;i++)  { 
     if (i== pageCtl.curPage){ 
     %>; 
     <OPTION selected value=<%=i%>;>;<%=i%>;</OPTION>; 
     <%}else{%>; 
     <OPTION value=<%=i%>;>;<%=i%>;</OPTION>; 
     <%}}%>;    
     </SELECT>;頁 


  
在頁面上會呈現出形如下圖的外觀，至于想要修飾美化，那是美工的工作所在。

pic2



最后附上用于頁面跳轉的javascript公共函數: 

function Jumping(){ 
  document.PageForm.submit(); 
  return ; 
} 

function gotoPage(pagenum){ 
  document.PageForm.jumpPage.value = pagenum; 
  document.PageForm.submit(); 
  return ; 
} 


  
如果他們位于名為TurnPage.js的文件中，那么在每個要實現翻頁數據顯示的jsp頁面中加上這樣的引用： 
<SCRIPT Language="JavaScript" src="/yourPath/TurnPage.js">;</SCRIPT>;