首頁>網絡編程教程>ASP教程

ASP中實現分頁顯示的七種方法

作者：Eve Cole 更新時間：2025-03-21 12:32:01

這篇文章主要介紹了ASP中實現分頁顯示的七種方法，這七種方法可以分為四大類，需要的朋友可以參考下

在微軟的ASP編程體系中，ADO對象的建立，使得從網頁訪問數據庫成為一件易事，特別是ADO的Recordset對象使得控制數據的輸出顯示更為方便、自由。而在Visual InterDev6.0(以下簡稱VI6.0)中，由於Script Object Model(以下簡稱SOM)、Design-Time Control(以下簡稱DTC)以及Data Environment Object Model(以下簡稱DEOM)等對像模型的引入，使網頁對數據庫的訪問設計顯得更為方便。

因為主題方面的原因，關於數據庫的連接，下文只給出代碼和簡要註釋，而把重點放在如何利用Recordset對象(或控件)實現數據記錄的分頁顯示方面。根據我的理解，分頁顯示的關鍵就在於對ADO的Recordset對像或DTC(設計時控件)的Recordset控件的屬性和方法的熟練把握上。

這七種分頁顯示的武器概括起來說分四類： 第一、二種我暫取名叫純ASP法，

這也是國內的ASP網站上用得最多的方法，它們的區別僅在實現技巧的不同。這兩種方法的實現最易理解，用到的對象概念也最少，對開發環境的要求也最低(只要記事本就行)。可以說，這兩種方法的實質還是CGI的編程思想，只是在程序中引入了ADO對象而已。

第四、五種暫取名叫SOM的DHTML法。

這兩種方法要求在VI6.0的環境下，利用微軟提出的腳本對像模型(Script Object Model)和DHTML中Table對象的與數據庫綁定的新特性(許多書和文章只介紹了DHTML的CSS特性在樣式設計中的運用而忽略介紹其數據綁定特性)，實現在客戶端控制翻頁。但它要求用戶的瀏覽器必須是支持DHTML，如：Microsoft Internet Explorer 4.0及以上的版本。

第六種暫取名叫SOM服務器端法。

要求在VI6.0的環境下開發，它利用微軟提出的腳本對像模型(Script Object Model)中的幾個DTC控件：Recordset、PageObject、Grid等在服務器端(客戶端)實現翻頁控制。這是一種激動人心的、全新的編程方法，它把網頁看成對象(這種對像模型和傳統的DOM----document object model是有區別的：DOM只能控制客戶端，而SOM可控制服務器端和客戶端)，它真正實現了網頁的面向對象編程。但遺憾的是，也許是我個人能力有限，這種技術我個人認為還不是很成熟，比如，與瀏覽器的結合還不是很好，這將在後文詳細說明。

第七種暫取名叫DEOM法。

它也是利用了VI6.0中建立的數據環境對像模型(Data Environment Object Model)建立Recordset對象。這也是在網頁編程上比較少見的新方法，與SOM模型相比，自有它的優點，這將在後文詳述。

在後面所舉的所有例子源代碼，都可以直接拷貝使用，你甚至可以不懂其原理，只要把其中的粗斜體字部分換成相應自己的數據庫名或字段名就可以了。

在開始詳細介紹各種分頁方法前，讓我們先創建一個數據庫：用Office97中的access自創一個Employee.mdb，其中建一個表emp，只設三個字段：emp ID，last name和first name。為什麼這麼簡單，是因為我們關心的是怎樣處理recordset的結果。

第一種：參數直接代入法

