本站小編為你精心準備了Web分頁技術實現參考范文,愿這些范文能點燃您思維的火花,激發您的寫作靈感。歡迎深入閱讀并收藏。
摘要:分頁是web應用中常見的一種技術,它在處理數據量較大問題、提高用戶體驗方面提供了很好的解決方案。本文首先分析了傳統分頁方式的優缺點,在.NET框架下給出了一種借助Mootools庫的Web分頁的留言板的實現。關鍵詞:分頁用戶體驗.NET框架Mootools庫1Web分頁原理隨著web前后臺技術的發展,越來越多的分頁技術被采用。特別是近幾年來AFAX技術的提出,異步存取理論逐漸被開發人員接受,它給數據分頁技術帶來了新的思路。本文先對常見的web分頁方案的優缺點進行分析,之后借助于.NET平臺給出一個基于Mootools庫數據分頁的例子。分頁的基本問題及解決方案:從請求發起到返回數據的整個過程。在SOL語句處理完畢后.數據庫服務器、Web服務器和瀏覽器都能進行分頁,在何處分頁是一個關鍵問題。web程序的判斷的最重要標準是速度,數據庫服務器,Web服務器和客戶端之產是網絡,在網絡速度一定的情況下,如果網絡傳遞的數據最越少,則客戶端獲得響應的速度越快。傳統分頁模式.數據庫服務器和Web應用服務器的處理能力一般比客戶端要強,基于此點傳統分頁方式拋棄客戶端分頁的方案,剩下在Web服務器端分頁和在數據庫端分頁兩種方式,如果選擇在Web服務器端分頁,大部分的將被過濾掉的數據還是被傳輸到了Web應用服務器端,加重了web應用服務器與數據庫服務器之間的負擔。所以分頁的選擇通常是在數據庫執行查詢選出合適的數據(通常是借助于存儲過程),然后進行其他操作。每次頁面娃示時只在Web服務器中加載指定頁數據,占用資源較少,此方案可應用于數據量較大的場合。但由于數據庫和Web服務器問的通訊及貞面刷新延遲等原因,用戶在不同頁面間切換時有刷新延遲現象,特別是當數據量報入或頁面變復雜時尤為明顯。2改進的分頁原理本文提出的利用AJAx技術實現分頁與前文提出分頁方案并不矛盾而是一種增強,特別之處是我們并不拋棄客戶端的分頁方案,先利用存儲過程取出指定頁的數據到Web服務器,然后將其數據序列化為JsoN格式并發送到客戶端,客戶端腳本程序將數據顯示在客戶機頁面上。這種方案客戶機和web服務器間由于不存在相同html代碼的重復獲取,通訊量很少,客戶端實行的局部刷新,所以延遲非常小,成為相對理想的Web分頁方式。采用這種方式雖然AJAx實現較傳統方案復雜,但能做到數據庫服務器、Web服務器以及客戶端網絡寬帶占用量最少。雖然占用了一些瀏覽器資源,但客戶端計算機資源相對閑置資源較多,利用起來可以更好的服務于用戶,盡量減少用戶的操作延遲時間。3本文用到的相關技術Mootools:MooTools是一個簡潔、模塊化、面向對象的開源JnvaScriptweb應用框架。它為web開發者提供了一個跨瀏覽器js解決方案。在處理jscsshtml時候。它提供了一個比普通js更面向對象的documentAPI。它有以下優點:1、靈活,模塊化的框架,用戶可以選擇自己需要的組件。2、MooTools符合00的思想,使代碼更強壯,有力,有效。3、高效的組件機制,可以和flash進行完美的交互。(Core、C1ass、Natives、Element、Fx、Requests、Window)4、對于DOM的擴展增強,使開發者更好的利用document。基于上述優點,用Mootools框架能大大減少AJAX思想實現的復雜度。JSON數據格式:JSoN(JavaScript0bjectNotation)是一種輕量級的數據交換格式。易于人閱讀和編寫。同時也易于機器解析和生成。Js0N采用完全獨立于語言的文本格式.但是也使用了類似于c語言家族的習慣。這些特性使Js0N成為理想的數據交換語言。它能最大限度地減少AJAx通訊的數據量,有利于提高響應速度,所以當前Js0N格式在AJAx數據傳輸中被大量的運用。4、具體實現本文使用.NET3.5Framework、c#、SQLServer2005、Mootools1.2.02:具實現一個分頁留言板(留言部分略)。分三步實現:Web服務器讀取數據庫生成JsON格式數據;Web服務器處理客戶端請求并輸出JSON數據到客戶端;AJAX客戶端的實現。其中第三步為本文的重點。Web服務器讀取數據庫生成JsON數據格式首先利用getPageDate調用存儲過程提取數據庫中本頁需要的信息.之后借助于JsonObject、JsonArray對象實現由DataSet到JSON數據的轉化。基于篇幅,文中忽略了讀取數據庫的代碼。Web服務器處理客戶端請求并輸出JSON數據到客戶端當瀏覽器通過js代碼請求需要的頁面信息時.后臺通過調用ProcessRequest方法,把前一步生成的JSON數據發送到客戶端.為AJAx客戶端程序提供數據。5結束語本文簡要說明了傳統分頁技術及其優缺點,重點給出了組合.net3.5、Js0N、MootOOlS、SQL2005等技術的一套較先進的Web數據分頁方案,為解決大數據量分頁提供了一種很好的思路。特別是在傳統存儲過程優化的基礎上,利用Mootools庫實現了AJAx異步頁面顯示的改進,在減少了代碼的書寫難度,回避了瀏覽器兼容性等惱人問題的同時,進一步提高了分頁的響應速度。