基于ASP.NET和Ajax技术的继续教育平台设计与实现

基于ASP.NET和Ajax技术的继续教育平台设计与实现


2024年6月21日发(作者:)

2012年第10期 

文章编号:1006—2475(2012)10-0159—04 

计算机与现代化 

JISUANJI YU XIANDAIHUA 总第206期 

基于ASP.NET和Ajax技术的继续教育平台设计与实现 

刘耀南 

(嘉应学院继续教育学院,广东梅州1 514015) 

摘要:基于第四代ASP.NET和Ajax技术的继续教育网络学习平台,有别于传统的Web应用,操作界面友好,响应速度 

快.非常符合继续教育学员的特点和学习的需要。本文阐述基于ASP.NET和Ajax技术的平台体系结构与功能模块结 

构,介绍了数据库主要表生成的关系图,并对平台开发的主要技术作详细描述,如数据库操作及异常情况捕获、使用Ajax 

技术实现用户验证和即时交流、采用Flash技术实现无刷新文件上传等。 

关键词:ASP.NET;Ajax;继续教育;网络学习平台;异步交互;ADO.NET 

中图分类号:TP311;TP391 文献标识码:A doi:10.3969/j.issn.1006-2475.2012.10.042 

Design and Implementation of Continuing Education Platform 

Based on ASP.NET and AjaX Technology 

(Continuing Education College,Jiaying University,Meizhou 514015,China) 

Abstract:Combining with the Fou ̄h version of ASP.NET and Ajax technology,the continuing education platform is different 

from the application of traditional Web,which has user friendly interfaee,fast response,in accord with the characteristics of con. 

tinuing education students and the needs of the further studies.The plafform architecture and functional module structure are de. 

scribed,the database design is introduced,and the main technology of platform development is described in detail,such as data— 

base operation,exception catching,user authentication and real time communication based on Ajax technology,file upload of no— 

refurbish with Flash technology. 

Key words:ASP.NET;ijax;continuing education;network learning plaftorm;asynchronous interaction;ADO.NET 

0 引 言 

目前,我国经济正处于产业结构转型时期,需要 

大量各行各业的人才,高校作为输送人才的重要基 

地,必须积极探索继续教育的办学模式和教学方式, 

为社会培养更多的实用型人才。随着计算机应用的 

不断普及,网络技术和多媒体技术的快速发展,利用 

网络进行学习,成为人们特别是成人学习的首选。传 

定的继续教育网络学习平台。 

1平台分析与设计 

1.1业务流程分析 

继续教育包含学历教育(即成人高等教育)和非 

学历教育(即各种进修、培训等),参与对象有高校继 

续教育主管部门的管理人员、授课教师以及学员,教 

学方式主要采用网络教学,即学员利用继续教育平台 

进行学习。具体业务流程分析如下: 

(1)管理人员编排班级。不管是学历教育还是 

统继续教育的“自学+面授”模式,已很难满足人才 

对实用知识的需要,应当结合网络环境建设一个学习 

的平台,以适应继续教育的特点和市场的需求。虽然 

非学历教育,都可根据学习形式和培训项目,以专业 

和地点来编排班级,使用平台创建班级。 

(2)管理人员将经过审核通过的网络课程上传 

至对应的班级。 

(3)管理人员注册教师和学员用户,教师和学员 

也可自行注册,选择进人相应的班级。 

有一些高校已经尝试利用网络平台进行学历教育学 

员注册、选课和视频教学,以及进行非学历培训,但因 

为传统Web应用程序的局限性而效果不佳。鉴于 

此,本文根据成人学生的特点和学习的需要,采用第 

四代ASP.NET和Ajax技术,设计开发一种高效而稳 

收稿日期:2012-05.18 

作者简介:刘耀南(1980一),男,广东梅州人,嘉应学院继续教育学院讲师,硕士,研究方向:计算机应用,数据挖掘。 

计算机与现代化 2012年第1O期 

(4)教师登录平台进行在线辅导、评阅作业、批 

改试题,班级论坛引导学员学习交流,上传其它学习 

资源等。 

(5)学员登录平台选课后,在线学习、做作业、在 

线测试、上传学习资源,以及班级论坛即时交流等。 

1.2体系结构 

在系统架构方面,目前常用的结构是C/S(客户 

端/服务器)和B/S(浏览器/服务器),这两种方式各 