這種方法是用手工建立Recordset對象，利用其pagesize(每頁指定顯示記錄數)，pagecount(總頁碼數)和absolutepage(當前頁碼數)屬性來控制分頁的輸出。分頁採用直接帶頁碼參數的方法來控制翻頁。網頁的名字為emp1.asp。源代碼如下：

  1. ＜%//建立與employee.mdb數據庫的連接。
  2. Setconn=Server.CreateObject(ADODB.Connection)
  3. conn.Opendriver={MicrosoftAccessDriver(*.mdb)};dbq=employee.mdb
  4. //建立emp表的Recordset對象實例rs。
  5. Setrs=Server.CreateObject(ADODB.Recordset)
  6. rs.Openemp,conn,3
  7. PageSize=10//pagesize屬性指定了每頁要顯示的記錄條數
  8. Page=CLng(Request(Page))'string型轉化為long型
  9. IfPage＜1ThenPage=1
  10. IfPage＞rs.PageCountThenPage=rs.PageCount
  11. IfPage＜＞1Then
  12. Response.Write＜AHREF=emp1.asp?Page=1＞第一頁＜/A＞
  13. Response.Write＜AHREF=emp1.asp?Page=&(Page-1)&＞上一頁＜/A＞
  14. EndIf
  15. IfPage＜＞rs.PageCountThen
  16. Response.Write＜AHREF=emp1.asp?Page=&(Page+1)&＞下一頁＜/A＞
  17. Response.Write＜AHREF=emp1.asp?Page=&rs.PageCount&＞最後一頁＜/A＞
  18. EndIf
  19. Response.write頁碼：&Page&/&rs.PageCount&＜/font＞
  20. //每一頁的顯示
  21. //顯示表頭
  22. Response.Write＜CENTER＞＜TABLEBORDER=1＞
  23. Response.WRITE＜TR＞＜TD＞&rs.Fields(empID).Name&＜/TD＞
  24. Response.WRITE＜TD＞&rs.Fields(lastname).Name&＜/TD＞
  25. Response.WRITE＜TD＞&rs.Fields(firstname).Name&＜/TD＞＜/TR＞
  26. //循環顯示每條記錄
  27. rs.AbsolutePage=Page//把頁碼賦給absolutepage屬性從而知當前頁的首條記錄號
  28. ForiPage=1Tors.PageSize//
  29. Response.WRITE＜TR＞＜TD＞&rs.Fields(empID).Value&＜/TD＞
  30. Response.WRITE＜TD＞&rs.Fields(firstname).Value&＜/TD＞
  31. Response.WRITE＜TD＞&rs.Fields(lastname).Value&＜/TD＞＜/TR＞
  32. rs.MoveNext
  33. Ifrs.EOFThenExitFor
  34. Next
  35. Response.Write＜/TABLE＞＜/CENTER＞%＞

第二種：表單傳送參數法

這種方法在創建Recordset對象時與第一種相同，只是在翻頁控制時，採用和case語句配合來實現翻頁。網頁的名字為:emp2.asp。此方法在編程邏輯上有個缺點：就是在按過上頁或下頁鈕後，再在瀏覽器上按刷新按鈕時，會自動翻頁。源代碼如下：

  1. ifPagenum=ThenPagenum=1//從第一頁開始顯示
  2. //建立數據庫連接和Recordset對象實例rs。
  3. 與第一種方法相同，此處略過。
  4. RS.Pagesize=10'設置一頁中顯示的記錄條數為10條
  5. //確定翻頁的動作
  6. SelectCaseRequest(NAV)
  7. Case
  8. session(Pagenum)=1
  9. caseFirst'FirstRecord
  10. session(Pagenum)=1
  11. casePrev'PreviousRecord
  12. ifsession(Pagenum)＞1then
  13. session(Pagenum)=session(Pagenum)-1
  14. EndIf
  15. caseNext'NextRecord
  16. ifsession(Pagenum)＜RS.PageCountthen
  17. session(Pagenum)=session(Pagenum)+1
  18. Endif
  19. caseLast'LastRecord
  20. session(Pagenum)=RS.PageCount
  21. EndSelect
  22. RS.Absolutepage=Clng(session(Pagenum))//確定當前頁的第一條記錄號
  23. //顯示當前頁
  24. 同第一種方法，此處略過。
  25. //Nav翻頁按鈕設置
  26. ＜formmethod=GETaction=emp2.asp＞
  27. ＜inputtype=submitname=NAVValue=首頁＞
  28. ＜inputtype=submitvalue=上頁name=NAV＞
  29. ＜inputtype=submitvalue=下頁name=NAV＞
  30. ＜inputtype=submitvalue=末頁name=NAV＞＜/form＞

