使用函数管理骨干中的关系

Using functions to manage relationships in Backbone

本文关键字:关系 函数 管理      更新时间:2023-09-26

我(第一次)使用Backbone.js创建一个相当简单的应用程序。我目前正在与两个具有一对多关系的实体合作:

  • 项目:有多个组
  • 组:属于一个项目

我研究了几种表示模型之间关系的不同方法,从Backbone自己的建议到韧带再到Backbone关系。但是,我最终决定使用简单的函数调用。例如,在我的"项目"模型中,有一个名为groups()的函数:

groups: function() {
  return new Collections.Groups(groups.where({project_id: this.get('id')}));
}

在集团模型中:

project: function() {
  return projects.where({id: this.get('project_id')})[0];
}

这允许我执行以下操作:

var foo = new Project();
var foo_groups = foo.groups();
foo_groups.at(0).get('name');
var bar = new Group();
var bar_project = bar.project();
bar_project.get('name');

对我来说,这里的权衡是维护最新关系的开销(当使用像 backbone-relational 这样的东西时)与每次想要获取项目组时调用"groups()"函数所用的处理时间。

当我以这种方式建立更多关系时,谁能建议我在未来可能遇到的任何陷阱,也许推荐一个更好的解决方案(除了上面提到的扩展)?该应用程序最终将具有大约 6 个实体,具有各种一对多和多对多关系

Project.groups

有一个我称之为AutoUpdatedCollection的实现。

我在你有一个共享集合的场景中使用它,其中包含一个类的每个模型,并且此集合用于填充在更新共享集合时必须更新子集合

检查主干自动更新集合的实现。

按照您的示例,我想有一个名为 window.groups 的公共/共享集合,然后我将像这样实现Project模型:

// code simplified and no tested
var Project = Backbone.Model.extend({
  initialize: function(){
    this.groups =
      new App.AutoUpdatedCollection({
        name:             "Project-" + this.id + "-groups",
        sourceCollection: window.groups,
        filterField:      "project_id",
        filterValue:      this.id
      }).filteredCollection;
    this.groups.on( "add", this.addGroup, this );
    this.groups.on( "remove", this.removeGroup, this );
  }
});

也许没有这么简单,如果您有任何问题,请告诉我。

组.项目

我只是在Group.initialize()中初始化Group.project属性:

var Group = Backbone.Model.extend({
  this.project = window.projects.where({id: this.get('project_id')})[0];
});