backbone.js - 您如何组织您的Backbone文件？

Question

我正在尝试将主干实现到具有多个将使用它的“应用程序”的大型Web项目中，并且试图找到一种组织文件的好方法。到目前为止，我想出的两个是:

js
+- models
|  +- search
|  |  +- result.js
|  |  +- ...
|  +- cart
|  |  +- item.js
|  |  +- ...
|  ...
+- collections
|  +- search
|  |  +- results.js
|  |  +- ...
|  +- cart
|  |  +- items.js
|  |  +- ...
|  ...
+- views
|  +- search
|  |  +- resultRow.js
|  |  +- ...
|  +- cart
|  |  +- itemRow.js
|  |  +- ...
|  ...
+- routers
|  +- search
|  +- cart
|  ... 

和

js
+- search
|  +- models
|  |  +- result.js
|  |  +- ...
|  ...
|  +- collections
|  |  +- results.js
|  |  +- ...
|  ...
|  +- views
|  |  +- resultRow.js
|  |  +- ...
+- cart
|  +- models
|  |  +- item.js
|  |  +- ...
|  ...
|  +- collections
|  |  +- items.js
|  |  +- ...
|  ...
|  +- views
|  |  +- itemRow.js
|  |  +- ...
+- routers
|  +- search
|  +- cart
|  ... 

我倾向于后者，因为它在网站的各个部分之间具有更清晰的界线，并将应用程序保持在一起，但是我们当前的后端框架结构更像前者。

Answer 1

我会使用第二个的修改版本...基本上，在您的每个站点部分中删除m，v和c的文件夹。当文件名和类名已经反射(reflect)出它们的含义时，实际上就不需要将它们分成子文件夹。

js
+- search
|  +- result.js
|  +- results.js
|  +- resultRow.js
|  +- ...
+- cart
|  +- item.js
|  +- items.js
|  +- itemRow.js
|  +- ...
+- routers
|  +- search
|  +- cart
|  ... 

看着这个布局，我仍然知道“item”是一个模型，“items”是一个集合，“itemRow”是一个 View ，因为这是您设置的约定。我认为，添加额外的文件夹名称层只会增加复杂性，并且不会增加任何值(value)。

另外-(您可能知道这一点，但是如果其他人读这篇文章不...)，请确保在部署到生产环境之前使用require.js之类的东西将所有js合并/缩小到一个文件中。保持这样组织的代码非常适合开发和调试目的。但是，当生产系统使用该代码时，将其拆分为多个文件会给最终用户带来严重的延迟。 require.js通过提供一种简便的方法来解决此问题，即在开发工作期间组织文件，并在生产中使用单个缩小的文件。