基于ajax技术的教学资源平台后台系统设计论文

基于ajax技术的教学资源平台后台系统设计论文内容摘要：

、邮件交流等等，极大地丰富了教师与学生之间的交流方式，极大的缩短了教师与学生之间的距离。 本课题研究的难点在于如何实现页面无刷新的相应，并且尽可能提高性能。 在实现页面无刷新方面，我们准备采用现在极为流行的 AJAX 技术。 而在性能方面，我们采用 VS2020 与 SQL Server 2020 的内置优化功能，另外注意架构以及代码优化方面的细节，力求使性能提高。 我们知道， 应用程序事实是在服务器上运行的，用户的请求要不断地送往远程的服务器，服务器执行完本地的程序后把重新装载页面再发送客户端。 所以就出现了不断刷新的问题，页面不断闪烁。 用户不厌其烦，运行效率也大大降低，服务器的负荷加重。 事实，客户端的请求在某一时刻只是通过向 Web 服务器提交新的请求来检索对用户输入所做的响应。 这种情况下，开发人员可以使用 JavaScript 在客户端上加载所有响应，从而提供更好的用户体验。 遗憾的是，在很多情况下，不必将所有响应都返回或加载到 JavaScript 要更好，只返回所要的结果， 执行过程仍然在服务器上运行。 AJAX 提供了一种新的中间选择，能够在维持及时响应和灵活性的同时利用基于服务器的应用程序。 AJAX 依靠服务器作为中介来分发和处理请求。 为了完成这项工作， . 封装类依赖于客户端的请求对象，而 XmlHttpRequest 对象被大部分的浏览器支持，因此使用这个对象是一个不错的解决方案。 因此，为了实现不刷新的页面，我们的客户端页面做成静态页面。 静态页面通过 调用 . 类的方法。 这是一种最简洁又高效的解决方案。 湖南大学毕业设计（论 文） 第 4页 AJAX 技术可以给客户端提供丰富的客户体验，而 为您容易的实现这样强大的功能提供了可能。 静态页面是不出现刷新问题的。 我们的静态页面通过 AJAX 完全可与 结合起来。 通过 . 进行后台的管理。 前台通过 JavaScript 调用。 这样完美的结合是解决问题的最佳方法。 . 本文 主要工作 本系统基于 Microsoft Visual Studio 2020 进行构件，为 自由定制角色权限管理、用户管理、 教学资源的管理、 新闻发布、学生收发作业提供了一个良好的教学资源平台。 本课题要求采用 Ajax 和 JavaScript 技术完成系统的后台即系统管理员和教务管 理员模块，另外为了方便用户的自由定制权限，打破以往的固定角色权限限制，开发了一套自由的可以重用的角色权限管理功能模块。 具体内容如下： Ajax 和 JavaScript 的概述和无刷新原理的介绍 分别从 Ajax 的组成、 四个基本原则 、 原理分析、 .NET 采用 Ajax 实现的方式等各方面介绍 Ajax技术 ；从 JavaScript的优 点和 JavaScript可使用的对象 两个方面 介绍了 JavaScript技术。 创新的功能 分别介绍了可以自由定制的角色权限管理模块和课程细节的模块。 性能的提升 分别从一些典型的使用了 Ajax 或 JavaScript 技术的代码来详细的分析。 . 论文 组织 结构 本论文 首先介绍了 该课题的 背景 、研究 现状 、 发展趋势，研究的重点 和 难点。 第二章节 先 对 系统 采用的技术 Ajax 和 JavaScript 做了简要的概述， 然后 详细地对 Ajax和 JavaScript 实现无刷新 的原理进行了分析 以及配合 .NET 如何实现。 第 三 章介绍了 系统功能设计，从设计原则、架构设计、功能设计和角色设计四个方面来进行详细的描述。 湖南大学毕业设计（论 文） 第 5页 第 四 章从 开发环境、框架实现进行了阐述， 并结合部分 特色模块和 关键代码进行了分析。 第五章简述了系统测试的情况。 从测试环 境、单元测试、系统和集成测试、负载测试几个方面进行了说明，测试结果则分析了最终该系统的功能和性能。 最后对 整 篇论文进行 了 小结。 湖南大学毕业设计（论 文） 第 6页 2. 技术原理 . Ajax 和 JavaScript 概述 . Ajax 概述 Ajax（ Asynchronous JavaScript + XML） 用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览体验。 在 Ajax 之前， Web 站点强制用户进入提交 /等待 /重新显示范例，用户的动作总是与服务器的“思考时间”同步。 Ajax 提供与服务器异步通信的能力，从而使用户从请求 /响应的循环中解脱出来。 借助 于 Ajax，可以在用户单击按钮时，使用JavaScript 和 DHTML 立即更新 UI，并向服务器发出异步请求，以执行更新或查询数据库。 当请求返回时，就可以使用 JavaScript 和 CSS 来相应地更新 UI，而不是刷新整个页面。 最重要的是，用户甚至不知道浏览器正在与服务器通信： Web 站点看起来是即时响应的。 Ajax 是使用客户端脚本与 web 服务器交换数据的 web 应用开发方法。 这样， web 页面不用打断交互流程进行重新加裁，就可以动态地更新。 使用 Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的 web 用户界面。 [1] . JavaScript 概述 JavaScript 是一门由浏览器解释的脚本语言。 它通过在客户端而不是服务器端处理某些交互，比如表单验证，创建新菜单来给网站增添可用性。 传统的网页交互是，客户端的一举一动都必须经过服务器端的出来才能反馈回来，漫长的等待会让用户崩溃。 而JavaScript 可以在客户端代替服务器端做某些事情（最明显的，表单验证），从而提高用户体验。 [4] JavaScript 使网页增加互动性。 JavaScript 使有规律地重复的 HTML 文段简化，减少下载时间。 JavaScript 能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI 验证。 [5] JavaScript 是一种基于对象和事件驱动并具有安全性能的脚本语言，有了JavaScript，可使网页变得生动。 使用它的目的是与 HTML 超文本标识语言、 Java 脚本语湖南大学毕业设计（论 文） 第 7页 言一起实现在一个网页中链接多个对象，与网络客户交互作用，从而可以开发客户端的应用程序。 它是通过嵌入或调入在标准的 HTML 语言中实现的。 [7] . Ajax 原理 . Ajax 的组成 Ajax 的关键元素 ： JavaScript： JavaScript 是通用的 脚本语言，用来嵌入在某种应用之中。 Web 浏览器中嵌入的 JavaScript 解释器允许通过程序与浏览器的很多内建功能进行交互。 Ajax 应用程序是使用 JavaScript 编写的。 CSS（层叠样式表） ： CSS 为 Web 页面元素提供了一种可重用的可视化样式的定义方法。 它提供了简单而又强大的方法，以一致的方式定义和使用可视化样式。 在 Ajax 应用中，用户界面的样式可以通过 CSS 独立修改。 DOM（文档对象模型） ： DOM 以一组可以使用 JavaScript 操作的可编程对象展现出 Web 页面的结构。 通过使用脚本修改 DOM， Ajax 应用程序可以在运行时改变用户界面，或者高效地重绘页面中的某个部分。 XMLHttpRequest 对象 : XMLHttpRequest 对象允许 Web 程序员从 Web 服务器以后台活动的方式获取数据。 数据格式通常是 XML，但是也可以很好地支持任何基于文本的数据格式。 尽管 XMLHttpRequest 对于完成这件工作来说是最为灵活和通用的工具，但还有其他方法也可以从服务器获取数据。 [1] . Ajax 四个基本原则 我们用到的很多框架中都已经固化了基于页面的传统应用模式，同时这些应用模式也已深深进入了我们的 思想中。 我们花几分钟来揭示出哪些核心概念是我们需要重新思考的，以及如何从 Ajax 的角度来重新思考。 浏览器中的是应用而不是内容 Ajax 应用的生命周期。 用户登录后，服务器交付一个客户端应用给浏览器。 这个应用可以独立处理很多的用户交互，对于自己无法独立处理的交互，应用会以后台方式发送请求给服务器，而不会打断用户的操作流程。 湖南大学毕业设计（论 文） 第 8页 服务器交付的是数据而不是内容 在 Ajax 应用中，网络的通信流量主要是集中在加载的前期，无论如何，用户登录后是需要一次性地将一个大而复杂的客户端交付给浏览器。 但是在此以后，与服务器的通信 则会有效率得多。 对于瞬时应用来说，积累起来的通信流量要比以前的基于页面的 Web 应用少很多。 与此同时，平均的交互次数则有所增加。 整体而言， Ajax 应用的带宽消耗要比传统的 Web 应用低一些。 用户交互变得流畅而连续 Ajax 的一个好处是，我们可以对丰富的用户操作事件进行捕获。 类似于拖拽这样的复杂 UI 概念也不再是遥不可及的。 这使得 Web 应用的 UI 体验可以全面提升到近乎于桌面应用的 UI 组件相媲美的高度。 从可用性的角度来看，这很重要，不仅仅是因为它释放了我们的想象力，而且也是因为它可以将用户交互和服务器端的请求更 加充分地混合起来。 有纪律的严肃编程 为 Ajax 应用编程的情况则完全不同。 提交给用户运行的应用将会一直运行到用户关闭程序为止。 不崩溃，不变慢，也没有内存泄露之类的毛病。 如果我们的产品定位于独占式应用的市场，这还意味着很多小时的密集使用。 要达到这个目标，当然需要高性能的、可维护的代码，这与服务器端应用的要求是一致的。 [1] . Ajax 原理分析 Ajax 的核心是 JavaScript 对象 XmlHttpRequest。 该对象在 Inter Explorer 5 中首次引入，它是一种支持异步请求的技术。 简而言之， XmlHttpRequest 使您可以使用 JavaScript向服务器提出请求并处理响应，而不阻塞用户。 Ajax 的工作原理相当于在用户和服务器之间加了 — 个中间层，使用户操作与服务器响应异步化。 这样把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约 ISP 的空间及带宽租用成本的目的。 [3] . .NET 采用 AJAX 实现 无刷新 我们知道， 应用程序事实是在服务器上运行的，用户的请求要不断地送往远湖南大学毕业设计（论 文） 第 9页 程的服务器，服务器执行完本地的程序后把重新装载页面再 发送客户端。 所以就出现了不断刷新的问题，页面不断闪烁。 用户不厌其烦，运行效率也大大 4 降低，服务器的负荷加重。 事实，客户端的请求在某一时刻只是通过向 Web 服务器提交新的请求来检索对用户输入所做的响应。 这种情况下，开发人员可以使用 JavaScript 在客户端上加载所有响应，从而提供更好的用户体验。 遗憾的是，在很多情况下，不必将所有响应都返回或加载到 JavaScript 要更好，只返回所要的结果，执行过程仍然在服务器上运行。 AJAX 提供了一种新的中间选择，能够在维持及时响应和灵活性的同时利用基于服务器 的应用程序。 AJAX 依靠服务器作为中介来分发和处理请求。 为了完成这项工作， . 封装类依赖于客户端的请求对象，而 XMLHttpRequest 对象被大部分的浏览器支持，因此使用这个对象是一个不错的解决方案。 因此，为了实现不刷新的页面，我们的客户端页面做成静态页面。 静态页面通过 调用 . 类的方法。 这是一种最简洁又高效的解决方案。 . JAVASCRIPT 原理 . JavaScript 优点 JavaScript 是一种脚本编写。