BackBone及其实例探究_动力节点Java学院整理

MVC简介

基本介绍

MVC即模型(Model),视图(View)和控制（Controller)，旨在实现Web系统的职能分工，具体来说就是使业务逻辑和数据显示分离。

在MVC中，视图（View）为用户提供交互，模型（Model）负责处理数据和业务逻辑，控制器（Controller）则是View与Model之间沟通的桥梁。

MVC一个很重要的标志就是，视图（View）与模型（Model）没有直接的交互，而是通过控制器（Controller）来沟通。具体地：用户通过View进行输入，Controller负责把输入传递给Model，Model处理，存取数据，然后Controller将处理的结果返回View进行展示。

优缺点

MVC架构的优势是显著的，但也存在一些缺点。

一方面，MVC能极大地降低数据与视图之间的耦合性，具有较高的可维护性和复用性，还能提高分工效率和降低生命周期的成本，从而有利于软件工程化管理。

 然而，MVC架构却不是那么容易理解，且会增加系统的复杂性，还会降低视图层访问数据层的效率，不适用于小型工程的开发。

Backbone

BackBone是一个重要的前端MVC框架，用于支持Javactript应用的重量级开发。下面将对Backbone.Events(和控制器有着密切联系)以及Backbone.Model（和模型有着密切联系）的应用进行介绍，并结合实例分析Backbone框架是如何支持前端MVC的架构的。所有的学习资料来自于BackBone官网：http://backbonejs.org/

Backbone.Events

在Backbones中，事件可以作为一个任何一个对象的模型，对象能够绑定和触发一个事件被命名的事件。 

对于一个被声明了的对象object（下文的讨论，所有的对象都以object为例），首先为object添加extend。

._extend(object,Backbone.Events);　　

然后为对象添加一个事件：格式为：

object.on(event,callback,[context]);

第一个参数为事件名，第二参数为事件调用时的回调函数。

以下面的事件为例：”alert”为事件名，function(msg)为回调函数，msg为触发事件时所传入的参数，与触发器中的参数一致。

object.on(“alert”,function(msg){alert(msg);});

触发object.on进行回调的是object.trigger(“alert”, ”It's an event”)。

同object.on，object.trigger第一个参数为事件名，而第二个参数传入的是object.on中回调函数所需要的参数。事件通过事件名被绑定在一个对象上。可以看到这个事件在绑定前是不需要声明的，事件能够被触发的内在联系是共同的对象和事件名。特别地，如果事件名为”all”，那么调用任何object.trigger时，都会触发object.on中的回调函数。