基于Ajax的DWZ富客户端技术的应用研究

基于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期.