使用MVC/Backbone.js实现复合模式

Question

我的web应用程序有一个复合结构，即每个类别集合可以包含单个项目和其他类别的混合作为其行/节点/子项（此处不确定正确的术语）。实际上，它比这更简单一些，因为每个集合都由一个模型Category来表示，所以基本上每个Category集合都具有Item模型和Category模型作为子模型。

一般来说，这是使用MVC实现这种结构的一种可取的方式吗？更具体地说，在Backbone.js中，一个集合有可能拥有一个模型工厂（取决于json并根据json的结构计算生成哪个模型）而不是静态模型属性？

Answer 1

是的，你可以。我以前做过。我觉得这个链接可以帮助你：http://documentcloud.github.com/backbone/#Collection-model

下面是我用我的项目的主脚本之一：https://gist.github.com/b65893e0c2e3c46d3dc1

Answer 2

我假设你接收JSON类别/项目列表，看起来像这...

{ 
    'id': 1, 
    'name': 'My 1st Category', 
    'children': [ 
     { 
      'id': 2, 
      'name': 'My 2nd Category', 
      'children': [] 
     }, 
     { 
      'id': 1, 
      'name': 'An Item', 
      'price': 109.99 
     } 
    ] 
} 

Backbone.js的没有任何关系了，它支持一个集合多种型号的方块，但它也不会对你把一个集合中的类型的模型任何限制。

在集合定义中指定模型类型只做一件事，它让Backbone知道如果将原始JSON传递给集合而不是Backbone.Model对象时要创建的模型类型。如果您将Item模型添加到已包含几个Category模型的集合中，Backbone将不会将其弹出到模型列表中;它不做任何类型检查。因此，考虑到这一点，除了传递原始JSON之外，您几乎可以使用集合提供的所有内容;你需要自己处理。所以你的选择是事先建立你的模型，使它们成为Backbone.Model对象，或者创建一些可以为你解析的东西。

对于第二个选项，解析器，我建议将一个特殊的变量传递给包含原始JSON的集合，然后在你的initialize函数中处理它。这里有一个例子：

var CategoryCollection = Backbone.Collection.extend({ 
    initialize: function(m, models) { 
     _.each(models, function(model) { 
      var modelObject = null; 
      if (model.price !== undefined) { 
       modelObject = new Item(model); 
      } else { 
       modelObject = new Category(model); 
      } 

      this.add(modelObject); 
     }, this); 
    } 
}); 

所以这是一个有点哈克，但你确定模型的基础上，类型，如果有（在我的例子price）的特定字段，创建模型对象，然后添加到采集。

你会然后调用它是这样的：你有

var myCollection = new CategoryCollection([], myJSON); 

通知传递一个空数组作为第一个参数，因为这就是你怎么正常通过一组模型到集合中。

使用集合时上以后，就可以判断，如果你有Item或Category处理使用简单instanceof检查：

_.each(myCollection.models, function(model) { 
    if (model instanceof Item) { 
     console.log("It's an Item! Price: ", model.get("price")); 
    } else { 
     console.log("It's a Category!"); 
    } 
}); 

Answer 3

这是相当简单的通过覆盖内置的公共方法parse取得toJSON在检索和保存模型数据时由主干在内部使用。

首先，当您从数据库中检索模型时，您应该覆盖模型的parse方法，以创建表示示例中给定项目的模型。

然后保存toJSON方法用于将数据序列化回服务器可以理解的内容 - 您只需在每个项目的Model上调用toJSON方法即可将其序列化为后端将识别的格式。如果您查看Backbone.sync的代码，您将看到如果没有传递自定义数据，则模型总是使用toJSON进行序列化。

让我知道你是否需要更详细的信息，但我相信你应该能够从这里捡起它！

Answer 4

是的，您可以使用工厂方法模式在骨干的集合中创建模型。假设在@kpeel's answer建议的数据结构，你可以定义

// Factory method 
var CategoryOrItemFactory = function(data, options) { 
    if (data.children) { 
     return new Category(data, options); 
    } else { 
     return new Item(data, options); 
    } 
}; 

// Model definitions 
var Item = Backbone.Model.extend(); 

var Category = Backbone.Model.extend({ 
    initialize: function() { 
     this.children = new Children(this.get("children")); 
    } 
}); 

var Children = Backbone.Collection.extend({ 
    model: CategoryOrItemFactory 
}); 

然后，您可以创建你的根项目（类别），并已经创建了完整的数据结构：

// create the root item 
var rootItem = new Category(rawData); 

访问类别的儿童及其children财产，例如

rootItem.children.get(2).get("name"); 

这里是一个jsFiddle with the above code玩。