用jsp進行資料分頁顯示的一個實現__js

來源:互聯網
上載者:User
互連網時代實際上是資料的時代,構建大型電子商務系統必然要涉及到大量資料顯示,資料的分頁顯示是頻繁遇到的問題,如果讓每個程式員都要考慮資料的擷取與處理的每個細節,那必將是件既糟糕又混亂的事情,類似於分頁顯示這種具有公用特徵的控制邏輯必定要在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予以抽象.

this.rowsPerPage其實應從設定檔中獲得,這樣做的好處是程式能在運行中讀取從而實現動態(再)配置,簡略的做法是直接寫在程式中。 public PageControl(yourPersistenceLayer yourPL)
這是一個參數類型為yourPersistenceLayer的建構函式.PersistenceLayer是直接同資料庫打交道的一層,不同的公司都有不同的實現,比如說Microsoft的ADO就可以看作是一PersistenceLayer,IBM在其MPE系統中也實現了一個龐大的PersistenceLayer,. 一種投機的做法是不要PersistenceLayer,或者可以說是淡化該層,這樣做勢必降低系統的穩定性,可重用性,可擴充性。具體可以參考附錄文獻.在這個建構函式中,有這樣幾個主要操作:


關於this.yourdata這裡還有一個細節:在從資料庫中擷取"實體資料"時,通常有兩種方式:(A)一次性擷取所有資料;(B)每次根據當前頁號,擷取本頁的資料,將其它資料予以拋棄;考慮到資料往往是大量甚至是海量的,如果一次性的擷取,那麼這些資料必然大量佔用伺服器記憶體資源,使系統效能大大降低,因此建議使用方法(A)

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

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

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

<?xml:namespace prefix = jsp /><%if(pageCtl.maxPage!=1)){%>
<%@ include file="/yourpath/pageman.jsp"%> <%}%>
說明: if(pageCtl.maxPage!=1)實現了這樣一個邏輯:如果所取得資料不足一頁,那麼就不用進行翻頁顯示。 我們注意到<%@ include file="/yourpath/pageman.jsp"%>這使得真正的翻頁部分完全得到了重用.

那麼pageman.jsp到底做了些什麼呢。它實現了經常做翻頁處理的人耳熟能詳的邏輯
(A)第一頁時不能再向前翻;
(B)最後一頁時不能再向後翻;
同時能夠進行頁面任意跳轉,具體代碼如下:

<%}%><%if(pageCtl.curPage==pageCtl.maxPage){ out.print("下一頁 尾頁");   }else{  %><%}%>>>
在頁面上會呈現出形如下圖的外觀,至於想要修飾美化,那是美工的工作所在。

最後附上用於頁面跳轉的javascript公用函數:



如果他們位於名為TurnPage.js的檔案中,那麼在每個要實現翻頁資料顯示的jsp頁面中加上這樣的引用:

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.