简单的说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,处理用户输入
****以上这七步就是整个应用的具体,然后我们在进一步*****