基于MVC模式的Web前端框架关键技术研究与实现-计算机应用技术专业论文.docxVIP

万方数据 万方数据 独 创 声 明 本人声明所呈交的学位论文是本人在导师指导下进行的研究工作及取得的 研究成果。据我所知，除了文中特别加以标注和致谢的地方外，论文中不包含其 他 人 已 经 发 表 或 撰 写 过 的 研 究 成 果 ， 也 不 包 含 未 获 得 （注：如没有其他需要特别声明的，本栏可空）或其他教育机构的学位或证书使 用过的材料。与我一同工作的同志对本研究所做的任何贡献均已在论文中作了明 确的说明并表示谢意。 学位论文作者签名： 签字日期： 年 月 日 学位论文版权使用授权书 本学位论文作者完全了解学校有关保留、使用学位论文的规定，并同意以下 事项： 1、学校有权保留并向国家有关部门或机构送交论文的复印件和磁盘，允许 论文被查阅和借阅。 2、学校可以将学位论文的全部或部分内容编入有关数据库进行检索，可以 采用影印、缩印或扫描等复制手段保存、汇编学位论文。同时授权清华大学“中 国学术期刊(光盘版)电子杂志社”用于出版和编入 CNKI《中国知识资源总库》， 授权中国科学技术信息研究所将本学位论文收录到《中国学位论文全文数据库》。 （保密的学位论文在解密后适用本授权书） 学位论文作者签名： 导师签字： 签字日期： 年 月 日 签字日期： 年 月 日 基于 MVC 模式的 Web 前端框架关键技术研究与实现 摘 要 随着互联网 Web2.0 时代的到来，各种 Web 应用大量涌现，Web 站点的前端 产生了天翻地覆的变化，网页不再简单的显示基本的文字和图片，各种富媒体元 素的使用使得网页的内容更加生动，网页的交互形式增强了 Web 应用的用户体 验，Web 前端技术在应用开发过程中也得到了越来越广泛的使用。 Web 应用的普及使得用户对站点的期望越来越高，直接导致网站前端规模不 断扩大，越来越多的前端脚本代码增加到应用系统中，前端开发出现了代码规模 大、组织维护困难、代码重用性低、扩展性差等问题。建立合理的前端开发架构， 并遵循开发标准和规范将越来越重要。 本文借鉴 MVC 模式的后端架构方式，通过分析传统前端开发和维护过程所 面临的问题，结合现在流行的前端设计模式，依托 JavaScript、jQuery、DOM、 Ajax、JSON 等前端技术，采用理论和实践相结合的方式，编码实现了基于 MVC 模式的前端框架。本文构建的前端框架使得前端开发遵循模块式的开发方式，分 离了不同类型的逻辑，减少依赖关系，实现了前端代码的解耦、复用，降低了应 用扩展和维护的复杂度，具体研究过程如下： 首先，按照分层架构的思想对前端框架各部分进行设计。前端框架由模型 对象、集合对象、控制器对象、视图对象及异步请求对象五部分组成，对各个对 象需要完成的功能进行了分析，然后对对象中涉及的属性和方法进行了设计。 其次，对前端框架中对象的初始化及包含的方法进行编码实现，本框架中的 一个创新点是在视图对象中实现了模板引擎，将 JavaScript 代码和 HTML 代码片 段分离，通过模板引擎实现页面视图的渲染，使得代码易于维护，同时提高了页 面渲染效率。另一创新点是在异步请求对象中优化了 Ajax 请求调度方式，提出 请求优先级队列及基于等待时间延长优先级提升的策略，减少用户请求的等待时 间，防止用户请求长时间无法得到响应。 最后，将本文前端框架的模板引擎与目前流行的模板引擎的渲染效率进行测 试对比，将采用 Ajax 异步请求调度策略的请求与普通 Ajax 请求的响应时间进行 I 比较，并在相同请求数的情况下比较本文前端框架与其他前端框架的请求响应完 成时间，通过测试结果可以看出本文实现的前端框架在页面渲染效率及请求响应 效率方面得到了较大的提高。然后通过前端框架在新闻管理系统中的应用描述了 整个框架的流程及可行性。 关键词：MVC；前端框架；模板渲染；模块化设计 II Research and Implementation of key technologies in Web front-end framework based on MVC Pattern Abstract With the Internet entering into the Web2.0 time, various Web browser applications have prompted a large number of emerging, the front-end of the website has undergone enormous changes, the webpage no longer just contains the single text and images, a variety of rich