Web MVC框架

Slow down! 慢点!　　Take care! 保重!　　They hurt. (伤口)疼。　　Watch out! 当心。　　Guess what? 猜猜看?

　　

Web MVC框架

MVC：模型层（model）、视图层（view）、控制层（controller）

 

　　Model：即数据模型，用来包装和应用程序的业务逻辑相关的数据或者对数据进行处理，模型可以直接访问数据。

      View：视图用来有目的显示数据，在视图中一般没有程序上的逻辑，为了实现视图上的最新功能，视图需要访问它监视的数据模型。

      Controller：控制器调控模型和视图的联系，它控制应用程序的流程，处理事件并作出响应，事件不仅仅包括用户的行为还有数据 模型上的改变。通过捕获用户事件，通知模型层作出相应的更新处理，同时将模型层的更新和改变通知给视图，使得视图作出相应改变。因此控制器保证了视图和模 型的一致性。

 

 代表的框架有：AngularJS、BackboneJS（目前使用较多的是其View层~）、Ember.js、Javascript MVC、Knockout.js 等

   Backbone． js 可以灵活地解决应用中层次分离问题，并且支持持久层和 ＲEST 同步服务、models、views、事件驱动、模板和定位等。它允许 model 修改后 View 自动更新。而且很多大型公司都使用它来构建应用，并且有非常好的社区提供支持

  Angular JS 是由 Google 创建的一种 JS 框架，它可以扩展应用程序中的 HTML 词汇，从而在 Web 应用程序中使用 HTML 声明动态内容。支持快速测试、UＲL 管理和分离的 MVC。

 

前端框架图：

 

各种JavaScript MVC框架的优缺点：

1. Backbone.js——优点：强大的社区，强劲的势头；缺点：抽象较弱，很多功能亟待增加。
2. SproutCore——优点：对绑定的支持，可靠的社区，大量特性；缺点：过度规范，难以和不需要的特性解耦。
3. Sammy.js——优点：易于学习，更容易和现存的服务端应用程序整合；缺点：过于简单，无法应用于大型应用程序中。
4. Spine.js——优点：轻量级，文档很完备；缺点：它的核心概念“spine”是异步的用户界面，这意味着理想状况用户界面永远不会发生堵塞，而这个基础有缺陷。
5. Cappuccino——优点：大型深思熟虑后的框架，良好的社区，很棒的继承模型；缺点：由iOS开发者创建，使用JavaScript模拟Objective-C。
6. Knockout.js——优点：对绑定的支持，完备的文档和教程；缺点：绑定语法拙劣，缺少统一的视图组件层级关系。
7. Javascript MVC——优点：可靠的社区；缺点：基于字符串的继承模型很差，控制器与视图关系过密而缺少绑定。
8. GWT（Google Web Toolkit）——优点：全面的框架，良好的社区，可靠的基于Java的组件继承模型；缺点：可能无法经受时间的考验，另外，Java在客户端上的抽象有些笨拙。
9. Google Closure——优点：很好的基于组件的UI组合系统。缺点：缺少UI绑定支持。
10. Ember.js——优点：很丰富的模板系统，拥有复合视图和UI绑定；缺点：相对较新，文档不够完备。
11. Angular.js——优点：对模板范围和控制器设计有很好的考虑，拥有依赖注入系统，支持丰富的UI绑定语法。缺点：代码的模块性不强，视图的模块化也不够。
12. Batman.js——优点：代码清晰，绑定、持久化的方法简单；缺点：使用了单例控制器