基于Mootools庫的Web分頁技術實現_第1頁
基于Mootools庫的Web分頁技術實現_第2頁
基于Mootools庫的Web分頁技術實現_第3頁
基于Mootools庫的Web分頁技術實現_第4頁
基于Mootools庫的Web分頁技術實現_第5頁
全文預覽已結束

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、 基于Mootools庫的Web分頁技術實現摘要:分頁是web應用中常見的一種技術,它在處理數據量較大問題、提高用戶體驗方面提供了很好的解決方案。本文首先分析了傳統分頁方式的優缺點,在.net框架下給出了一種借助mootools庫的web分頁的留言板的實現。 關鍵詞:分頁用戶體驗.net框架mootools庫 1 web分頁原理 隨著web前后臺技術的發展,越來越多的分頁技術被采用。特別是近幾年來afax技術的提出,異步存取理論逐漸被開發人員接受,它給數據分頁技術帶來了新的思路。本文先對常見的web分頁方案的優缺點進行分析,之后借助于.net平臺給出一個基于mootools庫數據分頁的例子。

2、分頁的基本問題及解決方案:從請求發起到返回數據的整個過程。在sol語句處理完畢后.數據庫服務器、web服務器和瀏覽器都能進行分頁,在何處分頁是一個關鍵問題。web程序的判斷的最重要標準是速度,數據庫服務器,web服務器和客戶端之產是網絡,在網絡速度一定的情況下,如果網絡傳遞的數據最越少,則客戶端獲得響應的速度越快。傳統分頁模式.數據庫服務器和web應用服務器的處理能力一般比客戶端要強,基于此點傳統分頁方式拋棄客戶端分頁的方案,剩下在web服務器端分頁和在數據庫端分頁兩種方式,如果選擇在web服務器端分頁,大部分的將被過濾掉的數據還是被傳輸到了web應用服務器端,加重了web應用服務器與數據庫服

3、務器之間的負擔。所以分頁的選擇通常是在數據庫執行查詢選出合適的數據(通常是借助于存儲過程),然后進行其他操作。lOCalHoSt每次頁面娃示時只在web服務器中加載指定頁數據,占用資源較少,此方案可應用于數據量較大的場合。但由于數據庫和web服務器問的通訊及貞面刷新延遲等原因,用戶在不同頁面間切換時有刷新延遲現象,特別是當數據量報入或頁面變復雜時尤為明顯。 2 改進的分頁原理 本文提出的利用ajax技術實現分頁與前文提出分頁方案并不矛盾而是一種增強,特別之處是我們并不拋棄客戶端的分頁方案,先利用存儲過程取出指定頁的數據到web服務器,然后將其數據序列化為json格式并發送到客戶端,客戶端腳本程

4、序將數據顯示在客戶機頁面上。這種方案客戶機和web服務器間由于不存在相同html代碼的重復獲取,通訊量很少,客戶端實行的局部刷新,所以延遲非常小,成為相對理想的web分頁方式。采用這種方式雖然ajax實現較傳統方案復雜,但能做到數據庫服務器、web服務器以及客戶端網絡寬帶占用量最少。雖然占用了一些瀏覽器資源,但客戶端計算機資源相對閑置資源較多,利用起來可以更好的服務于用戶,盡量減少用戶的操作延遲時間。 3 本文用到的相關技術 mootools: mootools是一個簡潔、模塊化、面向對象的開源jnvascript web應用框架。它為web開發者提供了一個跨瀏覽器js解決方案。在處理js c

5、ss html時候。它提供了一個比普通js更面向對象的document api。它有以下優點: 1、靈活,模塊化的框架,用戶可以選擇自己需要的組件。2、mootool s符合00的思想,使代碼更強壯,有力,有效。3、高效的組件機制,可以和flash進行完美的交互。(core、c1ass、natives、element、fx、requests、window)4、對于dom的擴展增強,使開發者更好的利用document。基于上述優點,用mootools框架能大大減少ajax思想實現的復雜度。 json數據格式: json(javascript 0bject notation)是一種輕量級的數據交換

6、格式。易于人閱讀和編寫。同時也易于機器解析和生成。js0n采用完全獨立于語言的文本格式.但是也使用了類似于c語言家族的習慣。這些特性使js0n成為理想的數據交換語言。它能最大限度地減少ajax通訊的數據量,有利于提高響應速度,所以當前js0n格式在ajax數據傳輸中被大量的運用。 4、具體實現 本文使用.net framework、c#、sqlserver 2005、mootools :具實現一個分頁留言板(留言部分略)。分三步實現:web服務器讀取數據庫生成json格式數據;web服務器處理客戶端請求并輸出json數據到客戶端;ajax客戶端的實現。其中第三步為本文的重點。 web服務器讀取

7、數據庫生成json數據格式 首先利用getpagedate調用存儲過程提取數據庫中本頁需要的信息.之后借助于jsonobject、jsonarray對象實現由dataset到json數據的轉化。基于篇幅,文中忽略了讀取數據庫的代碼。 web服務器處理客戶端請求并輸出json數據到客戶端 當瀏覽器通過js代碼請求需要的頁面信息時.后臺通過調用processrequest方法,把前一步生成的json數據發送到客戶端.為ajax客戶端程序提供數據。 5 結束語 本文簡要說明了傳統分頁技術及其優缺點,重點給出了組合.net 、js0n、mootools、sql2005等技術的一套較先進的web數據分頁方案,

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論