第三種：用Grid控件設計分頁

所有的方法中，這種方法最容易。你只需拖DTC中的Recordset控件和Grid控件到asp網頁中就行了。而且，你還能選擇是在服務器平台還是在客戶端平台控制翻頁。缺點就是你必須用它給定的格式顯示，而不能自己自由控製表格的顯示格式。

方法如下：

在VI6.0中建一個工程emp.vip。再在工程中添加一個asp網頁：emp3.asp。

第一步：選VI6.0菜單條上的add data connect…，按開發工具的導航提示，你就可以很容易地建立與Employee.mdb數據庫的連接。從DTC工具欄中拖一個Recordset控件到網頁中，並設置其屬性。具體如圖：

當你拖控件到網頁中時，VI6.0會自動提示你是否使用Scripting object model，按yes。

第三步：從DTC工具欄中拖一個Grid控件到網頁中，然後單擊鼠標右鍵，設置其屬性，如：選在第二步中創建的Recordset控件名，選擇emp表中的字段，每頁顯示多少條記錄以及顯示格式等。非常簡單方便，只要照著導航提示做就行了。

第四種：DHTML法一。

數據記錄顯示在一個HTML表中。它利用DHTML中表的數據綁定特性來控制記錄的分頁顯示。缺點就是你的翻頁方法將被限制為一種特定的方式：只能上頁和下頁而不能首頁和末頁。由於是在客戶端控制翻頁，所以，這種和第五種方法是速度最快的，但遺憾的是它只能在支持DHTML的瀏覽器上使用。

在DHTML中，

的DATASRC屬性可使表格綁定到一個數據源，另一個屬性DATAPAGESIZE可指定一頁一次顯示的記錄數。

我們來看下面的例子：

第一步：拖Recordset控件到新建的網頁emp4.htm中，設置其屬性，方法同第三種，此處略。

第二步：輸入下面的代碼：

  1. ＜TABLEID=Table1DATASRC=#Recordset1_RDSDATAPAGESIZE=5＞//假定前面設定Recordset控件名為Recordset1。每頁顯示5條記錄。
  2. ＜THEAD＞
  3. ＜THALIGN=leftWIDTH=150＞EmpID＜/TH＞//輸出表頭
  4. ＜THALIGN=leftWIDTH=200＞LastName＜/TH＞
  5. ＜THALIGN=leftWIDTH=200＞FirstName＜/TH＞
  6. ＜/THEAD＞
  7. ＜TR＞
  8. ＜TD＞＜DIVDATAFLD=EmpID＞＜/DIV＞＜/TD＞//輸出表內容
  9. ＜TD＞＜DIVDATAFLD=LastName＞＜/DIV＞＜/TD＞
  10. ＜TD＞＜DIVDATAFLD=FirstName＞＜/DIV＞＜/TD＞
  11. ＜/TR＞
  12. ＜/TABLE＞

第三步：然後,增加一對DTCs Button按鈕控件來做翻頁導航，一個命名為btnPrevious(上一頁)，一個命名為btnNext(下一頁)。它們相應的腳本如下：

  1. ＜SCRIPTLANGUAGE=VBScript＞
  2. FunctionbtnPrevious_onclick()
  3. Table1.previousPage()
  4. EndFunction
  5. FunctionbtnNext_onclick()
  6. Table1.nextPage()
  7. EndFunction
  8. ＜/SCRIPT＞

第五種：DHTML法二

這種方法是對第四種方法的完善。採用手工編寫腳本的方法，使我們能做首頁，末頁翻頁導航按鈕，並能確定每條記錄的位置(記錄號)。由於篇幅的關係，我在下面只介紹一個具體例子，並給出簡要說明。其它關於DHTML和Recordset控件的一些屬性和方法請讀者自行參照相關書籍。這裡需要提請注意的是，Recordset控件與第一、二種方法中介紹的ADO的Recordset對像有些不同：Recordset控件沒有直接給出pagesize和pagecount等屬性，需要用下面介紹的方法來計算。

