使用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玩。