Ajax技术在高校学生管理系统的应用-最新教育资料.docxVIP

Ajax 技术在高校学生管理系统的应用 随着Web技术的发展，B/S模式的应用系统本着硬件要求低、 开发速度快、 用户操作方便等特点， 更多的高校学生管理系统都 采用此模式开发应用程序。 但在传统模式下开发的 Web应用程序 使用过程中浏览器的局限性、网络传输延迟等问题就显现出来， 用户在访问 Web页面时修改几处信息，服务器便会发回整个文 档，并且重新加载整个页面，这虽然是可行的，但大量重复、不 必要的信息在网络中进行传输， 不仅降低了用户浏览速度， 还浪 费了网络带宽，更使用户体验变差。 Ajax 技术的出现就很好的 解决了这一问题，在Web开发过程中，它被越来越多的 Web开发 者所接受， 并将其应用到应用程序之中实现页面的局部刷新， 提 高数据的传输效率和用户体验。 相关技术简介 1.1 Ajax 的工作原理 Ajax是异步的JavaScript与XML技术的简称，它主要实现 页面的局部刷新， 是在浏览器与服务器之间加了一个中间层。 如 图 1。 (1)使用XHTML+CS标准化呈现。 2)运用 JavaScript 操作 DOM( Document Object Model ) 实现动态显示和交互。 (3)运用XML和 XSLT绑定和处理所有数据。 4)运用 XMLHttpRequest 对象进行异步数据读取。 5)使用 JavaScript 绑定和处理所有数据。 1.2 MVC 结构 MVC(Model-View-Control )即模型 - 视图-控制器。在这种 结构中，所有请求的目标都是 servlet ，它充当应用程序的控制 器。 servlet 分析请求并将产生响应所需要的数据收集到 JavaBeans 对象中，该对象作为应用程序的模型。最后 servlet控制器将请求转发到中的数据产生响应。因此，JSP页面构成了应用程序的视图。 MVC结构主要目的是实现Web应用程序的职能分工，将业务逻辑、用户界面和控制器分离， servlet 控制器将请求转发到 中的数据产生响应。 因此，JSP页面构成了应用程序的视图。 MVC 结构主要目的是实现 Web应用程序的职能分工，将业务逻辑、用 户界面和控制器分离， 每层能够都独自的开发， 实现低耦合便于 系统的维护和扩展。 而控制器提供了应用程序的单一入口， 提高 了系统的安全性，并且这些 servlet 组件可以根据需要实现重 用，提高了系统的开发速度 [2] 。 Ajax 技术在高校学生管理系统的应用 在高校学生管理系统中， 由于学生在开学初期， 都会集中在 某一时间段进入到学生管理系统中来查询成绩、 选择课程、 发布 信息等操作， 如果采用传统设计方法会使服务器负载增大， 甚至 服务器瘫痪。为此，将 Ajax 技术引入到系统的开发中，实现网 页的部分内容的刷新， 减少网络数据信息传输量， 改善学生使用 系统的体验，在升级的系统中主要有三类处理通过 Ajax 进行实 现，分别是用户登录、分页显示。以下对这两类处理的实现进行 分别介绍。 2.1 用户登录 升级前的学生登录系统主要采用 MVC结构，学生在JSP页面 中输入学号和密码， servlet 应用程序根据需要将表单提交到 JavaBean程序中与数据库中的数据信息进行验证是否一致，将 结果重新返回给JSP页面显示给学生。升级前的处理与 Ajax技 术的区别就是在验证与返回。传统处理，无论是否一致，都会将 整个页面进行刷新，而 Ajax 技术将少量信息通过数据库进行验 证。例如，学生进行登录时，填写的学号和密码信息与数据库存 储的数据信息相同， 学生页面只将局部进行刷新， 而不是整个页 面。 2.2 分页显示 升级前的学生登录系统分页显示， 学生发出请求信息后， 服 务器都会将新的页面返回给学生， 将用户浏览器页面整个进行更 新，而有很多的重复信息，如果图片、文字等，都会进行重新加 载，这会浪费时间和带宽去重新读取整个页面，影响学生体验。 而采用 Ajax 技术分页显示数据信息将服务器返回页面运用 DOM 进行更新网页， 这不仅防止整个网页的刷新， 减少数据信息的重 复加载，提高了数据信息显示速度，减少学生等待时间。 结语 Ajax 带给我们不仅是页面刷新的一种技术，而更多的是以 人为本的理念，它很好的解决了数据信息重复、占有带宽资源、 响应时间长等诸多问题，还使用户体验度得到提升。实践证明， 运用 Ajax 技术的学生管理系统，学生请求与服务器响应都能实 现高效的异步交互， 降低了服务器的负载， 使服务器能正常进行 响应。