浅介MVC与Backbone

1.MVC是什么东西？

MVC (Modal View Controler) 是软件工程中的一种软件架构模式，把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller）。

• （控制器Controller）- 负责转发请求，对请求进行处理。
• （视图View） - 界面设计人员进行图形界面设计。
• （模型Model） - 程序员编写程序应有的功能（实现算法等等）、数据库专家进行数据管理和数据库设计(能够实现具体的功能)。

使用MVC的目的是将M和V的实现代码分离， 从而使同一个程序可使用不一样的表现形式。C存在的目的则是确保M和V的同步，一旦M改变，V应该同步更新。

2.MVC如何工做？

MVC是一个设计模式，它强制性的使应用程序的输入、处理和输出分开。使用MVC应用程序被分红三个核心部件：模型、视图、控制器。它们各自处理本身的任务。

• 视图（View）——视图是用户看到并与之交互的界面。对老式的Web应用程序来讲，视图就是由HTML元素组成的界面，在新式的Web应用程序中，HTML依旧在视图中扮演 着重要的角色，但一些新的技术已层出不穷，它们包括Macromedia Flash和象XHTML，XML/XSL，WML等一些标识语言和Web services.  
• 模型（Model）——模型表示企业数据和业务规则。在MVC的三个部件中，模型拥有最多的处理任务。例如它可能用象EJBs和ColdFusion Components这样的构件对象来处理数据库。被模型返回的数据是中立的，就是说模型与数据格式无关，这样一个模型能为多个视图提供数据。因为应用于 模型的代码只需写一次就能够被多个视图重用，因此减小了代码的重复性。
• 控制器（Controller）——控制器接受用户的输入并调用模型和视图去完成用户的需求。因此当单击Web页面中的超连接和发送HTML表单时，控制器自己不输出任何东西和作任何处理。它只是接收请求并决定调用哪一个模型构件去处理请求，而后用肯定用哪一个视图来显示模型处理返回的数据。

如今咱们总结MVC的处理过程，首先控制器接收用户的请求，并决定应该调用哪一个模型来进行处理，而后模型用业务逻辑来处理用户的请求并返回数据，最后控制器用相应的视图格式化模型返回的数据，并经过表示层呈现给用户。

看到这里相信你们仍是不太理解MVC究竟是什么，没有关系，接下来咱们会介绍一个轻量级的MVC框架BackBone.js。

3.什么是BackBone？

backbone.js提供了一套web开发的框架，经过Models进行key-value绑定及custom事件处理,经过 Collections提供一套丰富的API用于枚举功能,经过Views来进行事件处理及与现有的Application经过RESTful JSON接口进行交互.它是基于jquery和underscore的一个js框架。

Backbone主要由三个部分组成：

• model：建立数据，进行数据验证，销毁或者保存到服务器上
• collection：能够增长元素，删除元素，获取长度，排序，比较等一系列工具方法，说白了就是一个保存 models的集合类
• view：绑定html模板，绑定界面元素的事件，初始的渲染，模型值改变后的从新渲染和界面元素的销毁等

 

Backbone 中文版API：http://www.csser.com/tools/backbone/backbone.js.html

看到这里你们必定会说，除了了解了一堆理论，我仍是不会用MVC，不要紧，实践出真知，再多的概念也不如去学习一个实例：

http://backbonejs.org/docs/todos.html

https://github.com/MichaelHu/rocket_apps/tree/master/hellorocket

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　——by 欧阳方昕