2

刚开始研究木偶并阅读文档。另外，我们是 JQM 的新手

以下是我对“非常”高级别的木偶的理解。有 Application 和 Region、Composite 视图等概念来帮助构建复杂的 UI。我可以看到在 JQM 页面中，可以通过使用 marionette 的区域和复合视图来构建“视图”……

由于我们正在研究具有多个页面的 JQM 应用程序，那么问题也是一 (1) 个 Marionette 应用程序是否应该管理所有 JQM 页面的所有区域/复合视图。或者更好的做法应该是为每个 Marionette 应用程序创建每个 JQM 页面和应用程序之间都会有某种路由以反映 JQM 页面转换。

提前感谢您的患者。

4

2 回答 2

2

这是我的版本the boilerplate：

使用的包

  • 木偶
  • 骨干
  • jQuery & JQM
  • JQM 路由器 - 不是骨干路由器（这只是我的偏好）
    • 在当前版本中，它并没有真正被使用。
  • 罗达什
  • 需要js

应用程序流 - 用户预期

  • 它具有三个 JQM 页面：“登陆、关于、登录”
  • 当它启动时，它会进入登陆页面。
  • 从登录页面，用户可以转到“关于”或“登录页面”。
  • 从“关于/登录”页面可以返回到其他两个页面。

应用结构

  • 使用 requirejs 加载所有模块
  • 有一个 Marionette 应用程序实例充当中央集线器
  • 每个 JQM 页面都被建模为 Marionette 布局，它具有三个区域：页眉、内容和页脚。这与 JQM 页面的划分方式相匹配。
  • 这些区域（页眉、内容和页脚）中的每一个都包含其 Marionette 视图（Item、Composite、Collection 或 Layout 视图）。可以嵌套视图以根据您的需要构建任何复杂的视图。
  • 其余的只是 Backbone/JQM 的东西。
  • 这就对了！

欢迎任何想法和评论！

于 2013-02-06T05:06:40.110 回答
2

我在同一条船上。我正在尝试找到一种方法来充分利用 Marionette 和 jQuery Mobile，但由于我对这两个框架都缺乏经验并且（似乎）缺乏它们一起工作的可用示例，我正在苦苦挣扎。我会仔细观察这个问题，希望比我更有资格的人来回答它。不过，我或许可以根据我的经验提供一些建议。

虽然似乎缺少 Marionette 和 jQuery Mobile 一起工作的示例，但有一些示例演示了如何集成普通的 Backbone 和 jQuery Mobile。我见过的最好的是这个示例，它使用 Backbone 的路由，但使用 jQuery MobilechangePage方法管理页面，这意味着您保留了 jQuery Mobile 中内置的大部分功能，包括页面转换。

我使用上面的示例作为这个样板的起点，它试图将 Marionette 添加到组合中。它绝不是完美的，因为它牺牲了 Marionette 的一些功能（特别是 的Marionette.Application）来保留 jQuery Mobile 的功能，但您可能会感兴趣。我认为，如果对这两个框架有更好的了解，也许可以对其进行改进，从而保留两个框架的特性。

于 2013-02-01T23:07:30.600 回答