基于单页面MVC模型的Rusher框架的实现与应用.doc

华 中 科 技 大 学 硕 士 学 位 论 文 在 Alexander Aghassipour 和 Shajith Chacko 在文章 Enterprise Apps Are Moving To Single Design 中阐述了未来 Web 开发应用的新趋势，也就是如何利用 Javasript 处理并访问核心的 API 来使多个页面的 Web 应用模型转向单页面的应用模型[3]。文 章并且指出了现在的 Web 的开发已经跟七年前发布时候的不一样，越来越多的大型 社交网站比如国外的 Twitter、Facebook、Pintrest 等大型的互联网公司在开发企业应 用时开始使用单页界面 AJAX 模式。在我们国内大型的互联网公司比如阿里巴巴、 百度、腾讯等三巨头也在最近一两年开始使用单页面 AJAX 模式。 目前虽然单页面 AJAX 模式的 web 应用还处于发展的初期，但可以看到将单页 面 AJAX 模式与后端 MVC 模型框架整合在一起将成为许多流行应用的规范。正是基 于此，单页面 MVC 模型框架的研究和应用也将会逐步加深[4]。 研究的目标和内容 主要研究分析了单页界面和 AJAX 模式应用的特点，详细剖析了单页面 MVC 模型框架的各个方面，并且设计开发了基于单页面应用的 MVC 软件框架 Rusher，并 且使用 Rusher 实现了配置管理系统。主要内容包括： （1）单页面 MVC 模型的技术分析； （2）单页面 MVC 模型框架 Rusher 的设计与实现； （3）Rusher 在配置管理系统中的应用。 2 万方数据 华 中 科 技 大 学 硕 士 学 位 论 文 2 关键技术分析 单页界面和 Ajax 模式 过去开发一个 web 程序可能只是几个简单页面的跳转，但是现在随着互联网行 业的发展，web 应用越来越复杂，客户可能要求事实的持续的问答或者需求某些方 面的帮助，于是单页面应用程序应运而生，单页面界面与服务端的交互依赖于 Ajax 模式。下面将分别介绍 Ajax 模式和单页界面模型。 Ajax 模式 Ajax 模式指的是一步的 javaScript 以及 XML，英文是 Asynchronous JavaScript And XML，Ajax 不是新的编程语言，只是一种旧技术的融合，它与服务端数据的交 互之后可以局部更新 web 页面，而不需要重新记载整个的页面，这样可以根据迅速 的回应用户发出的没一个动作，并且不需要经过服务器再次发送那些不需要变动的 数据[5]。这样的功能使它可以帮助我们更快的创建更加高效并且交互性更加强大的 web 页面。 Ajax 模式的发展跟历史上其他许多一夜成名的技术非常类似。我们不知道 Ajax 模式从什么时候开始出现。然而它的存在确确实实已经有很长的一段时间了。现在 Ajax 模式已经遍布 Web 应用程序，在它的帮助下创建了更多工具和模式。翻阅互联 网历史，可以看到在那个当年还是互联网泡沫，各地互联网公司相继破产的 DHTML 时代，遍布世界的程序员已经洞察 Javascript 的超凡力量，将 Ajax 这一令人激动的 崭新技术引入了 Web。 Ajax 的主要原则是用户通过客户端发送纯数据比如 json 等请求到服务器，服务 器返回给客户端所需要的纯数据比如 json 等。第二个 Ajax 的原则是客户端自己协调 操作数据，不需要通过客户端再次请求服务端数据。Ajax 的第三个原则是客户端程 序分析处理服务端传送回的纯数据之后对用户的界面完全更新[6]。 Ajax 的核心是 XMLHttpRequest(XHR)API。Ajax 正是利用 XHR 对象的属性和方 法来实现 web 客户端与服务端的异步数据传输，从而实现了 AJAX 模式的各种特性， 3 万方数据 华 中 科 技 大 学 硕 士 学 位 论 文 比如在更新 web 页面的时候不需要重新加载页面，在 web 页面加载完成之后向后端 服务器所需数据，在 web 页面加载完成之后从后端服务器接受数据，并且可以在后 台向后端服务器发送数据[7]。 XHR 交互主要请求部分和响应部分两部分组成。请 求部分有四种方法： 1）open()方法：发起向服务端的链接。可选参数包括： method 请求使用的 http 方法（比如 get 或者 post 方法）; URL 请求服务端的 URL; ASYNC 这是可以选择的布尔参数，表示此次请求是否是异步的（默认 true,即 默认异步）； user 供认证使用的可选用户名; password 供认证使用的可选密码; 2）setRequestHeader()设置了请求的报头，它有报头以及相关值两个参数; 3）