【问题标题】:Serializing/Deserializing nested Backbone Relational models to JSON将嵌套的主干关系模型序列化/反序列化为 JSON
【发布时间】:2025-12-14 07:30:01
【问题描述】:

给定以下 RelationalModel 模型:

var Server = Backbone.RelationalModel.extend({
    relations: [{
        type: Backbone.HasMany,
        key: 'databases',
        relatedModel: 'Database',
        collectionType: 'DatabaseCollection',
        includeInJSON: 'id'
    }],

    defaults: {
        databases: []
    },
});

var Database = Backbone.RelationalModel.extend({});
var DatabaseCollection = Backbone.Collection.extend({
    model: Database
});

还有这些对象:

new Database({
    id: 1,
    name: 'DB1'
});

new Database({
    id: 2,
    name: 'DB2'
});

var s1 = new Server({
    id: 3,
    name: 'S1',
    databases: [1,2]
});

将这个模型序列化/反序列化为接近这种 JSON 结构的最简单/推荐的方法是什么?:

{
    databases: [
        { id: 1, name: 'DB1' }
        { id: 2, name: 'DB2' }
    ],

    servers: [
        { id: 3, name: 'S1', databases: [1, 2] }                 
    ]
}

这样数据可以在单个请求中发送到服务器/从服务器读取。

谢谢!

提姆

【问题讨论】:

    标签: json backbone.js backbone-relational


    【解决方案1】:

    在我刚刚创建的Example 的这个小提琴中进行了一些小的更改,我能够生成您使用您的示例描述的 JSON。

    由于调试器中显示了一些警告并获得您描述的结果,我进行了这些更改。希望这可以帮助。

    1. 将 Database Model 和 DatabaseCollection 的声明移至 Server 之前的顶部,因为 Servers relatedModel 和 CollectionType 指向这些模型。
    2. 对于 relatedModel 和 collectionType 而不是使用字符串,请使用对 Database 和 DatabaseCollection 的引用
    3. 为服务器创建了一个名为 ServerCollection 的集合
    4. 添加了更多示例

    这是您最终得到的代码,我刚刚创建了一个普通的旧 Backbone 模型来将两个集合合并为一个。调用 toJSON 会为您提供要传输到服务器的单个 JSON 对象。

    var Database = Backbone.RelationalModel.extend({});
    var DatabaseCollection = Backbone.Collection.extend({
        model: Database
    });
    
    var Server = Backbone.RelationalModel.extend({
        relations: [{
            type: Backbone.HasMany,
            key: 'databases',
            relatedModel: Database,
            collectionType: DatabaseCollection, 
            includeInJSON: 'id' 
        }],
    
        defaults: {
            databases: []
        } 
    });
    var ServerCollection = Backbone.Collection.extend({
        model: Server 
    });
    
    var allDatabases = new DatabaseCollection(); 
    allDatabases.add([
        new Database({ id: 1, name: 'DB1' }),  
        new Database({ id: 2, name: 'DB2' }),
        new Database({ id: 3, name: 'DB3' }),
        new Database({ id: 4, name: 'DB4' })
    ]);   
    
    var allServers = new ServerCollection(); 
    allServers.add([
        new Server({
            id: 30,
            name: 'S1', 
            databases: [
              allDatabases.get(1),
              allDatabases.get(2)
            ]
        }),
        new Server({
            id: 40,
            name: 'S2',
            databases: [
              allDatabases.get(3),
              allDatabases.get(4)
            ]
        })
    ]);  
    
    // combine into an object to transfer to server as one 
    var serverObject = new Backbone.Model({
        'servers': allServers,
        'databases': allDatabases
    });  
    console.log(serverObject.toJSON()); 
    

    【讨论】: