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

１５６　福建　电脑　２０１１年第９期　

ＡＳＰ．ＮＥＴ３．５　ＡＪＡＸ在项目教学系统中的应用研究　

郑传书　

（浙江工业大学教育科学与技术学院浙江杭州３１００１４）　

【摘　要】：研究了ＡｊａＸ技术在项目教学系统中的用户注册、项目交流和项目评价３个方面。对传统的　

Ｗｅｂ系统进行了改进。最后在负载试验中证明ＡｊａＸ模式在响应时间和资源利用率上有显著优势，对推广　

基于网络的项目教学系统有一定的现实意义。　

【关键词】：Ａｊａｘ；项目教学系统　

基于网络的项目教学其特征表现为：集中性，教学　服务器的负担。如果利用Ａｉｘ技术，就会克服以上诸　ａ

系统使用往往以班级为单位．４Ｏ～５Ｏ人或（４０～５０）＊ｎ人　

多的不足之处．使用户感觉不到客户端与服务器之间　

在同一时间使用。因此项目教学系统在信息的即时和　的通信过程。下面将着重介绍Ａｊａｘ在项目交流模块中　

交互性方面要求较高。从ＧｏｏｇｌｅＭａｐｓ上，人们已经感　

的应用。　

受到了一种全新的Ｗｅｂ应用体验．下面将探讨Ａｊａｘ　

２．２．１接收项目交流信息　

方法在项目教学系统的应用　

项目交流模块中．主要通过Ｃｈａｔ．ａｓｐｘ页面来实现　

１、Ａｊａｘ在项目教学系统应用分析　接收和发送交流信息。因为项目交流信息的交互是动　

Ａｊｘ的核心是ＪａｖａＳｅｒａｉｐｔ对象ＸｍｌＨｔｔｐＲｅｑｕｅｓｔ　通　态进行的．所以客户端每隔一段时间就要利用Ａｊａｘ读　

过这个对象Ａｊａｘ可以像桌面应用程序一样只同服务　

取消息（称为局部刷新或异步刷新），以保证及时收到　

器进行数据层面的交换，而不用每次都刷新界面．也　项目交流信息。Ｃｈａｔ．ａｓｐｘ声明了一个Ｔｉｍｅｒ控件．该控　

不用每次将数据处理的工作都交给服务器来做　对用　件每隔１分钟刷新Ｃｈａｔ．ａｓｐｘ页面一次．且每执行一次　

户而言，“无刷新”更新页面，减少了用户的等待时间。　

刷新操作将重新显示在线用户和聊天信息。通过异步　

操作Ｗｅｂ应用更加快捷　

刷新就可以从服务器上读取信息到客户端的页面上而　

项目教学的主要教学环节有：设计项目、项目介　

不需要整体刷新．用户也不必等待服务器的响应而可　

绍、学生分组、项目交流、项目评价。项目教学系统中　以继续操作。这样就防止了刷新页面带来的闪烁．从而　

Ａｊａｘ适用场景主要有：１．普通的文本输入提示和自动　提高了系统的处理效率。　

完成的场景．如用户注册模块。２．快速的用户与用户间　

２．２．２发送项目交流信息　

的交流响应，如本文中的项目交流模块。３．类似投票等　

发送项目交流信息与接收信息有点不同．发送信　

的场景．如项目评价系统在这些场景中减少了页面重　息时不需要定期执行发送函数．只有在点击了ｂｕｔｔｏｎ　

载次数。　后才会调用发送函数．发送函数的功能利用Ａｊａｘ引擎　

２、Ａｊａｘ在项目教学系统应用实现　

２．１用户注册模块　

把ｔｅｘｔ中的信息发送至服务器。在Ｃｈａｔ．ａｓｐｘ页面上有　

个按钮控件＜ａｓｐ：Ｂｕｔｔｏｎ　ＩＤ＝”ｂｔｎＣｏｍｍｉｔ”ｒｕｎａｔ＝”　

一

＝”发送”ＳｋｉｎＩＤ＝”ｂｔｎＳｋｉｎ”Ｗｉｄｔｈ＝”２００ｐｘ”　

传统的注册模块般是在用户填完所有信息提交时　

ｓｅｒｖｅｒ”Ｔｅｘｔ

进行判断．这样用户很可能因为某一处填写不正确而　０ｎＣｌｉｃｋ＝”ｂｔｎＣｏｒｅｍｉｔ　Ｃｌｉｃｋ”，＞。发送项目交流信息的　

导致所有信息全部重填。而基于ＡＪＡＸ的用户注册模　

函数为ＡｄｄＭｅｓｓａｇｅｆ　１。核心代码示例：　

块在用户第一次填写时在ＴｅｘｔＢｏｘ服务端控件中使用　

ＡｊｘＴｏｏｌａｋｉｔ中的ＴｅｘｔＢｏｘＷａｔｅｒｍａｒｋＥｘｔｅｎｄｅｒ控件添加　

