javascript - 设计主干并将其连接到 Ruby 服务器

Question

因此，我在 Backbone、Sass、RoR、Bootstrap 等方面进行了大量学习，但我感到非常沮丧的是，我发现的任何资料来源(包括 Tuts+ 和 Code School 中的资料)都没有提到任何方式来表达它全部在一起...如果页面中我想要的所有内容都是通过主干构建的，我不知道如何设计网页样式...所以如果我想单击网站上的“关于”页面，请使用当附加到 DOM 时，该页面的所有 Backbone 内容的样式都正确。

其次，我不确定应该如何为网站创建这些网页；我是否应该在 Backbone 中创建整个页面，然后将其保留在服务器上，直到有人单击“关于”页面，然后将整个页面加载到 View 中？或者我完全误解了您使用 Backbone 的方式之一？除此之外，我应该如何将 Backbone 与 Ruby 服务器通信？只使用 Ajax？

我正在寻找资源和任何可以帮助我清楚地理解这些内容的人!

非常感谢

-斯图。

Answer 1

假设您想要构建一个单页应用程序，了解每个人的职责很重要:

rails

• 创建在服务器上运行的完整堆栈应用程序
• 创建可使用的 API
• 管理 Assets 管道
• ...

主干

• 管理您的前端 JavaScript 应用程序
• 使用模型将数据与 View 分离
• 通过 RESTful JSON 接口(interface)连接 API
• ...

请记住，这是对两者的过度简化......

Rails 将处理后端，检索要由 Backbone 使用的 API。 Rails Assets 管道将提供 Backbone 所需的所有文件，包括用于设置应用程序样式的 css。

这可能会有点令人困惑，因为您会听到最终会在它们之间发生冲突的概念，例如两端都有模型、 View 和路由器，但它们将彼此独立地生活，一个将在服务器端(Rails)工作，另一个在客户端(Backbone)工作。

举个例子:

Rails 将渲染:

domain
|-index.html
|-js/*.js
|-css/*.css
`-api/*.json

Backbone 将使用 DOM (index.html) 和 js 脚本来执行逻辑，将 View 附加到 DOM 中，并通过 API 使用 ajax 读取/写入数据。

另一个令人困惑的事情是 View ，因为 Rails 会为你生成这些 View ，而主干也会有自己的 View ，所以通常的设置:

在客户端，Backbone至少会有以下部分:

• 路由器 - 它将编排您的应用程序，将事件绑定(bind)到路由，比方说 /#about 页面并创建一个 View 并传递相应的模型:
  • 模型 - 它将从 API 请求数据并在完成后调度一个事件
  • View - 它将使用模板来呈现模型数据

在这种情况下，Rails 将管理页面 Assets 并提供 API，Backbone 将拥有自己的路由器、模型、 View 和模板来在客户端呈现页面。

这也意味着结合两者的方式只能根据项目的特殊性来回答，并且有很多方法可以使用两者。

也就是说，恕我直言，首先了解完整的 Backbone 应用程序的工作原理非常重要，然后使用类似backbone-rails gem的东西，了解如何以一致的方式管理两者。