论文写作网

　　1 问题的提出 
　　在传统的B/S软件开拓中，处事器端举办业务逻辑和数据处理惩罚，客户端举办HTML页面显示，个中客户端JavaScript主要用于改进用户体验。而跟着Ajax、JQuery及相关插件的推广，部门业务逻辑就无可制止地会在客户端实现。客户端的JavaScript文件很容易从几句酿成几千行代码，开拓人员也会陷入一系列的DOM操纵和嵌套的JQuery回调函数中。开拓的巨大性也日益明明，经常会呈现一小我私家无法看懂别的一人开拓的JavaScript代码的环境，很难做到客户端代码的可读性、易测试、可维护性和可扩展性。 
　　2 MVC框架 
　　MVC是模子（model）-视图（view）-节制器（controller）的缩写，是传统Web应用开拓中处事器端遍及利用的软件开拓模式，它用一种业务逻辑和数据显示疏散的要领来组织代码，具有耦合性低、重用性高、可维护性高、有利于软件工程化打点的特点。最典范的MVC是JSP + servlet + javabean的模式。 
　　1）模子（model）主要包罗业务逻辑模块（web项目中的Action，dao类）和数据模块（pojo类）。模子与数据名目无关，这样一个模子能为多个视图提供数据。 
　　2）视图（view）是用户与之交互的界面，在web中视图一般由jsp，html构成。 
　　3）节制器（controller）吸收来自界面的请求并交给模子举办处理惩罚。 
　　典范的HTTP请求/响应进程MVC流程如下： 
　　3 JavaScript MVC框架 
　　当前Web应用措施在客户端有越来越多的逻辑判定和数据处理惩罚，尤其是客户端包罗地理信息、当地化存储、websocket等成果时，客户端代码极难维护。为了办理这一问题，此刻已有多个JavaScript MVC框架（Backbone.js、 Ember.js、 AngularJS、Knockout等）将传统的MVC框架引入到前端开拓中。 
　　JavaScript MVC框架中M代表数据，V代表DOM，C协调输入输出并操纵数据，MVC框架就是将数据与DOM举办疏散，它并不只仅只是一种，尚有多种扩展模式，暗示为MV*（星号代表有差异选择），譬喻：MVP（Model-View-Presenter）、MVVM（Model-View-ViewModel）。 
　　JavaScript MVC与传统的处事器端MVC有所差异，它主要是将数据和界面显示分隔，即将模子和视图举办疏散。事实上，差异的JavaScript MVC框架在节制器（controller）方面，其实现方法也各不沟通。有些框架（譬喻Backbone.js）节制器与视图的边界较量恍惚，原本部门应该在节制器中举办的操纵直接就在视图中实现了，有些框架（譬喻Ember.js和ExtJS）则将节制器作为调治中心，用来启动应用措施、初始化数据模子、监测数据变革、挪用相应操纵等。 
　　从设计模式来说，JavaScript MVC框架主要回收调查者模式、计策模式和组合模式，按照差异框架的实现方法，也大概会用到工场模式和模板要领模式。JavaScript MVC框架回收调查者模式实现内部焦点通信（当数据变革时通知调查者），通过这种方法实现多个视图绑定到一个模子并举办同步。 
　　4 Backbone.js在Web开拓中的应用 
　　Backbone.js 是一个重量级javascript MVC框架，主要组件是模子、视图、荟萃和路由器。在 Backbone.js中，模子存储通过 RESTful JSON 接口从处事器检索到的数据，模子与视图密切关联，认真为特定 UI 组件渲染 HTML 并处理惩罚元素上触发的事件，路由器处理惩罚URL并在客户端举办逻辑处理惩罚。Backbone.js具有以下特点： 
　　u强制依赖于 Underscore.js。 
　　u非强制依赖于 jQuery/Zepto。 
　　u按照模子的改观自动更新应用措施的 HTML，有助于代码维护。 
　　u促进客户端模板利用，制止了在 JavaScript 中嵌入 HTML 代码。
　　Backbone.js客户端MVC流程如下： 
　　5 竣事语 
　　JavaScript MVC 框架仍然不足成熟，这个规模正在产生快速改变，缺少一致承认的最佳实践。在Web开拓中，为了实现客户端代码的可读性、易测试、可维护性和可扩展性，仅仅回收JavaScript MVC框架还不足，还要思量如何组织代码文件、如何将代码支解、如何将状态和DOM疏散、办理依赖等方面。