浅介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 欧阳方昕