随着计算机学院毕业生人数的逐年增长,毕业设计各个环节的管理工作变得异常繁重,采用传统的手工管理方式已经无法满足教学管理的要求。为此,计算机学院自主设计开发了一套基于Web 的毕业设计管理系统,该系统实现了毕业设计过程中各个环节的网络化管理,大大提升了计算机学院毕业设计管理工作的效率。但是,由于该系统是基于ASP. NET2. 0 开发技术,开发过程中大量用到了服务器端的控件,系统服务器端在与客户端进行交互过程中,数据传送的效率不高;而且Web 应用程序固有的“提交/ 等待/ 重新显示”模式很难获得好的用户体验,甚至造成程序运行过程中的某些错乱。鉴于此,我们使用Ajax 技术对原有系统进行了相应的改进,经测试,改进效果令人满意。

　Ajax 技术简介
作为Web2. 0 的一项重要技术,Ajax (Asyn2chronous J avaScript and XML , 异步J avaScript 和XML) 技术是当今Web 开发领域中的一种时髦术语。它颠覆了传统Web 开发在用户交互方面的模
式。传统的Web 技术开发,用户发出请求后,需要长时间等待服务器的响应,而使用Ajax 技术的Web
开发,则可以无需重新装载整个页面便能向服务器发送请求和对XML 文档的解析和处理,用户不再
面对空白的页面和得到响应时的页面闪烁。在传统的浏览器与服务器的交互方式中,采用
同步方式,由用户触发一个Http 请求到服务器,服务器对其进行处理后再返回一个新的Web 页面到
客户端浏览器。每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。当服务器正在处理的时候,用户能做的只是等待,这样,不会产生很好的用户体验;而在刷新前后两个页面中的大部分HTML 代码往往是相同的,宝贵的带宽被白白浪费了 。
而使用Ajax 技术,客户端浏览器和服务器之间加入了一个Ajax 引擎(engine) ,用户只有在必要更新数据的时候,由J avsScript 调用Ajax 引擎,执行页面的局部数据更新而不是页面的整体回发(post2back) 。而在整个数据交互的过程中,用户不用等待服务器端的响应,用户可以继续停留在原来的页面中浏览或交互。这种异步更新技术在Google Map 和Gmail 中得到了大量的应用。使用Ajax 技术后,用户的体验得到大大提高,由于服务器与客户端浏览器之间交换的数据大大减少,页面浏览的速度也大大提升,同时,大大降低了服务器的负载。Ajax应用程序的异步模式如图2 所示。最基本的Ajax 实现手段是借助于XML2HttpRequest 对象来达到与Web 服务器的异步数据交换,随着人们对Ajax 技术的研究,出现了许多Ajax 技术的实现框架[3] ,下面列出了几种比较流行的Ajax 开发框架。
·ASP. NET Ajax Extension ,微软Ajax 工具包
·JQuery ,开源的J avaScript 框架
·Dojo 工具箱,Ajax/ DHTML 工具箱
·Prototype ,开源J avaScript 框架
·Sajax ,简单Ajax 工具箱
由于本文提及的毕业设计管理系统是基于微软的ASP. NET 技术开发的,所以我们选择了微软公司推出的ASP. NET Ajax Extensions 工具包来改进本系统,ASP. NET Ajax Extensions 提供给开发者一种快速、便捷方式在任何的ASP. NET 页面中增加Ajax 功能, 开发者甚至不需要去深入的了解JavaScript 和其它Ajax 相关知识。SP. NET Ajax 可以将Web 服务器控件和客户端脚本结合起来,从而使得用户不再只局限于Web 服务器控件或者只局限于客户端脚本来开Web 应用程序。以下介绍一下在改善毕业设计管理系统时主要使用的几个控件 。
1.1 　ScriptManager 控件
它用来处理页面上的所有组件以及页面局部更新, 生成相关的客户端代理脚本以便能够在JavaScript 中访问Web Service ,所有需要支持ASP.NET Ajax 的ASP. NET 页面上有且只能有一个ScriptManager 控件。在ScriptManager 控件中可以指定需要的脚本库,或者指定通过J S 来调用的WebService ,还可以指定页面错误处理等。
1.2 　UpdatePanel 控件
UpdatePanel 可以用来创建丰富的局部更新Web 应用程序,它是ASP. NET 2. 0 Ajax E