第一步：拖Recordset控件到新建的網頁emp5.htm中，名字為Recordset1，設置其屬性，方法同第三種，此處略。

第二步：定義三個全局變量和編寫Recordset1的ondatasetcomplete(數據設置完成時)腳本。

  1. DimgCurrentPageNumber//當前頁號
  2. DimgMaxPageNumber//最大頁數
  3. DimgRecordsPerPage//每頁顯示記錄數
  4. gRecordsPerPage=5//設置每頁顯示記錄數為5條記錄。
  5. FunctionRecordset1_ondatasetcomplete()
  6. totalRecordCount=Recordset1.getCount()//總的記錄條數
  7. gMaxPageNumber=Int(totalRecordCount/gRecordsPerPage)//獲得最大頁數
  8. If(totalRecordCountModgRecordsPerPage)＞0then
  9. gMaxPageNumber=gMaxPageNumber+1
  10. EndIf
  11. EndFunction

第三步：創建翻頁導航按鈕。

  1. FunctionbtnFirst_onclick()'翻到首頁
  2. gCurrentPageNumber=1
  3. DisplayData()
  4. EndFunction
  5. FunctionbtnPrevious_onclick()'翻到上一頁
  6. ifgCurrentPageNumber＞1Then
  7. gCurrentPageNumber=gCurrentPageNumber-1
  8. DisplayData()
  9. EndIf
  10. EndFunction
  11. FunctionbtnNext_onclick()'翻到下一頁
  12. ifgCurrentPageNumber＜gMaxPageNumberThen
  13. gCurrentPageNumber=gCurrentPageNumber+1
  14. DisplayData()
  15. EndIf
  16. EndFunction
  17. FunctionbtnLast_onclick()'翻到末頁
  18. gCurrentPageNumber=gMaxPageNumber
  19. DisplayData()
  20. EndFunction

第四步：編寫顯示每一頁的函數。其中使用了許多DHTML的屬性和方法，請讀者自行參考相關書籍。

  1. SubDisplayData()
  2. startRecord=((gCurrentPageNumber-1)*gRecordsPerPage)+1//計算每一頁開始顯示的記錄號數（位置，第幾條）
  3. rowCtr=1
  4. lblPageNumber.innerHTML=gCurrentPageNumber&/&gMaxPageNumber
  5. ForrecordPtr=startRecordTo(startRecord+gRecordsPerPage-1)//循環顯示一頁的各條記錄
  6. IfrecordPtr＞Recordset1.getCount()Then//顯示空表
  7. Table1.rows(rowCtr).cells(0).innerHTML=＜P＞＜/P＞
  8. Table1.rows(rowCtr).cells(1).innerHTML=＜P＞＜/P＞
  9. Table1.rows(rowCtr).cells(2).innerHTML=＜P＞＜/P＞
  10. Table1.rows(rowCtr).cells(3).innerHTML=＜P＞＜/P＞
  11. Else//具體顯示每一頁
  12. Recordset1.moveAbsolute(recordPtr)//移動記錄指針。
  13. empID=Recordset1.fields.getValue(empID)
  14. empLName=Recordset1.fields.getValue(firstname)
  15. empFName=Recordset1.fields.getValue(lastname)
  16. Table1.rows(rowCtr).cells(0).innerText=recordPtr'Counter
  17. Table1.rows(rowCtr).cells(1).innerText=empID
  18. Table1.rows(rowCtr).cells(2).innerText=empLName
  19. Table1.rows(rowCtr).cells(3).innerText=empFName
  20. EndIf
  21. rowCtr=rowCtr+1
  22. Next
  23. EndSub

另外，我們還需要在window對象的onload事件中編寫如下腳本：

  1. ForrowCtr=1togRecordsPerPage
  2. Table1.insertRow(rowCtr)'插一新列
  3. ForcellCtr=0to3
  4. Table1.rows(rowCtr).insertCell()
  5. Next
  6. Next

