如何从 Meteor 中的服务器动态更新网页？答案

【问题标题】：How do I dynamically update a web page from the server in Meteor?如何从 Meteor 中的服务器动态更新网页？
【发布时间】：2015-08-01 11:50:30
【问题描述】：

这似乎应该很简单（也许确实如此），但我似乎无法弄清楚。我正在尝试在 Meteor 中编写一个将文档插入语料库的 Watson 应用程序。我想用插入的每个文档的名称来更新客户端网页。我认为更新网页的最简单方法是添加一个带有 {{each}} 的模板，该模板遍历 Collection。然后我可以在插入文档时更新服务器上的集合。

显然我不明白这是如何工作的。这是相关的 HTML：

<template name="results">
    <table border=0>
        {{#each result}}
            <tr><td>{{label}}</td></tr>
            {{/each}}
        </table>
    </template>

这是模板的助手：

Template.results.helpers({
    "result":function()
        {
        return addedDocs.find();
        }
    })

在 .js 文件的顶部，在其他所有内容之外，是

var addedDocs=new Mongo.Collection("added");

这应该使 addedDocs 成为一个全局变量。

服务器代码在另一个文件中，在 server/ 目录中。在添加文档的循环中，我有

addedDocs.insert(doc.label);

当每个文档添加到语料库时，它应该为每个文档插入一个新的 mongoDB 记录。

我的理解是，这一切都应该起作用，并且文档名称应该在添加时神奇地出现在网页上。问题是，它甚至不会像这样编译。我认为这与服务器和客户端代码位于单独的 .js 文件中这一事实有关。事实上，我得到了错误

Exception while invoking method 'buildCorpus' ReferenceError: addedDocs is not defined

在服务器上，这当然意味着我也需要在服务器 .js 文件中定义 addedDocs 变量。但是nooooo，当我在服务器上定义集合变量时

var addedDocs=new Mongo.Collection("added");

我得到了这个错误：

Error: A method named '/added/insert' is already defined
W20150709-14:19:59.386(-5)? (STDERR)     at packages/ddp/livedata_server.js:1461:1
W20150709-14:19:59.386(-5)? (STDERR)     at Function._.each._.forEach (packages/underscore/underscore.js:113:1)
W20150709-14:19:59.386(-5)? (STDERR)     at [object Object]._.extend.methods (packages/ddp/livedata_server.js:1459:1)
W20150709-14:19:59.386(-5)? (STDERR)     at [object Object].Mongo.Collection._defineMutationMethods (packages/mongo/collection.js:904:1)
W20150709-14:19:59.387(-5)? (STDERR)     at new Mongo.Collection (packages/mongo/collection.js:209:1)
W20150709-14:19:59.387(-5)? (STDERR)     at app/ciCorpusBuilder.js:3:15
W20150709-14:19:59.396(-5)? (STDERR)     at app/ciCorpusBuilder.js:297:3
W20150709-14:19:59.396(-5)? (STDERR)     at /home/david/workspaces/javascript/CI_CorpusBuilder/src/.meteor/local/build/programs/server/boot.js:222:10
W20150709-14:19:59.396(-5)? (STDERR)     at Array.forEach (native)
W20150709-14:19:59.396(-5)? (STDERR)     at Function._.each._.forEach (/home/david/.meteor/packages/meteor-tool/.1.1.3.4sddkj++os.linux.x86_64+web.browser+web.cordova/mt-os.linux.x86_64/dev_bundle/server-lib/node_modules/underscore/underscore.js:79:11)

如果我在服务器文件而不是客户端文件中定义集合，我会在客户端收到类似的错误。

我只是说这一切都错了吗？有没有更好的办法？我在这里想念什么？我要拔头发了！

【问题讨论】：

您是否尝试在服务器和客户端都可以访问的根文件夹中的单独 .js 文件中声明它？
var addedDocs=new Mongo.Collection("added"); 在该文件中创建一个局部变量。删除 var 以使 addedDocs 全局化。
@mutil @MichelFloyd 我尝试删除 var 但编译器抱怨因为我使用了 "use strict" 指令。将var addedDocs=new Mongo.Collection("added"); 行放在一个公共共享文件中并没有改变我得到的错误。这样做 both 似乎已经解决了这个问题！谢谢！

标签： javascript mongodb meteor reactive-programming

【解决方案1】：

整合 cmets 中所说的内容：

你应该将你的集合声明为全局变量——那些没有var
需要从服务器和客户端都可以访问集合，这意味着您应该将其放在单独的顶级目录中，例如 common/ 或 lib/

【讨论】：