Backbone.js 主干-如何在主视图元素的div中显示集合,如何构造页面?

Backbone.js 主干-如何在主视图元素的div中显示集合,如何构造页面?,backbone.js,Backbone.js,我想设计一个简单的页面。抽认卡列表 在这里,我在左边有一个类别列表,在右边有所选类别的抽认卡。上面我有两个表格:添加类别和添加抽认卡 问题是我有master view(主视图)抽认卡,里面有我所有的东西 (1) 如何在一些内部分区中显示flashcard集合。 (2) 也许我不应该把一切都放在一个“主视图”里?您将如何构造这样的屏幕,以便所有视图一起工作?正如您所说,将所有逻辑仅放在一个视图中并不是实现页面的正确方式 通常,当您使用主干进行设计并开始创建所有需要的元素时,您最终得到的类比您预期的

我想设计一个简单的页面。抽认卡列表

在这里,我在左边有一个类别列表,在右边有所选类别的抽认卡。上面我有两个表格:添加类别和添加抽认卡

问题是我有master view(主视图)抽认卡,里面有我所有的东西

(1) 如何在一些内部分区中显示flashcard集合。
(2) 也许我不应该把一切都放在一个“主视图”里?您将如何构造这样的屏幕,以便所有视图一起工作?

正如您所说,将所有逻辑仅放在一个视图中并不是实现页面的正确方式

通常,当您使用主干进行设计并开始创建所有需要的元素时,您最终得到的类比您预期的多

在您的示例中,我建议:

  • 卡的型号
  • 卡片存储页面中所有卡片的集合
  • 卡片视图页面中每张卡片都有一个视图。它将
    呈现
    卡,并通过卡监听用户事件,如
    单击
    删除
  • CardsView它参考卡片集合,并负责按集合中的每个元素呈现一个CardsView。还将侦听集合中的更改,以查看是否必须渲染新卡
  • CategorySearchView收听类别搜索表单中的事件,根据类别查询获取新卡片。或者向卡片集合发送指令,将属性更改为模型,以便可以显示或隐藏这些属性
  • CategoryCreateView收听卡片创建表单中的事件,创建新的卡片模型并将其发送到服务器并添加到卡片集合中
  • AppView一个主视图来管理所有这些视图