使用Backbone.js正确设计单页Web应用程序?

时间:2013-09-09 17:10:43

标签: backbone.js

单页网页应用程序具有以下要求...... 1.在页面上包含3个项目:日期选择器,网格类型选择器和网格本身(将使用jqGrid) 2.更改日期选择器或网格类型选择器时,网格必须适当更改 3.状态在会话之间保持不变,例如,今天我选择2013年7月7日的流量来源网格并注销,明天我登录并查看相同状态

这是我正在考虑的设计: 在html中为每个项目放置3个div:日期选择器,网格类型选择器和网格。将每个项目绑定到相应的视图。创建一个Model,StateItem,从中扩展2个模型,DateStateItem和GridTypeStateItem。创建一个Backbone.js集合,StateItems,由StateItems类型的模型组成。使用带有GridTypeView的DateChooserView和GridTypeStateItem模型以及使用GridView将这两个模型组成的Collection注册DateStateItem模型。通过这种方式,GridView可以侦听Collection包含的任何StateItem更改并适当地呈现jqGrid。

如果这是Backbone.js的正确应用,请告诉我?

1 个答案:

答案 0 :(得分:4)

您正在谈论该计划设计的许多不同方面,其中一些与Backbone无关。 Backbone提供了创建模型视图控制器架构的能力。

第一段与Backbone关系不大,因为它似乎与UI和Cookie /会话有关。

第二段对架构有更多的了解。

可以在这里找到一些关于Backbone入门的好读物:

http://adrianmejia.com/blog/2012/09/11/backbone-dot-js-for-absolute-beginners-getting-started/

http://backbonetutorials.com/

http://addyosmani.github.io/backbone-fundamentals/