水印效果进行相应提示．增大与用户的交互性．可以避　

ｐｒｏｔｅｃｔｅｄ　ｖｏｉｄ　ｂｔｎＣｏｍｍｉｔ

Ｃｌｉｅｋ（ｏｂｊｅｃｔ　ｓｅｎｄｅｒ，ＥｖｅｎｔＡｒｇｓ　ｅ）　

＿

（Ｍｅｓｓａｇｅ　ｍｅｓｓａｇｅ＝ｎｅｗ　ＭｅｓｓａｇｅＯ；　

ｍｅｓｓａｇｅ．ＡｄｄＭｅｓｓａｇｅ（ｔｂＭｅｓｓａｇｅ．Ｔｅｘｔ，Ｉｎｔ３２．Ｐａｒｓｅ（Ｓｅｓｓｉｏｎ［”ＵｓｅｒｌＤ”】．　

免用户误操作。另外，注册时经常会有用户名己经被注　

ｉｆ（ｍｅｓｓａｇｅ．ＡｄｄＭｅｓｓａｇｅ（ｔｂＭｅｓｓａｇｅ．Ｔｅｘｔ，Ｉｎｔ３２．Ｐａｒｓｅ（Ｓｅｓｓｉｏｎ［”ＵｓｅｒｌＤ”】．　

册的情况．在此我们可以加入一个“检查是否重名”的　

ＴｏＳｔｒｉｎｇＯ），ｃｈａｔｌＤ）＞ｏ）　

ｆ　ＳｈｏｗＭｅｓｓａｇｅＤａｔａ０；ｔｂＭｅｓｓａｇｅ．Ｔｅｘｔ＝””；｝　

按钮提前进行异步判断，增加注册的一次通过率。　

２．２项目交流模块　

ｌ　

ＴｏＳｔｒｉｎｇ０），ｃｈａｔｌＤ）；　

项目交流如果利用传统模式．则每次要接收或发　

送项目交流信息时都必须重新刷新页面来与服务器同　

２．２．３服务器的功能实现　

步数据。这样既加长了用户的等待时间．而且还增加了　

ＭＡＸ聊天室应用程序中与聊天相关的数据访问　

层由自定义的Ｍｅｓｓａｇｅ类实现。在编写了客户端与服　

务器端的代码之后．就可以运行此代码进行项目交流　

２０１　１年第９期　福建电脑　１５７　

了　在本机客户端ＴｅｘｔＢｏｘ中输入内容后点击发送按　

情况下，Ａｊａｘ框架的ＩＩＳ服务器资源使用情况中：Ｂｙｔｅｓ　

钮　则另外一个客户端页面将会看到本机上发送的信　

Ｒｅｃｅｉｖｅｄ／ｓｅｅ是指Ｗｅｂ　Ｓｅｒｖｉｃｅ接收数据字节的速率和　

息而不需要屦《新页面。同样对方发送信息在本机上的　

Ｂｙｔｅｓ　Ｓｅｎｔ／ｓｅｃ是指Ｗｅｂ　Ｓｅｒｖｉｃｅ发送数据字节的速率　

ＴｅｘｔＢｏｘ上也会显示相应的信息。在运行期闯，无论是　

从以上两个参数来看，Ａ沁框架下分别为１４５７８．４７５和　

发送消息还是接收消息都是采用Ａｊａｘ异步通信方式　

５０２８０３　３１，而普通框架下为２６２２６。９０２和９８２４３。８３１　

２。３项目评价模块　

Ｇｅｔ　ｒｅｑｕｅｓｔｓ／ｓｅｅ为使用ＧＥＴ方法进行Ｈ１－Ｉ’Ｐ请求的速　

项目评价传统的做法是将数据全部从数据库中读　

率。Ｐｏｓｔ　ｒｅｑｕｅｓｔｄｓｅｅ使用ＰＯＳＴ方法进行ＨＴｒＰ请求　

出。存放在一个三维数组里．然后根据用户操作来显示　

的速率。ＡＪａｘ框架下这两个参数平均值分别为２１。９７６　

数据。而采用了Ａｊａｘ之后．对服务器的负担就大大减　

和２。７２１，普通框架下这两个参数平均值分别为７２．２１２　

少了　假设有３Ｏ个班级。每个班平均有１Ｏ个项目小　

和５．０３３，大大减少了服务器的接收和发送的次数　

组，每个小组又平均有６个人，那么按照传统的做法．　

要从数据库读取３０￣１０ｘ６＝１８００条数据　

而现在我们可以把显示班级、小组、学生的Ｇｒｉｄ．　

Ｖｉｅｗ控件分男Ⅱ放在三个ＵｐｄａｔｅＰａｎｅｌ控件中。为了降　

图１　Ａｊａｘ框架的ＩＩＳ服务器资源使用情况　