第六種：服務器端控制翻頁方法。

如果我們在服務器端對數據進行分頁形成HTML語句後再輸出到客戶端，就不會存在瀏覽器不支持DHTML的問題了。可是用服務器端法使得我們每次翻頁時，都得讓Recordset控件重新產生一次，因此速度肯定要比用DHTML的方法慢。但如果服務器足夠快的話，這點慢客戶是察覺不到的。

下面的例子中，我將介紹一個新的DTC控件：PageObject。這個控件使被指定的網頁成為一個網頁對象，用戶在此網頁的服務器腳本中組織的子程序和函數可被看作是該網頁對象的方法。它提供了管理狀態信息的一種先進的方法：網頁對像有一些屬性(變量)，用戶可以定義這些屬性的生存期。因為以上這些特性，使我們在編制翻頁的腳本時非常方便。

但這種方法的缺點是：當你按了上頁或下頁按鈕後，再瀏覽器上的按刷新按鈕，網頁會自動翻頁。另外，如果按了瀏覽器上的回退按鈕後，再按翻頁按鈕，可能會出現一次亂翻。這都是因為網頁對象屬性(全局變量)造成的。

第一步：拖Recordset控件到新建的網頁emp6.asp中，名字為Recordset1，設置其屬性，方法同第三種，此處略。

第二步：拖PageObject控件到網頁中，取名叫emplist。然後右鍵單擊此控件打開屬性頁並設置MaxPageNumber，RecordsPerPage，CurrrentPageNumber三個屬性(全局變量)。 VI6.0可用get和set方法來讀寫它們的值，具體用法請查閱相關資料。

第三步：編寫Recordset1的ondatasetcomplete事件。

  1. FunctionRecordset1_ondatasetcomplete()
  2. recordsPerPage=5
  3. empList.setRecordsPerPage(recordsPerPage)//設置網頁對象每頁記錄條數屬性為5
  4. totalRecordCount=Recordset1.getCount()//獲得記錄集的總條數
  5. mpn=Int(totalRecordCount/recordsPerPage)//計算出mpn為總頁數
  6. If(totalRecordCountModrecordsPerPage)＞0then
  7. mpn=mpn+1
  8. EndIf
  9. empList.setMaxPageNumber(mpn)
  10. EndFunction

第四步：拖四個button控件到網頁中，編寫翻頁控制腳本。我們主要是通過改變網頁對象的CurrentPageNumber屬性的值來實現翻頁。

  1. FunctionbtnFirst_onclick()'翻到首頁
  2. empList.setCurrentPageNumber(1)
  3. EndFunction
  4. FunctionbtnPrevious_onclick()'翻到上一頁
  5. cpn=empList.getCurrentPageNumber()
  6. ifcpn＞1Then
  7. empList.setCurrentPageNumber(cpn-1)
  8. EndIf
  9. EndFunction
  10. FunctionbtnNext_onclick()'翻到下一頁
  11. cpn=empList.getCurrentPageNumber()
  12. ifcpn＜empList.getMaxPageNumber()then
  13. empList.setCurrentPageNumber(cpn+1)
  14. EndIf
  15. EndFunction
  16. FunctionbtnLast_onclick()'翻到末頁
  17. empList.setCurrentPageNumber(empList.getMaxPageNumber())
  18. EndFunction