有优缺点…。C/S结构应用程序的优点是响应速度 

快、用户界面友好、动态交互性良好,缺点是更新较为 

复杂;B/S结构的Web应用程序的优点是不用安装 

客户端程序、更新简单,缺点是响应速度慢、交互性 

差、通信冗余大、服务器压力大且不能有效利用客户 

端资源 。文献[2-9]提出的基于Ajax技术的Web 

工作模式改变了传统的Web应用模式,使B/S结构 

的Web应用程序功能和交互性更好,用户能得到更 

佳的体验。 

Ajax(Asynchronous JavaScript and XML)¨ 是一 

种综合的技术,整合了几种最具发展前途的技术,如 

HTML/XHTML、CSS、DOM、XML、XSLT、JavaScript以 

及XMLHttpRequest。其核心技术是XMLHttpRe— 

quest、JavaScript和DOM,其中XMLHttpRequest是 

XMLHTTP组件的对象,通过它实现异步数据的交 

互,不用每次刷新页面;JavaScfipt是客户端使用的脚 

本语言,负责绑定Ajax应用的各种技术,通过它实现 

xMLHttpRequest与数据库的交互操作;DOM(Docu— 

ment Object Model,文档对象模型)提供给HTML和 

XML使用的一组API函数,JavaScript通过它跟页面 

进行联系,实现页面的动态显示和交互。 

Ajax工作原理:Ajax通过JavaScript和XMLHt— 

tpRequest对象在客户端和服务器之间建立一个中间 

层称为Ajax引擎,用户向服务器发送请求,通过调用 

JAa)c引擎进行数据分析,如一些数据验证和一般数据 

处理的请求由AJax引擎直接处理,需要从服务器读取 

数据的请求由Ajax引擎异步发送xMLHttpRequest请 

求,服务器接收该请求处理后将返回给Ajax引擎,经 

过JavaScript处理后,通过DOM技术对已载入页面的 

动态更新 J。因为它采用了异步交互的方式,数据的 

发送和接收在后台完成,客户端不用等待,改变了传统 

的Web采用的同步交互的“请求一等待.请求”的模式。 

为了保证平台各组成部分之问的相互协调以及 

整体目标的实现,在开发过程中,运用软件工程的理 

论和方法进行系统分析 。平台涉及管理人员、教 

师以及学员,用户量比较多,因为要实现在线学习,对 

平台的安全性和响应速度要求都比较高,因此平台架 

构采用的是基于Ajax技术的Web模式。考虑到平台 

开发的复杂度,使用ASP.NET Framework 3.5作为开 

发平台,采用ADO技术连接数据库。根据系统分析 

和数据库实际运行的需要,数据库开发平台选用SQL 

Server 2005服务器版。系统的体系结构如图1所示。 

………… ……………’…… …、 一……・……‘' 

用户界l晰 JavaScripl调用 异步请求 

(浏览器) IsWeb服务器 

直接处 数据 Ajax

返M结果 ASENET实现 

管理人员 l挚 肆 强 

教师 JavaScript、DOM 塞 国 

学员 解析数据 舞 黼 

厂 、 

、一——/ 

SQL Server 

数槲岸 

、~ 一,一 

图1基于ASP.NET和Ajax模型的平台架构 

1.3功能结构 

平台用户有管理人员、教师和学员,对应的权限 

不同功能也不同。管理人员使用平台实现教师和学 

生的用户权限管理、网络课程管理、发布通知公告等; 

教师使用平台实现在线教学活动,如发布公告、在线 

辅导、评阅作业、批改试题、上传资源、论坛交流、成绩 

管理等;学生使用平台实现在线学习,如学习网络课 

程、提交作业、在线i贝4试、上传资源、论坛交流等,功能 

结构图如图2所示。 

一一一一一一一一一一一一一一一一一一一一一

继 

续 

教 

育 

网 

络 

学 

习 

・ 

△ 

r-_1查盘迫塑l 厂 

酬 

墨m酬 

一一一一

2012年第10期 刘耀南:基于ASP.NET和Ajax技术的继续教育平台设计与实现 161 

1.4数据库设计 

数据库服务器采用Microsoft SQL Server 2005数 

据库,数据库表包含管理员信息表(T—User)、教师信 

