基于AJAX技术和MVC设计模式电子政务系统设计与实现.docVIP

基于AJAX技术和MVC设计模式电子政务系统设计与实现 　　摘要：当前计算机技术被广泛应用。电子政务、网上办公已日渐成为我国政府部门工作中不可或缺的一环。此文开篇先简单讲述了富用户端技术的发展和特性；接着，侧重讲述在AJAX（Asynchronous JavaScript and XML）技术和MVC（Model-View-Controller）设计模式下如何构建富用户端应用程序；最后用基于EXTJS框架实现了电子政务信息管理系统。它为今后类似系统的设计与开发提供了参考。 　　关键词：电子政务；富用户端； AJAX；MVC 　　中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2013）35-8181-02 　　随着国内外电子政务的蓬勃发展，普通的B/S（Browser/Server，浏览器/服务器）应用程序开发模式已经越来越不能满足政府部门工作的需求，这样RIA（Rich Internet Applications，富英特网应用）技术应运而生。RIA技术可以大大地减轻服务器端的负担，并增加了交互性，能及时进行局部实时更新 [1]。RIA不是一门具体的技术，而是一种概念，一种思想，目前关于RIA的具体技术主要包括AJAX，Java Applet，Flex，ActiveX 插件等几种。其中AJAX技术只依赖于浏览器，有众多浏览器支持，是目前应用最多的富客户端技术。 　　1 JAX及其相关技术 　　AJAX包括JavaScript、XMLHttpRequest、CSS等几种非常成熟的技术。相对于Web服务，AJAX服务的优点显而易见。第一，AJAX服务是异步的网络服务，用户端能够使用户在前台操作的同时，在后台与服务器开展通信，并能够把服务器取得的信息实时的显示在浏览器上；第二，在AJAX架构中，服务器端和用户端传输的是经过封装的小段数据，而不是整页的多媒体信息和HTML源代码，这就大大降低了网络的通信负荷[2] 。集成AJAX技术的web应用如图1所示。 　　 　　图1 集成AJAX技术的web应用 　　若纯粹使用AJAX技术来开发电子政务系统，难度将非常大，开发起来也非常复杂。我们这里使用了AJAX的框架技术EXTJS，它是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端AJAX框架，目前最新版本是EXTJS4.2。它提供高性能，可定制的Web UI控件库，类似VB，VC，Delphi等开发工具提供的数据库控件，同时它还支持可扩展的组件模型。其架构图如图2所示。 ???　页面中引入EXTJS框架，代码如下： 　　 　　 　　关于数据交换格式我们可以选择XML或JSON（JavaScript Object Notation），在本项目中我们选择后者，因为它相比前者更易于阅读和编写，同时也更易于机器解析和生成。其格式形式如下： 　　{ users： [ 　　{ userName： Xing Yongfeng， email： xingyongfeng@163.com}， 　　{ userName： Han Yingyu， email： 552133325@}， 　　]， 　　...} 　　综合应用ASP.NET开发语言， MS sql2005数据库、AJAX的框架技术EXTJS、选择JSON作为数据交换格式，基于MVC设计模式可以开发功能强大、界面友好、反应灵敏的电子政务系统。 　　2 结构设计及实现 　　系统总体架构采用三层结构，此设计可使项目的结构更加清楚，分工更明确。开发平台使用微软.NET，并将MVC设计模式的概念引入到系统设计中去，有利于保证系统的结构稳定和后期升级维护方便。在三层体系结构下，表示层、业务逻辑层、数据访问层被分割成三个相对独立的单元[3]。 　　整个电子政务办公系统主要分为10多个子系统，主要有用户信息管理，事务管理，权限管理、任务管理、电子邮件、公文管理、文档管理、短信平台管理等。这些子系统操作方式类似，都具有查询，添加、修改，删除等基本功能。这里以用户管理中的添加用户操作为例，来说明基于AJAX技术 Web应用程序的设计与实现方案。 　　添加用户信息分为以下几个步骤： 　　1）统登陆成功后进入添加用户基本情况界面，输入用户信息基本信息，如用户名（可以是真实的名字或自己设置的用户名）、密码、所属单位等等。 　　2）步检测输入的内容是否合法，比如身份证长度与生日的匹配，email地址是否有“@”符号等等，这部分由EXTJS框架检测完成。 　　3）初步检测成功，进入下一个操作；检测失败的话，重新返回添加用户信息界面。 　　4）目前添加的用户名为查询条件，构建select语句查询数据库中是否存在该用户。 　　5）用户已经存