Ember.js 仪表板的最佳实践

Ember.js 仪表板的最佳实践,ember.js,Ember.js,我正在编写一个应用程序,后端使用RoR,前端使用Ember.js 应用程序结构如下所示: 多个项目 每个项目都有任务和里程碑 UI结构如下所示: 两列布局,左侧边栏上有项目 选择项目时,任务和里程碑都有选项 有人登录后的“主屏幕”将是一个仪表板。不会选择任何项目。仪表板将包含基本信息(即将到来的里程碑、任务进度等) 这一切似乎都很正常,但我正试图找出实现仪表板的最佳方法 在没有Ember.js的RoR中,我可能会创建一个单独的仪表板控制器。然而,我不知道Ember.js中的最佳实践是什么

我正在编写一个应用程序,后端使用RoR,前端使用Ember.js

应用程序结构如下所示:

  • 多个项目

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


UI结构如下所示:

  • 两列布局,左侧边栏上有项目

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

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

这一切似乎都很正常,但我正试图找出实现仪表板的最佳方法

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


使用Ember实现这一目标的最佳方法是什么?

作为介绍,请看一下Vimeo上的Strobe Sproutcore培训视频,请参阅

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

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

看一看。它在Ember.js中讨论了新的路由器实现,还提供了如何实现嵌套视图等的示例。使用“前进”的基本方法似乎是:

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

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

UI结构如下所示:

两列布局,左侧边栏上有项目

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

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

这一切似乎都很正常,但我正试图找出实现仪表板的最佳方法

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