backbone.marionette
backbone.marionette学习记录开始记录学习。这次我要做一个离线版的团购网站,这个项目将使用多个前端开发工具,如jquery,bootstrap,seajs,backbone,underscore,marionette,以及backbone.localStorage。如果你对这些工具还不熟悉,建议你可以先参考Backbone.Marionette入门教程来了解基础知识。
我们开始吧。
第一步,先建好团购页面(页面是网上copy的,这边只是学习使用)。如果你对如何构建这样的页面感兴趣,可以从这个团购网站模板中获取更多灵感。
第二步,开始写我们的JS代码了,步骤如下:
1) 引用一个自定义的工具集类,初始化initializeContacts数据,初始化我们的工程GrouponManager。如果你需要参考具体的实现代码,可以查看SZG团购网站MVC源码。
2) 按照MVC模式,建立模型:该模型对外提供了相应的数据访问接口;视图:公共视图和业务视图;控制器。如果你对MVC设计模式还不太熟悉,建议阅读基于MVC设计模式的JSP团购网站进行深入理解。
好了,我们继续吧。因为是离线版,所有Ajax数据请求都是模拟的。在实现过程中,我这边使用了jquery的Deferred对象。对于Ajax的具体实现细节,你可以参考这篇Backbone Marionette js循序渐进指导教程来更好地理解。