此文是一篇电子政务论文范文,电子政务方面有关论文范文素材,与基于AJAX技术和MVC设计模式的电子政务系统的设计与实现相关本科毕业论文。适合不知如何写电子政务及数据库及信息管理系统方面的论文格式专业大学硕士和本科毕业论文以及电子政务类开题报告范文和职称论文的作为写作参考文献资料下载。
摘 要 :当前计算机技术被广泛应用.电子政务、网上办公已日渐成为我国政府部门工作中不可或缺的一环.此文开篇先简单讲述了富用户端技术的发展和特性;接着,侧重讲述在AJAX(Asynchronous JaScript and XML)技术和MVC(Model-View-Controller)设计模式下如何构建富用户端应用程序;最后用基于EXTJS框架实现了电子政务信息管理系统.它为今后类似系统的设计与开发提供了参考.
关 键 词 :电子政务;富用户端; AJAX;MVC
中图分类号:TP393 文献标识码:A 文章编号:1009-3044(2013)35-8181-02
随着国内外电子政务的蓬勃发展,普通的B/S(Browser/Server,浏览器/服务器)应用程序开发模式已经越来越不能满足政府部门工作的需求,这样RIA(Rich Inter Applications,富英特网应用)技术应运而生.RIA技术可以大大地减轻服务器端的负担,并增加了交互性,能及时进行局部实时更新 [1].RIA不是一门具体的技术,而是一种概念,一种思想,目前关于RIA的具体技术主要包括AJAX,Ja Applet,Flex,ActiveX 插件等几种.其中AJAX技术只依赖于浏览器,有众多浏览器支持,是目前应用最多的富客户端技术.
1.JAX及其相关技术
AJAX包括JaScript、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(JaScript Object Notation),在本项目中我们选择后者,因为它相比前者更易于阅读和编写,同时也更易于机器解析和生成.其格式形式如下:
{ "users": [
{ "userName": "Xing Yongfeng", "": xingyongfeng@163.},
{ "userName": "Han Yingyu", "": 552133325@.},
],
...}
综合应用ASP.NET开发语言, MS sql2005数据库、AJAX的框架技术EXTJS、选择JSON作为数据交换格式,基于MVC设计模式可以开发功能强大、界面友好、反应灵敏的电子政务系统.
2.结构设计及实现
系统总体架构采用三层结构,此设计可使项目的结构更加清楚,分工更明确.开发平台使用微软.NET,并将MVC设计模式的概念引入到系统设计中去,有利于保证系统的结构稳定和后期升级维护方便.在三层体系结构下,表示层、业务逻辑层、数据访问层被分割成三个相对独立的单元[3].
整个电子政务办公系统主要分为10多个子系统,主要有用户信息管理,事务管理,权限管理、任务管理、电子邮件、公文管理、文档管理、短信平台管理等.这些子系统操作方式类似,都具有查询,添加、修改,删除等基本功能.这里以用户管理中的添加用户操作为例,来说明基于AJAX技术 Web应用程序的设计与实现方案.
添加用户信息分为以下几个步骤:
1)统登陆成功后进入添加用户基本情况界面,输入用户信息基本信息,如用户名(可以是真实的名字或自己设置的用户名)、、所属单位等等.
2)步检测输入的内容是否合法,比如长度与生日的匹配,地址是否有“@”符号等等,这部分由EXTJS框架检测完成.
3)初步检测成功,进入下一个操作;检测失败的话,重新返回添加用户信息界面.
4)目前添加的用户名为查询条件,构建select语句查询数据库中是否存在该用户.
5)用户已经存在,给出提示信息“对不起,用户名重复,请重新输入”,返回录入用户信息界面.
6)用户不存在,则执行Insert(添加)操作,用户信息添加到数据库.
7)后给出“用户信息成功添加!”,整个添加用户信息操作全部完成. 由上述步骤可以看出:基于AJAX技术的添加操作可以在一个界面完成所有操作,类似于VB,VC创建的“窗体”.而传统B/S架构网页需要添加信息后点击插入按钮,然后转入新的页面,添加成功后再返回原来的添加信息页面,即传统的B/S架构网页要产生“跳转”动作.若遇到输入的内容有错误,基于AJAX的添加操作可以提示哪里出错,用户更改信息后继续后面动作;而传统网页假如某个步骤出错,需要返回前面的步骤,而返回后输入的选项值都清空了,还需要重新输入,有时候会让人烦躁不已.
下面结合EXTJS框架来说明AJAX模式下添加用户信息的具体实现情况.
视图层(View)实现:
视图层包括aspx页面和引入的EXTJS框架,视图层用来显示数据信息,提供和用户交流的界面.下面为部分代码:
1)加载EXTJS框架,生成所需的内容项:
var InsertUser等于new Ext.form.FormPanel({
items:[ { name:"Userid",
allowBlank:false,},
等 等//其它内容,如、、单位,这里省略 ]});
这里的Userid为“号”文本框,这里可以设置字段的一些属性,如是否可以为空(allowBlank:false)、背景颜色、限制长度等等.
2)成插入新用户信息窗体
var AddUserInfo等于new Ext.Window({
InsertUser.form.submit({
url:" AddUserInfo.aspx",
method:"POST",
success:function(form,action)
{ AddUserInfo.show();}
源代码中的“url:" AddUserInfo.aspx"”类似于传统方式的的action等于“AddUserInfo.aspx” .
3)务逻辑层UserInfoBLL.cs,用于执行业务逻辑,代码如下:
namespace BLL
{ public class UserInfoBLL
{ UserInfoDAO dao等于new UserInfoDAO(); //保存用户信息
public int SeUserInfo(UserInfoBean User)
{ 等 } }}
控制层文件AddUserInfo.aspx完成添加用户信息操作后返回成功或失败信息.
3.结论
系统引入AJAX技术后,用户既能享受到Web应用带来的便利,又能感受到到桌面应用中的灵敏反应和丰富的界面.目前AJAX技术已经广泛应用于电子、搜索引擎等场合,而把AJAX技术大规模应地用于信息管理系统的成熟系统还不多,不过随着计算机技术和网络的进一步发展,基于AJAX的应用会越来越多.由于整个系统基于MVC设计模式,具有耦合性低、重用性高、部署快等优点,因此本文开发的系统经过不太繁杂的修改已经成功地作为南阳理工学院的智能办公平台,作为南阳市财政局的电子政务系统和中国联通南阳市分公司的办公系统.
参考资料:
[1] 邢永峰. Dreamweer网页设计[M].北京:水利水电出版社,2007.
[2] Jesse James Garrett,AJAX:A New Approach to Web Applications,2005(2),18.
[3] Rebecca M.riordan. Microsoft ADO.NET Step by Step[M]. Microsoft Press.,2012.