MarionetteJS - 代码组织答案

【问题标题】：MarionetteJS - code organizationMarionetteJS - 代码组织
【发布时间】：2014-01-29 06:39:43
【问题描述】：

我正在开始一个新项目，其想法是将一些逻辑转移到客户端。我在 Backbone 中寻找，后来在 Marionette 中寻找。看起来它是一个很好的库，它扩展了主干，使创建应用程序变得更容易。

但是，我在任何地方都找不到很好的文档来解释 Marionette 中模块背后的架构和理念。

我的问题是，虽然范围很广，但我应该如何组织我的代码？模块背后的想法是什么？它应该代表什么？

我的参考是MarionetteJS TODO example。

谢谢！

【问题讨论】：

标签： backbone.js marionette single-page-application code-organization

【解决方案1】：

我不想写很多文字，我将只演示我喜欢的两个文件夹结构。

按独立模块分组（

src
   application
        router.js  // router here or for each module
        main.js    // app entry point
   profile
        collections
        models
        views
        templates
        profile.js // module entry point
   news
        collections
        models
        views
        templates
        news       // module entry point

按主干类型分组

src
   collections
         profile
         news
   models
         profile
         news
   modules
         profile.js // module entry point
         news.js    // module entry point
   views
         profile
         news
   templates
         profile
         news
   router.js       // router
   main.js         // app entry point

【讨论】：

谢谢！！！简短而干净....“模块”呢？在我提到的示例中，我看到一个模块绑定了不同的组件（如 ItemView、ListView），并且还可以创建一个子模块。但我无法弄清楚它的确切定义是什么。有什么提示吗？
我建议不要使用子模块。它们应该是独立的，这使得它们更易于重用。如果您的模块太大 - 是时候将它分成几个独立的模块了。
你能解释一下“模块”代表什么吗？我为什么要使用模块？
“这对于创建模块化、封装的应用程序很有用，这些应用程序被分成多个文件。” github.com/marionettejs/backbone.marionette/blob/master/docs/…

按独立模块分组（ src application router.js // router here or for each module main.js // app entry point profile collections models views templates profile.js // module entry point news collections models views templates news // module entry point

按主干类型分组

按独立模块分组（
`src application router.js // router here or for each module main.js // app entry point profile collections models views templates profile.js // module entry point news collections models views templates news // module entry point`