息表(T—Teacher)、学员信息表(T—Student)、班级信 

息表(T_Class)、课程信息表(T—Course)、选课结果表 

(T_Course—selection)、通知信息表(T—Notice)、辅导 

答疑表(T_Guidance)、试题信息表(T—Test)、作业情 

况表(T—Schoolwork)、论坛交流表(T—TSChat)、资源 

信息表(T—Resources)、学员成绩表(T—Grade),以及 

对数据库常用操作的一些存储过程,这些表构成了平 

台的各种描述信息。其中主要的表生成的关系如图 

3所示。 

图3主要数据库表关系图 

2实现平台的主要技术 

2.1数据库操作及异常情况捕获 

采用ADO.NET技术存取数据库的数据,包括对 

数据进行查询、插入、删除和修改等操作,进而更新数 

据库。因为要实现在线学习,对数据的查询、插入、修 

改等操作比较频繁,以及论坛即时交流程序对数据库 

的实时性要求比较高,为了改善数据库性能,提高查 

询速度,往往将执行这些操作的SQL语句做成存储 

过程,直接保存在SQL Sever 2005中。 

平台用户有管理人员、教师和学员,在使用平台 

时,难免会有误操作,导致异常情况的发生,特别是学 

员,如输入的数据类型不对、提交的作业格式不符等。 

个好的系统要有良好的交互性和可靠性,要对这些 

异常情况进行捕获,处理方法是使用ASP.NET的Try 

{.・・}Catch{.・・}语句来实现¨。_l3]。 

2.2 Ajax技术的典型应用 

Ajax技术的优势在于异步交互、动态更新,适用 

于交互较多、频繁读取数据的Web应用。在本平台 

中,Ajax主要应用于用户验证和论坛即时交流。 

2.2.1用户验证 

对用户登录验证的传统方法有两种,第一种是将 

页面登录信息通过表单整个传至服务器,待验证完毕 

后返回信息,这种方法用户等待时间较长;第二种是 

改进的方法,在需验证数据的输人框旁设置一个专用 

按钮来进行判断,验证的结果在单独打开的小窗口中 

显示,这种方法是需要专门编写验证页面,会导致额 

外系统资源的耗费。这两种传统的方法效果都不如 

人意,因而引入Ajax技术的用户验证能改善系统性 

能和用户体验,原因是Ajax的异步交互将验证操作 

转至后台完成,快速而又减轻了服务器的负担。 

Ajax技术实现用户验证登录的方法 ’M J: 

(1)用户登录平台时,客户端程序会将用户名和 

密码作为一个向服务器发送请求的字符串,称为user 

对象。 

(2)服务器端收到Ajax引擎发送的XMLHttpRe. 

quest请求后,通过建立的过滤器检查user对象是否 

在保存的会话中,如果是,则返回结果真;否则,访问 

SQL Server数据库查询发送的用户名和密码,找到匹 

配记录就将其作为新的user对象保存在会话中,没 

找到则作为错误信息结果返回。 

(3)服务器端以XML文档格式返回结果,客户 

端将调用回调函数解析结果,决定用户的登录状态。 

般发送请求的函数代码是: 

function CheckUser(user) 

{ 

Vat httpRequest=ActiveXObject(”Microsoft.XMLHT- 

TP”);//6,1建XMLHttpRequest对象 

var url=GetUrl(user);//获取提交的路径 

httpRequest.open(”GET”,url,tere);//XmlHttpRuquest对 

象的Open方法提交,GET传送方式,true表示异步执行 

httpRequest.onreadystatechange=CheckResuh;//lll ̄应回调 

函数 

httpRequest.send(nuU): 

} 

回调函数代码是: 

function CheckResult() 

{ 

if f httpRequest.readyState==4 and httpRequest.status== 

162 

200) 

计算机与现代化 2012年第10期 

{ 

vat rsp httpRequest.responseText; 

实现无刷新文件上传,采用Macromedia Flash 8.0作 

为开发平台,创建Flash上传组件,组件引用flash.net 

包,其中FileReferenceList类支持对一个或多个大文 

件的上传,每个FileReferenceList类的对象都包含了 

有关文件大小、类型、名称、创建日期、修改日期和创 

建者类型等属性。 

document.getElementById(”ustate”).value=rsp; 

} 

} 

2.2.2论坛即时交流 

