Marionette - 帮助了解组件的工作原理

Question

我正在开发一个相当大的 SPA，我决定为此使用 Backbone。我的应用程序运行良好，包括路由器、页面部分、模板、登录系统和 CRUD 区域。并且有 2 个不同的区域，一些用户可以同时访问这两个区域或只能访问一个区域。在 RequireJS 的帮助下，一切都是模块化的。但是很多东西我不得不自己写，我开始思考是否有更好的方法来做到这一点。

我在 Marionette 上玩了很多，我非常喜欢它如何处理一些问题和任务，比如僵尸视图和将区域附加到布局......仅提及一些。但是很难找出这些组件是如何工作的或它们应该做什么。 最好有一些方向。

我制作了一张思维导图，所以（对某些人来说）更容易理解我的问题：

我理解的事情（如果我遗漏了什么，请纠正我）：

• ItemView 是元素的一小部分，例如 Header 的导航或 Header 的搜索表单
• Layout 是 ItemViews 的集合：整个“Header”。
• 区域附加到应用程序本身，并且需要区域参数的布局实例；但它可以直接有一个与之相关的 ItemView。
• AppRouter 已附加到应用程序。

还有一些我不太了解的东西：

• 复合视图在这个结构中的什么位置？
• 我可以用控制器做什么？它究竟应该做什么？是否与应用程序直接相关？我可以将 AppRouter 附加到它吗？

任何帮助都会很棒。感谢您的建议。

Answer 1

ItemView 是元素的一小部分，例如 Header 的导航或 Header 的搜索表单

我认为documentation 中的描述更好，但本质上ItemView 是您在Marionette 中的基本视图类型。

ItemView 是表示单个项目的视图。该项目可能是 一个 Backbone.Model 或者可能是一个 Backbone.Collection。不管是哪一个 但是，它将被视为单个项目。

Layout 是 ItemView 的集合：整个“Header”。

Layout 是 ItemView 和 Regions 的集合的组合。你可以用它来组织各种类型的视图，ItemView，CollectionView，CompositeView，另一个Layout，到一个特定的布局中。 （再次，请参阅documentation）。

复合视图在这个结构中的什么位置？

CompositeView 可以与图表中的ItemView 互换，另请参阅CollectionView。简单来说，ItemView 一般是模型的视觉表示，CollectionView 表示ItemViews 的集合，CompositeView 是两者的组合。

我可以用控制器做什么？它究竟应该做什么？是否与应用程序直接相关？我可以将 AppRouter 附加到它吗？

再次，指documentation：

这是一个非常通用的多用途对象，可以服务于许多 在许多不同的场景中扮演不同的角色。

我承认，这对你并没有太大帮助；）。然而，基本用法是作为AppRouter 的代表来实现路由更改时发生的具体逻辑。