在ember.js中组织列表、查看、创建和更新路由的最佳实践

现在使用EMBE.JS工作了几年,对我来说还不太清楚,应该如何构造列表、查看、创建和更新路由。

到目前为止,我参与的项目主要用于为每个实体路由树。用于列出的复数实体名和用于创建的子例程,以及用于编辑的子例程的详细视图的单数实体名。以a为例 post 模型将为路线提供这些: /posts 对于列出的帖子, /posts/new 对于创建功能, /post/:post_id 为了显示一个帖子 /post/:post_id/edit 因为编辑了那个。相应的路由器如下所示:

Router.map(function() {
  this.route('post', { path: '/post/:post_id' }, function() {
    this.route('edit');
  });
  this.route('posts', function() {
    this.route('new');
  });
});

这种方法非常适合细节和编辑视图,因为它们共享同一个模型。因此,编辑路由的模型挂钩可以重用细节视图路由的模型。在灰烬代码中,如下所示:

// app/routes/post.js
import Route from '@ember/routing/route';

export default Route.extend({
  model({ post_id }) {
    return this.get('store').findRecord('post', post_id);
  }
});

// app/routes/post/edit.js
import Route from '@ember/routing/route';

export default Route.extend({
  model() {
    return this.modelFor('post');
  }
});

通常我们会从 posts 路由模型钩子而不实现 posts.new 路由(或者根据体系结构返回pojo/changeset集,但这不是问题所在)。假设我们没有实现 新邮政 路线如下:

// app/routes/posts.js
import Route from '@ember/routing/route';

export default Route.extend({
  model({ post_id }) {
    return this.get('store').findAll('post');
  }
});

// app/routes/posts/new.js
import Route from '@ember/routing/route';

export default Route.extend({
});

但现在这种方法已经不起作用了 新邮政 在收集 帖子 载入。因为我们不需要这个集合来创建帖子列表(至少如果我们只在 posts.index 这感觉不对。

对于那些不太熟悉ember的人,需要注意的是:嵌套的路由模型钩子是按顺序执行的。所以在我们的例子中,首先是应用程序路由的模型钩子,然后发布路由,然后发布新路由,等待其中一个执行任何承诺。

那么什么才是最佳实践呢?

• 帖子的获取是否存在 邮政指数 路线如果我们不在嵌套路线上显示它们?
• 创建路由不应该嵌套在列表路由下吗?所以我们应该 帖子 , post-new , 邮递 和 post.edit 路线?感觉很混乱,因为邮政相关的代码被分成三个路径树。这也违背了 improved file layout 目前正在开发,因为代码将被分成三个目录。
• 我们是否应该权衡不必要地获取posts集合,因为大多数用户流都是在创建路由之前从这个路由来的,因此在大多数情况下模型钩子已经加载了?

希望你能考虑一下。为了更好地记录答案,决定不在社区里问那个问题。