低回发的数据量并提高效率。要将三个ＧｒｉｄＶｉｅｗ控件　

放在各自的ＵｐｄａｔｅＰａｎｅｌ控件中，须将第一、二个的　

ＵｐｄａｔｅＰａｎｅｌ控件的ＵｐｄａｔｅＭｏｄｅ属性设置成Ｃｏｎｄｉ．　

ｔｉｏｎ１．且在第二个和第三个ＧｒｉｄＶｉｅｗ控件所在的Ｕｐ－　

ｄａｔｅＰａｎｅｌ定义两个ＰｏｓｔＢａｅｋＴｒｉｇｇｅｒ触发器。　

图２普通框架的ＩＩＳ服务器资源使用情况　

使用了Ａｊａｘ之后。只要先读取３Ｏ个班级。然后根　

本文中利用Ａｊａｘ开发的项目交流模块充分展示　

据用户的选择再读取ｌＯ个小组．最后在根据所选的小　

了Ａｊａｘ技术的优点，采扇了Ａｊａｘ技术使数据与呈现　

组读取６个同学。这样只需读取３０＋１０＋６＝３６条数据　

分离，“按需获取数据”，减轻了服务器负担．同时在读　

显然这种做法可以减少显示所有数据时所要消耗的带　

取数据时，用户的操作并没有被打断．用户的交互变得　

宽资源，更加合理。　

流畅而连续。结合实例来说明了Ａｊａｘ技术与传统的Ｂ，　

３、分析与结论　

Ｓ模式的区剐。最后在性能比较试验中证明此模式减　

在使用测试软件Ｌｏａｄ　ｒｕｎｎｅｒ　ｌｌ。Ｏ模拟ＩＰ地址、　

少了网络时延对ＷＥＢ性能的影响，在响应时问和减　

建立虚拟用户ｆ用户拥有弦立ＩＰ她垃），８Ｏ个用户并　

少服务资源利用率上有显著优势。对推广基于网络教　

发请求、修改脚本来测试。针对基于事务平均响应时间　

学系统的项目教学有一定的现实意义　

的性能测试。结果为Ａｊａｘ框架的平均响应时间为　

０．２０６Ｓ，而普通框架的事务平均响应时问为０。５３７Ｓ，可　

参考文献：　

以看出基于ＡＪＡＸ的项目教学系统在响应时间远比一　

［１】黄桂金，宋强，王正中．Ａｓｐ．ｎｅｔＡｊａｘ网站开发从入１］到精通．北　

般的教学系统要快。　

京：清华大学出版社　２００８　

另外从ＭＳ　ＩＩＳ服务器资源使用监控情况来看。如　

［２］Ｓｔｅｐｈｅｎ　Ｗａｌｔｈｅｒ暑谭振林等译．ＡＳＰ．ＮＥＴ３．５揭秘．人民邮电　

出版社．２００９　

图ｌ和图２所示。在相同的负载和发送相同的内容的　

ｆ上接第１ｌ９页）　

限编程）开发模式的思路，以ＳＱＬ　Ｓｅｒｖｅｒ为数据库开发　得连锁超市的请货系统趋于标准化、程序化、信息化管　

环境，采用了Ｊ２ＥＥ技术提升系统的可移植性、安全性、　

理。　

可伸缩性、可重用。　

４。２高可靠性的数据传输保障　

参考文献：　

通过Ｈ１＿ｒＰ＋ＸＭＬ数据传输办法．有效保证了数　

【１】彭常青，我国企业管理信息化问题研究【Ｄ】，吉林大学出版社

，　

据传输的安全性和有效性　

２００６：２４－３６．　

４．３全面支持开发架构模式　

［２］Ｖ．ｏａＪｏｈｍｏｎＪ２ＥＥ设计开发编程指南［Ｍ］，电子工业出版社，　

支持Ｃｌｉｅｎｔ／Ｓｅｒｖｅｒ（ＵＳ）、Ｂｒｏｗｓｅｒ／ｅｓｒｖｅｒ（Ｂ／Ｓ）、满足　

２０Ｏ３．　

企业不同的网络环境　

【３】吴觳杰，Ｃ／Ｓ与Ｂ／Ｓ砖比较及其数据库访　技￣－Ｌｒ］，舰船电子　

五．结语　

工程．２００３年ｏ２期．　

［４】张蹦毅，基于ｌｎｔｅｍｅｔ的区域型企业的ＭＩＳ架掏ｐ】，华东师范　

随着连锁超市日趋激烈的竞争．使得超市对降低　

大学。２００４年Ｏ４期．　

成本、加速资金周转，发挥资金效益，提高资金利用率。　

【５】　萨师煊王珊著，数据库系统概论【Ｍ】北京：高等教育出版　

使得基于ＪＩＴ理论的进货系统的研究成为必然　也使　

社．２０００