ember.js - 仪表板的最佳实践

Question

我正在编写一个应用程序，使用 RoR 作为后端，使用 Ember.js 作为前端。

应用结构如下：

• 多个项目

• 每个项目都有任务和里程碑

UI结构如下：

• 两栏布局，左侧栏有项目

• 选择项目时，有任务和里程碑选项

• 有人登录后的“主屏幕”将是仪表板。不会选择任何项目。仪表板将包含基本信息（即将到来的里程碑、任务进度等）

这一切看起来都很正常，但我正在尝试找出实现仪表板的最佳方法。

在没有 Ember.js 的 RoR 中，我可能会创建一个单独的仪表板控制器。但是，我不知道 Ember.js 中的最佳实践。

使用 Ember 完成此任务的最佳方法是什么？

Answer 1

看看Yehuda Katz 的这个要点。它讨论了 Ember.js 中的新路由器实现，还有如何实现嵌套视图等的示例。未来使用的基本方法似乎是：

• 使用路由器初始化控制器并分配正确的视图。
• 在主要部分使用容器视图，然后根据应用程序的状态切换出 currentView 属性。
• 减少单例的使用
• 通过移除对 Singleton 控制器的依赖，允许视图被重用

这似乎是创建更大应用程序的好方法。对于您的情况，我会将 containerViews 绑定到 2 列中的每一列，并将容器视图绑定到整个页面。然后根据应用程序的状态在Router中操作它

Answer 2

作为介绍，请查看 Vimeo 上的 Strobe 的 Sproutcore 培训视频，请参阅http://vimeo.com/user7276077/videos。

所有这些都是针对 SproutCore 的，模型、视图和控制器的概念也适用于 Ember.js。在第 4 部分 - 控制器层中，说明了具有多个项目和任务的应用程序的基本结构。

我知道这不是对您问题的具体答案，但它应该引导您朝着正确的方向前进。

Answer 3

UI结构如下：

两栏布局，左侧栏有项目

选择项目时，有任务和里程碑选项

有人登录后的“主屏幕”将是仪表板。不会选择任何项目。仪表板将包含基本信息（即将到来的里程碑、任务进度等）

这一切看起来都很正常，但我正在尝试找出实现仪表板的最佳方法。

在没有 Ember.js 的 RoR 中，我可能会创建一个单独的仪表板控制器。但是，我不知道 Ember.js 中的最佳实践。ember.js 分享|改善这个问题