ember.js 和服务器

Question

我正在查看 Ember.js，并一直在阅读文档以尝试理解如何使用它。我明白了（很好），除了一件事。按照我对 MVC 模式的思考方式，模型是应用程序中数据的存储库。我可以看到这对于 Ember.js 中的客户端数据是如何工作的。我不明白的是如何将该数据绑定回服务器，以便如果客户端的数据发生更改，则更改会在服务器中更新。反之亦然。我一直在我的 Web 应用程序中通过 Ajax/JSON 调用来回服务器来做到这一点，我只是不知道如何使用 Ember.js 来做到这一点。

Answer 1

稍微挖掘一下 GitHub 上的 emberjs 我发现了这个：https://github.com/emberjs/data：

Ember Data 是一个用于从持久层加载模型的库
（例如 JSON API），更新这些模型，然后保存更改。
它提供了您在服务器端 ORM 中可以找到的许多功能，例如
ActiveRecord，而是专门为独特的环境而设计的
浏览器中的 JavaScript。

我还建议阅读 Ember.js Live Collections。您想要的是拥有一组知道如何与服务器端同步的模型，可能的示例代码是：

// our model
App.Person = Ember.Object.extend();

App.people = Ember.ArrayController.create({
  content: [],
  save: function () {
    // assuming you are using jQuery, but could be other AJAX/DOM framework
    $.post({
      url: "/people",
      data: JSON.stringify( this.toArray() ),
      success: function ( data ) {
        // your data should already be rendered with latest changes
        // however, you might want to change status from something to "saved" etc.
      }
    });
  }
});

然后您可以在需要的时候调用 App.people.save() 。

另请务必查看这篇文章，关于 & 的建议Ember.js 使用说明，更深入地介绍了 Ember 的服务器客户端通信，还提到了 emberjs/数据。

注意：Emberjs 数据库尚未做好生产准备，因此应谨慎使用。

Answer 2

在 Ember.js 中，Ember 对象中包含的“模型”将包含底层服务器端数据库的进一步抽象（如果您使用的话）。应用程序的控制器部分应该具有允许您检索和发送数据的方法，这些方法在需要时调用以更新模型（使用 Ajax）。这很好，因为您拥有一个模型，可以在客户端快速响应用户向应用程序提供的任何输入（击键、鼠标移动等），并选择性地选择何时对服务器端数据库进行相对昂贵的查询。这样，应用程序的某些性能不再受到外部服务器数据请求延迟的阻碍，在某些情况下，这可以让您创建响应能力接近本机应用程序的应用程序。

Answer 3

我喜欢像这样成对地描绘 Ember.js

• 视图和模板是相关的（显然），调整视图类来控制模板（如类名）
• 路由器和路由的工作方式有点像 MVC 中的控制器。它们负责将请求路由到正确的端点
• 控制器和模型以模型为中心，其中一个（模型）描述您将在应用程序中处理的数据，而控制器的行为就像一种代理（或装饰器，如果这更取决于您）胡同）。例如，模板将连接到控制器，

基本上这意味着您使用模型加载控制器（单个或阵列），现在可以轻松地对在该模型上工作的流程进行建模（即不触及模型核心的内容） /data）在你的控制器中。对于示例博客应用程序，您可以在模型中描述Post，并为控制器添加类似的内容。

App.PostController = Ember.ObjectController.extend({
  content: null,

  // initial value
  isExpanded: false,

  expand: function() {
    this.set('isExpanded', true)
  },

  contract: function() {
    this.set('isExpanded', false)
  }
});

现在，您可以在前端思维方面与模型的表示进行交互通过控制器。扩展帖子与否不会改变模型，只会改变数据。

关于从服务器重新加载数据，我有两个答案给你，

1. 我找到了这篇文章 对于理解连接非常有帮助（以及简单的轮询，尽管很简单）
2. 如果您使用 Rails，您将很幸运即将推出的 Rails 4 Live，请参阅 这篇文章和演示的有趣部分

Answer 4

我意识到这个问题有点老了，但它位于 ember.js 评分最高的页面上，所以我想我应该补充一点。

我最近一直在使用 ember-model 来处理 RESTful 数据绑定。它的花哨功能较少，但对于我的需求来说已经相当不错了。基本上，它只是扩展了模型功能，以便与通过标准 REST 接口推送 JSON 对象的服务器很好地集成。