Backbone.js快速入门（一）

简单的说backbone.js是一套基于模型 - 视图 - 控制器也就是mvc的轻量级js框架。

它的主要作用就是帮助开发人员创建单页的web应用，使用rest的方式来最小化客户端和服务器间的数据传输，简单来说就是加快了页面的加载更新速度。

backbone.js有关api,例子，下载地址：http://www.css88.com/doc/backbone/

然后我将以一个账单应用程序为例，来讲述我学习backbone的全部过程。

eg：

第一步：明确需求，假设账单有一下需求

1.产生账单

2.通过电子邮件把账单发给买方，

3.打印账单

4.账单信息的管理（增，删，改， 查）

5.更新账单的状态*（起草，开具，付款，取消）

6.查看年度收入图表和其他一些报告

第二步：进一步细化准备

1.产生账单是可以浏览买房列表，并从中选择

2，管理买方信息（增，删，改，查）

3，产生账单时可以浏览银行账户列表，并从中选择

4，能够管理用户自己的银行账户信息（增，删，改，查）

5，能够编辑个人资料，并在产生账单时使用它们。

第三步：使用mvc模式去构建这个应用，确定哪些是模型，哪些是视图

第四步：定义模型。模型承载着数据，并切包含与特定数据相关的业务逻辑。模型间可以互相联系。

在我们应用中会用到一下模型：

1，InvoiceModel;

2，InvoiceItemModel;

3, BuyerModel;

4, SellerModel;

5,BankAccountModel;

第五步：定义模型的集合

1，InvoiceCollection;

2，InvoiceItemCollection;

3, BuyerCollection;

4, SellerCollection;

5,BankAccountCollection;

第六步：定义视图，同一个模型或集合可以在多个视图中渲染和使用；

1，EditInvoiceFormView;

2, InvoicePageView;

3, InvoiceListView;

4, PrintInvoicePageView;

5,EmailInvoiceFormView;

6, YearlyIncomGraphView;

7, EditBuyerFormView;

8,.....

第七步：定义控制器，控制器允许用户与应用间的交互。在mvc模式中，每个视图都能够拥有不同的控制器，用来完成一下功能；

1，把URL映射到特定的视图

2，从服务器端获取模型

3，控制视图的显示与隐藏

4，处理用户输入

****以上这七步就是整个应用的具体，然后我们在进一步*****