為保證首次進入該頁時，顯示的是第一頁，我們還得編寫該網頁對象的onEnter事件。

  1. FunctionempList_onEnter()
  2. IfempList.firstEnteredThen
  3. empList.setCurrentPageNumber(1)
  4. EndIf
  5. EndFunction
  6. 第五步：編寫顯示每一頁的腳本。
  7. ＜HR＞＜TABLEBORDER=0＞＜TR＞//顯示表頭
  8. ＜THALIGN=leftWIDTH=35＞＜/TH＞
  9. ＜THALIGN=leftWIDTH=150＞EmpID＜/TH＞
  10. ＜THALIGN=leftWIDTH=200＞LastName＜/TH＞
  11. ＜THALIGN=leftWIDTH=200＞FirstName＜/TH＞＜/TR＞
  12. ＜%
  13. pageNumber=empList.getCurrentPageNumber()//計算翻頁所需的各種參數，同DHTML法二
  14. recordsPerPage=empList.getRecordsPerPage()
  15. startRecord=((pageNumber-1)*recordsPerPage)+1
  16. lastRecord=Recordset1.getCount()
  17. ForrecordPtr=startRecordTo(startRecord+recordsPerPage-1)%＞
  18. ＜%IfRecordset1.EOF=TrueThen%＞
  19. ＜TR＞
  20. ＜TD＞＜/TD＞
  21. ＜TD＞＜/TD＞
  22. ＜TD＞＜/TD＞
  23. ＜TD＞＜/TD＞
  24. ＜/TR＞
  25. ＜%Else%＞
  26. ＜%Recordset1.moveAbsolute(recordPtr)%＞
  27. ＜TR＞
  28. ＜%IfrecordPtr＜=lastRecordThen%＞
  29. ＜TD＞＜%=recordptr%＞＜/TD＞
  30. ＜%Else%＞
  31. ＜TD＞＜/TD＞
  32. ＜%EndIf%＞
  33. ＜TD＞＜%=Recordset1.fields.getValue(empID)%＞＜/TD＞
  34. ＜TD＞＜%=Recordset1.fields.getValue(lastname)%＞＜/TD＞
  35. ＜TD＞＜%=Recordset1.fields.getValue(firstname)%＞＜/TD＞
  36. ＜/TR＞
  37. ＜%EndIf%＞
  38. ＜%Next%＞
  39. ＜/TABLE＞＜HR＞

第七種：Data Environment Object Model（數據環境對像模型）法

Data Environment對像模型把ADO對像模型及它的對象----Connection，Command，Recordset，Field以及Parameter對象----抽像到一個更加容易的表單中。 Data Environment Object Model把命令顯露為方法。用戶可以調用這些方法，這些方法會執行這些命令並返回所得到的記錄集。關於DEOM對像模型詳細資料請參考相關書籍。我們來看下面網頁emp7.asp的例子：

第一步：在VI6.0的project Explorer窗口中的工程項目上右擊鼠標並從彈出式菜單選擇Add Data Connection。根據VI給出的導航提示建立一個到數據庫的連接之後，用戶就添加了一個實現從ASP應用程序訪問數據庫的數據命令。同時，你將會在Project Explorer窗口中的global.asa文件下方看到一個Data Environment對象。

第二步：右擊Data Environment對象然後從彈出式菜單中選擇Add Data Command選項，添加一個數據命令Command1。根據VI6.0的導航提示，你可以在Command1 Properties彈出窗口的Genetal頁中選SQL Statement，輸入：select * from emp。按OK返回。

第三步：你創建了這個數據命令後，就已經為該Data Environment對象創建了一個方法，然後就可以從腳本中調用這個方法，而且該方法將會給用戶返回一個記錄集。

thisPage.createDE() //在SOM模式下，thisPage表示當前網頁對象，createDE()方法創建了DE對象。

DE.Command1//執行DE對象的命令，後面可代參數，做有條件查詢時很有用。

Set rs=DE.rsCommand1//DE.rscommand1使得rs對象完全等同於一個ADO的Recordset對象。

第四步：因為rs為ADO對象，所以，以下的實現翻頁代碼完全參照以上介紹的幾種方法，此處略過。

其它還有如FrontPage2000的數據庫導航中實現的方法等，因與本主題無關，此處略。

綜上所述，前面介紹的每種方法都包含了很多新的技術，由於篇幅的關係，無法深入。本文只是想通過實現翻頁這一具體的例子來介紹ASP網頁編程的多種方法;讓大家親身體驗一下VI6.0在編制網頁中的強大功能;了解和熟悉微軟在網頁編程中提出的ADO、 DHTML、DTC控件、SOM對像模型和DEOM對像模型的使用方法;希望能給大家在編制網頁時提供更多的選擇和參考。

相關文章