【二】React.JS & BackBone.JS 前后端分离初体验---BackBone.JS

React.JS & BackBone.JS 前后端分离初体验

传统的web开发开发可以简单的描述成切图、css、js。而现在的大前端将数据处理也包含到了前端工作中，整个项目周期由接口文档来驱动，机数据驱动开发。

---

首先我们需要来了解一下MVC？

什么是MVC？常常我们会在后台开发的口中听到这个词，感觉陌生而熟悉。传统的前端开发就只是V（View）这一层的工作。而现在，我们需要肩负更大的责任，数据处理展示交换都交由前端完成。

模型-视图-控制器(MVC)
模型：即数据模型。了解过面向对象编程的朋友应该知道，我们要创建一个叫做人的对象，我们则需要先了解，人有哪些属性，性别，身高，体重，年龄。。。有这些属性组成了一张叫做人的表象特征，我们知道了人的属性，则需要有方法，对外的接口让别人了解这个人，–属性+方法则组成了这个人。这个人就会被当作一个模型。这个模型会提供给我们方法来获取关于这个对象的所有信息。
视图：显示层。一般而言，View都是对应MOdel构建的，尤其在模块化开发中。我们可以将View当作Model的衣服，Model的特点都通过View来展现给用户。
控制器：处理用户交互。负责从视图读取数据，控制用户输入，并向模型发送数据。

Backbone.js-轻量级JS库。用于开发MVC类应用程序

Backbone.js为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)的结构。

附官网的一段简介

通过Backbone，你可以将数据呈现为 Models, 你可以对模型进行创建，验证和销毁，以及将它保存到服务器。 任何时候只要UI事件引起模型内的属性变化，模型会触发”change”事件； 所有显示模型数据的 Views 会接收到该事件的通知，继而视图重新渲染。 你无需查找DOM来搜索指定id的元素去手动更新HTML。 — 当模型改变了，视图便会自动变化。

某种意义上说，在用javaScript来创建web项目时，Backbone试图定义一组最小而高效的集合，包括了数据结构（models（模型） 和 collections（集合））和用户接口（views（视图） 和 URLS）。在web开发环境里，到处都是框架（帮你写好了一切），不过这些库需要你的网站在构建的时候符合该框架的样子，风格，默认的行为。但是，Backbone还是作为一个工具，让你可以随心所欲的设计你的网站

接下来，我们看着代码进一步了解在Backbone.js中对于Model / Collection / View / Events 的运用

• model