knockoutjs 的数据加载模式

Question

我想了解 KnockoutJS 是否适用于我的应用程序。我的数据模型（简化）如下：

function topic(data) {
    this.id = data.id;
    this.queries = ko.observableArray([]);
}

function query(data) {
    this.id = data.id;
    this.text = data.text;
    this.searcher = data.searcherId;
    this.postings = ko.observableArray([]);
}

function posting(data, query) {
    this.documentId = data.docid;
    this.rank = data.rank;
    this.snippet = data.snippet;
    this.score = data.score;
    this.query = query;
    this.document = null;
}

function document(data, topic) {
    this.id = data.id;
    this.url = data.url;
    this.topic = topic;
}

对于给定的主题，我有一个或多个查询实例。每个查询都包含一个 posting 实例列表。每个帖子都引用一个文档。只要posting 实例属于不同的query 实例，多个posting 就可以引用给定的document。

如果发布引用了一个新文档（尚未被任何查询检索到），我想创建一个新实例；如果document已经存在（id是唯一的），我想重新使用它。

我可以看到一些可能的替代方案来构造服务器返回的 JSON 数据：

1. 在序列化帖子时，首先序列化所有文档的列表，然后用它们更新主文档列表。然后，发送包含文档 ID 引用的帖子。
2. 将每个文档完全序列化为发布的属性，然后确定该条目是否多余。将非冗余条目添加到主列表中。

序列化数据的合理模式是什么？是否有一些映射插件魔法可以简洁地表达这一点？我可以控制生成 JSON 的服务器，并且可以以任何有意义的方式构建它。

谢谢，

吉恩

Answer 1

以下是我为实现选项 1 所做的工作：

function idField(data) {
    return ko.utils.unwrapObservable(data.id);
}

function createMapping(type, context) {
    return {
        key:    idField,
        create: constructor(type, context)
    }
}

function constructor(type, context) {
    return function(options) { 
        return new type(options.data, context); 
    }
}

function createReferenceMapping(collection) {
    return {
        key: idField,
        create: lookup(collection)
    }
}

function lookup(collectionOrClosure) {
    return function(options) {
        var collection = (typeof collectionOrClosure == 'function') ? collectionOrClosure() : collectionOrClosure;

        var object = collection.findById(options.data.idref);
        if (object == null)
            console.log("Error: Could not find object with id " + options.data.idref + " in ", collection);
        return object;
    }
}

我按如下方式调用此代码：

    var mapping = {
        people: createMapping(Searcher),
        topics: createMapping(Topic, this),
        activeTopic: createReferenceMapping(function(){return self.topics();})
    };

    this.dataChannel.loadModel(function(data) {
        ko.mapping.fromJS(data, mapping, this);
    }

它负责创建新实例（通过 constructor 函数）并通过 lookup< 查找现有实例。 /代码>。

Answer 2

查看entityspaces.js，有一个视频您可以观看，它支持完整的分层数据模型，甚至会生成您的WCF JSON服务，它也支持REST API。

的 Javascript ORM（数据访问）框架

使用 Knockout https://github.com/EntitySpaces/entityspaces 。 js#自述文件