该平台班级论坛类似聊天室,授课教师和学员之 

间以及学员与学员之间可以在这里进行即时交流。 

个人发送消息,其他人可以及时地获取并保证是最 

在创建Flash上传组件FilesUpload.swf时,主要 

用到以下方法: 

import lfash.net.FileReferenceList;//加载flash.net包 

v&r fileRefList:FileReferenceList=new FileReferenceList 

新的,效果如当今流行的即时交互工具QQ群一样。 

客户端获取信息的过程其实就是与数据库通信的过 

程,每个用户发送的消息会被提交到数据库保存下 

来,每个用户客户端程序通过不断刷新,以获取新信 

息u 。因为要不断刷新页面,传统程序的处理方法 

会使页面内容出现闪烁、延迟,甚至消失的现象,如果 

遇到用户请求高峰期,还会出现较长时间的“白屏” 

页面。 

Ajax技术既能很好地解决这个问题,又能控制 

好对服务器端数据的处理负荷。实现流程如下: 

(1)用户发送消息时,客户端通过JavaScript调 

用Ajax引擎向Web服务器发送xMLHttpRequest请 

求,服务器接收请求后与数据库交互,将数据保存在 

数据库中; 

(2)客户端刷新数据时,调用xMLHttpRequest请 

求,当发现返回的结果是新消息时,就显示在论坛页 

面上。交流主页面通过封装ActiveXObject方法来创 

建Microsoft.XMLHTrP对象。 

工作原理如图4所示。 

发送消息 x札HttpRequest请求 

Ajax Web 

客户端 刷新数据 引擎 XMI,HttpRequest请求 服务器 

消息显示 结果返回 

图4班级论坛程序原理示意图 

为了保证正常工作,在Web.config文件中还要 

引入ajax.dll的配置。ajax.dll是ASP.NET的一个类 

库文件,该类库封装了xMLHttpRequest请求服务的 

实现细节,所有对ajax/'.ashx的请求由其中的Ajax. 

pagehandlerfactory来处理o 

2.3无刷新上传文件 

目前,很多基于RIA(Rich Internet Application) 

技术的新兴Web应用中,都开始利用Flash媒体服务 

器(FMS)提供实时音视频在线交流功能Ll引。为了满 

足教学和学习需求,平台除了支持在线视频教学外, 

还提供学习资源的上传功能。平台使用Flash技术. 

();//定义FileReferenceList对象,可选择一个或多个文件 

onSelect=function(fileRef:FileReference){}//当用户从 

文件浏览对话框选择要上传的文件时调用 

onOpen=function(fileRef:FileReference){}//当上传操 

作开始时调用 

onComplete=fimction(fileRef:FileReference)}l//当上传 

操作完成时调用 

onCancel=function(fileRef:FileReference){1//当用户取 

消文件浏览对话框时调用 

onProgress=function(fileRef:FileReference,bytesLoaded: 

Number,bytesTotal:Number){} 

//在文件上载或下载操作期间定期调用 

onHTFPError=function(fileRef:FileReference,httpError: 

Number){}//当上传由于HTI'P错误而失败时调用 

onlOError:function(fileRef:FileReference){}//当发生 

输A/输出错误时调用 

把创建的上传组件FilesUpload.swf插入文件上 

传页面,使用内置的HttpHandler来处理。 

3 结束语 

基于ASP.NET和Ajax技术的继续教育网络学 

习平台,有别于传统的Web应用,其类似桌面的应用 

程序,操作界面友好,响应速度快,功能强大,运行稳 

定而可靠,又不增加服务器的负担,非常符合继续教 

育学员的特点和教学管理的需要,亦适用于各种网络 

课程的教学。不过,由于Ajax技术始于2005年,还 

处于发展阶段,存在一些缺点,特别是Web应用的安 

全问题,因此结合Ajax技术的安全性能优化,以及学 

习平台与云资源的连接,将是今后研究的重点。 

参考文献: 

[1]徐永诚,赵曦滨,邢桂芬.XML在C/S与B/S混合体系结 

构下的应用[J].计算机应用研究,2OO2,19(6):148—150. 

[2] 况立群,熊风光,韩燮.ajax在关系型数据库r}I的改进 

及应用[J].计算机工程与设计,2010,31(9):2124— 

2126,2130. 

[3]邵一川,申德荣,赵宏伟,等.基于Ajax技术的智能客户 

端流引擎[J].计算机工程,2009,35(12):275-278. 

[4] 陈必峰.基于Ajax的富客户端技术及应用[J].计算机 

科学,2011,38(BIO):419-420,431. (下转第167页) 

2012年第1O期 李丛:基于B/S架构的办公自动化系统的设计与实现 167 

……~………一…一 

…… 

: 

锄*目 t曩最 t蛔嘲0擅 舯射啉 g .…… 篝  l4 1月 { 一5长跌 .J3r FFI辜 阿 ( Z f波】l Ivl I.] j : 爵 

■.]首 鲥 酬强目撮 

m 璺胜地 华大学出版社,2007:181—185. 

目§ 性泔 蟛 捌琏懒 

☆ 下二曩堀  =■三■*  删丝崖照篓  l5一 一 J _ 露晚韩,赵便卑.JSF蚧境 的SQL注人防范l‘ 一 一 ’’一  J J.剐帑 ’ 

J 谛嬉 麟僦 僖自 901n’4 rR、.气 

(上接第158页) 

[10]吕静.基于Web的教育系统的研究及WBI&L的开发 

[5] 用礼.c#和.NET 3.0第一步:适用Visual Studio 2005 

[D].沈阳:东北大学,2002. 

与Visual Studio 2008[M].北京:清华大学出版 

[11]于 云,王哲明,曹作良,等.教育代理——远程敦学系 

社,2008. 

统课件功能智能化[J]._大津纺织工学院学报,2000, 

[6] 周伟欣.数字教育资源网站的设计、实现与安全性问题 

l9(4):80—83. 

研究[D].北京:北京科技大学,2009. [12]郭涛.J2EE多层体系结构及在教育信息平台r}l的应用 

[7] 朱兆敏.教育资源管理系统网格平台的研究与实现 

[J].计算机应用研究,2004,21(6):209-211. 

[D].北京:北京邮电大学,2007. 

[13]万雅奇,侯亚荣,王勇,等.教育考试数据挖掘系统研究 

[8] 孙静波.网络课程页面在线生成管理系统设计与实现 

与实现[J].北京工业大学学报,2009,35(5):697-701. 

[D].长沙:国防科学技术大学,2002. 

[14]李雅红,黄有群,李欣.网上教育中实时答疑功能的实 

[9] 郑建军.网络教学相关技术研究与实践[D].哈尔滨: 

现[J].沈阳工业大学学报,2002,24(6):490-493. 

哈尔滨工业大学,2004, 

(上接第162页) 

[10]段辉良,陆昌辉,胡勇辉,等.ASP.NET 3.5全程指南 

[5] 阳锋,徐建波.ajax技术的性能改进研究[J].计算机 

[M].北京:电子工业出版社,2009. 

工程与科学,2008,30(6):146—148,158. 

[11]王庆育.软件工程[M].北京:清华大学出版社,2004. 

[6]谭力,杨宗源,谢瑾奎.Aj 技术的数据响应优化[J]. 

[12]陈萱华.基于ASP.NET的试题库系统[J].计算机应 

计算机工程,2010,36(7):52・54. 

用,2003,23(1):95—96,99. 

[7] 文远保,刘峰.一种基于AjaX的Web午辆监控系统设 

[13]饶云波,张应辉,周明天,等.基于ASP.NET的住线教 

计与实现[J].华中科技大学学报:自然科学版,2007, 

育系统设计与实现[J].计算机工程与设计,2006,27 

35(8):77_79. 

(22):4303-4305,4308. 

[8] 惠珥,张玉春.基于Ajax的实验教学平台设计与开发 

[14]杨国瑞,张思博.基于Aj“的Web应用架构设计[J]. 

[J].实验技术与管理,2011,28(1):55—58. 

现代电子技术,2006,29(15):95—98. 

[9] 袁展,孙麒,陈琦.基于ajax技术的网上家园系统的设 [15]唐力,槐寅,陈震.Flash媒俸服务器的优化部署[J].清 

计和开发[J].微计算机信息,2007,23(24):113.115. 

华大学学报:自然科学版,20l0,50(1):5-8. 


发布者:admin,转转请注明出处:http://www.yc00.com/news/1718948616a2753787.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信