互連網時代實際上是資料的時代,構建大型電子商務系統必然要涉及到大量資料顯示,資料的分頁顯示是頻繁遇到的問題,如果讓每個程式員都要考慮資料的擷取與處理的每個細節,那必將是件既糟糕又混亂的事情,類似於分頁顯示這種具有公用特徵的控制邏輯必定要在horizonal layer層予以實現
本文以循序漸進的方式給出了用jsp處理分頁顯示的一個可重用,易於移植的實現。
如果把與各種商業邏輯實體相對應的資料叫做"實體資料",那麼分頁顯示邏輯要封裝的就是控制實體資料的"控制資料"(下文中沿用這兩種說法).
首先讓我們構建一個PageControl對象將分頁所涉及到的一些關鍵的"控制資料"予以封裝.
具體說明如下:
- public int curPage ; //當前是第幾頁
- public int maxPage ; //一共有多少頁
- public int maxRowCount ; //一共有多少行
- public int rowsPerPage ; //每頁有多少行
- public yourDataType yourdata ;//裝載每頁的資料
關於每頁所要顯示的"實體資料"的載體,其實現方式多種多樣,比如說在IBM電子商務系統MPE中是以bean的形式,這是一種物件導向的實現,比較的簡略的實現可用java.util.Vector等,為了避免分散對核心問題的的注意力,這裡用youDataType予以抽象.
-
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其實應從設定檔中獲得,這樣做的好處是程式能在運行中讀取從而實現動態(再)配置,簡略的做法是直接寫在程式中。
- 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頁面中,我們的工作也很簡單,其代碼是公式化的:
- 說明:
- if(pageCtl.maxPage!=1)實現了這樣一個邏輯:如果所取得資料不足一頁,那麼就不用進行翻頁顯示。
- 我們注意到這使得真正的翻頁部分完全得到了重用.
那麼pageman.jsp到底做了些什麼呢?它實現了經常做翻頁處理的人耳熟能詳的邏輯
(A)第一頁時不能再向前翻;
(B)最後一頁時不能再向後翻;
同時能夠進行頁面任意跳轉,具體代碼如下:
每頁行共行第頁共頁 首頁上一頁 下一頁尾頁轉到第>>頁
|
在頁面上會呈現出形如的外觀,至於想要修飾美化,那是美工的工作所在。
最後附上用於頁面跳轉的javascript公用函數:
function Jumping(){ document.PageForm.submit(); return ;}function gotoPage(pagenum){ document.PageForm.jumpPage.value = pagenum; document.PageForm.submit(); return ;}
|
如果他們位於名為TurnPage.js的檔案中,那麼在每個要實現翻頁資料顯示的jsp頁面中加上這樣的引用: