javascript - BackboneJS 站点结构

Question

好吧，我正在努力解决这个问题backboneJS事物。我知道您必须将您的站点分成多个模块，并将每个模块分解为模型、集合和 View ，如 this example 中所述。 .

我的 JS 文件结构目前是这样的:

-js
  -application.js

  -lib
    -jquery.min.js
    -backbone.min.js
    -underscore.min.js

  -modules
    -newsfeed.js //activity feed
    -file.js // page to upload files to
    -members.js // page that show other members of group
    //-general-site-logic.js??

---

我有两个问题:

1. 所有 应用程序逻辑是否应该由BackboneJS 控制？ ？如果不是，那么这个单独的逻辑应该驻留在我的应用程序结构中的什么位置？当然 Backbone 不能控制你所有的客户端事件。不涉及任何收藏的事件呢？

2. 我应该使用 RequireJS 吗？是否在使用 BackboneJS 时管理模块？我找到了 this example但它似乎使本已令人困惑的 Backbone 概念更加复杂。

我即将着手开发一个非常依赖 javascript 的应用程序，我真的很想在我的代码开始大量涌现之前把它做好!

Answer 1

Backbone 的伟大之处在于它只是一个有用的部分的集合，您可以根据需要将它们组合在一起。您可以根据需要组织它。

Surely backbone can't control all of your client-side activity.

为什么不呢？我有一个相当大的客户端应用程序，其中所有代码(除了 jQuery 插件等)都是使用主干结构( View 、模型、集合、路由器)编写的。

在我们的例子中，我们使用的是 Rails，所以我们不需要担心需要其他 JS 文件。我们将项目分成许多 js(咖啡)文件，“ Assets 管道”为我们将它们全部合并到一个 js 文件中。 (我们确实需要告诉 Assets 管道一些排序规则，但是......集合之前的模型， View 之前的集合等)

当我们这样做时，我们有以下设置:

-assets
  -javascripts
    -backbone
      -collections
      -helpers
      -models
      -routers
      -templates
      -views
      -bootstrapper.js

当然，我们就是这样做的。对于较大的项目，我总是知道在哪里可以找到我的组件，并且我们会在其中为不同的 subview 创建子文件夹。例如:

-views
  -people
    -people_list.js
    -people_item.js
  -orders
    -order_list.js
    -order_item.js
    -order_form.js

然而，在较小的项目中，您可以将所有内容放在一个 JS 文件中，这不会有问题。大多数玩具示例都是这样布置的。

中间布局可能只是将模型与 View 分开，如下所示:

-models.js // models and collections
-routers.js
-views.js

我想您应该从中得到的是:“随心所欲地组织”。做对项目规模和团队对组织的理解有意义的事情。

Backbone 提供结构。然而，对于该结构的设计方式，它并不固执己见。