基于Ajax的DWZ富客戶端技術的應用研究

摘要：隨著信息技術的發展，Web應用程序越來越趨向于快速、高效的數據交互和友好的用戶界面，因此富客戶端技術越來越成為主流。但目前的富客戶端技術大都復雜難懂，上手較難。針對這個問題，本文介紹了一種簡單方便的富客戶端技術，即DWZ框架，并在最后運用一個財務系統分析了其實用性。

關鍵詞：富客戶端 DWZ框架 NHibernate

1 概述

作為Web 2.0概念中的主要組成部分，富客戶端（Rich Internet Application，RIA）技術越來越多地被用來構建增強用戶體驗的各種應用，并逐漸成為Web應用程序開發的主流技術。富客戶端技術克服了傳統應用程序交互性差、界面不友好以及響應速度慢等缺點，將桌面應用程序的交互用戶體驗與傳統的Web應用的部署靈活性和低成本結合起來，為用戶提供了一個更高、更快捷、更全方位的網絡體驗。

目前，較為流行的富客戶端技術有：Ajax技術、Microsoft的Silverlight、Adobe的Flex等。相對于全面、復雜的Silverlight和Flex，基于Ajax的DWZ技術更加簡單實用。它不需要開發人員去熟悉腳本，不必放棄大家熟悉的html頁面，也不用要求用戶去安裝flash插件，它把現有的html通過jQueryUI的API加工成想要的效果，開發人員只需要了解表單及各控件的用法就可以做出友好、靈活的界面。

2 富客戶端技術

Web應用程序的開發經歷了從胖客戶端到瘦客戶端的發展歷程：胖客戶端即傳統的C/S結構的網絡應用程序，這種類型的應用程序需要客戶端部分具有執行任務的能力，對客戶端機器的要求比較高，但是可以減輕服務器很大一部分的壓力，降低對服務器性能的要求，其缺點是分發能力弱；瘦客戶端即B/S結構的Web應用程序，它將C/S結構中的客戶端程序統一為瀏覽器(Broswer)，瀏覽器中只解析標準的HTML來顯示用戶交互界面，這樣就造成了信息交換性差，響應速度慢等缺點。

為滿足信息技術發展的要求，富客戶端便應運而生。“富”的概念包含兩方面，分別指具備豐富的用戶界面和豐富的數據模型。典型富客戶模型將界面分解成許多的既可以和用戶直接交互又可以和服務器進行通信的小單元模塊。這種將應用程序的設計從以一個個相對獨立的頁面為中心轉移到以組件為中心的轉變將會使客戶層的設計提升到一個新的層次，并且會使客戶層變得更加靈活。富客戶層不再成為服務器響應的最終端，這同時也使程序的性能得以提高，用戶使用的感覺就好像程序不需要和服務器進行通信或者只是偶爾才需要進行通信。另一方面由于每個組件都是獨立的，信息的請求和回傳都針對單個組件，采用異步交換的方式，提高了響應速度，實現了頁面的實時刷新。

3 DWZ框架概述

DWZ富客戶端框架是基于jQuery實現純html+css+js的富客戶端UI組件框架，而jQuery是繼prototype之后又一個優秀的javascript框架，其憑借簡單的語法和跨平臺的兼容性，極大地簡化了JavaScript開發人員遍歷HTML文檔、操作DOM、處理事件、執行動畫和開發Ajax的操作。DWZ利用jQuery的特點定制出特定需求的UI組件，并以jQuery插件的形式發布出來。同時，DWZ框架支持html擴展，因此開發人員不用寫javascript就可以方便地使用這些組件。

DWZ框架主要的組件庫有：核心庫和一些具體功能的模塊的組件庫。其中核心庫負責DWZ初始化和支持對DWZ的擴展。利用jQuery，DWZ實現了豐富的頁面展示，其中有導航tab組件庫、滑動面板組件庫、table組件庫、tree組件庫、分頁組件庫和日歷控件庫等，使得用戶體驗更加豐富多彩。

為使得頁面展示更加靈活多變，DWZ對html進行了擴展。包括navTab鏈接擴展、Tab組件擴展、容器高度自適應、Table擴展、在線編輯器、分頁組件、Tree擴展、Panel擴展、navTabTodo擴展、uploadify多文件上傳等等，在這里就不做詳細介紹了。

4 DWZ框架在企業財務系統中的應用

隨著財務管理系統信息化的進一步深入，財務人員所面臨的數據和信息日益繁瑣復雜，而這些信息的處理結果又直接影響著企業高層的決策和企業未來的發展。因此，財務管理系統對于數據的實時交互性要求更高，也更注重頁面的靈活、多樣和友好。下面我們就運用DWZ框架來實現一個企業財務系統，以考察DWZ框架數據信息動態刷新和實時交互的性能。

4.1 系統設計 在該系統的設計中，數據庫則采用Oracle；業務層我們運用DWZ富客戶端框架來實現數據的實時刷新和業務處理的快速響應；在持久層，我們使用基于ORM的NHibernate來實現數據的持久化。

4.2 系統的實現與性能分析 利用以上技術我們搭建好基本的系統框架，然后對系統的功能需求就行分析設計從而最終完成了企業財務系統的開發。該系統能夠有效地處理企業復雜的財務信息，并能靈活地顯示，從而有助于企業對財務信息的全面、多方位的查詢和統計。由于采用了DWZ框架，大大提高了對于批量數據的查詢速度，增強了用戶體驗。也因DWZ對html做了多方面的擴展，使得系統界面更加美觀，功能展示更加豐富多彩，界面設計也更加靈活多樣。

5 結束語

本文在分析富客戶端技術發展及研究現狀的基礎上，介紹了一種新的完全開源的RIA技術即DWZ框架。相對于已有的富客戶端技術，DWZ更加簡單實用、易于擴展、便于開發。并且在文章最后，運用DWZ框架開發了一個企業財務系統，最終驗證了DWZ能夠為用戶提供友好的界面交互和快速的系統響應的特點。當然，DWZ框架在很多方面還有待改進，例如對于DOM對象的準確定位以及控件功能的更加完善和靈活性等，這些都是今后研究的方向。

參考文獻：

[1]王駿濤.FLEX技術構建FichInternetApplication系統的研究:(碩士學位論文).湖北:湖北工業大學，2009.

[2]李任強.基于AJAX的網上銀行富客戶端研究與設計:(碩士學位論文).北京:對外經濟貿易大學，2009.

[3]丘威.基于X3D的富客戶端WEBGIS應用研究.微電子與計算機，2011，28(1).

[4]耿立超.HMVC架構在富客戶端的企業級開發中的應用.軟件開發與設計，2008，15—17.

[5]劉娜，鄭楠楠.認識Ajax與Ajax的應用.電腦開發與應用，2008年，第21卷第4期.