可选路由（URL 部分）

Question

我们正在开发教育平台。我们有两种资源类型：课程和课程。所以我们确实有以下 URL 架构：

/（根） └┬课程-蛞蝓 ├─资讯 └┬上课-蛞蝓 └┬cmet └─comment-id

课程的 URL 如下所示：/programming/what-is-loop/，而本课程的 cmets 将具有以下 URL：/programming/what-is-loop/comments/。

现在我们决定该课程是可选的。有些课程不在任何课程中，有些课程在许多课程中。所以新的 URL 架构如下所示：

/（根） ├┬课程-蛞蝓 │├─资讯 │└┬教训-蛞蝓 │ └┬cmets │ └─comment-id │ └┬上课-蛞蝓 └┬cmet └─comment-id

换句话说，URL 的 course 部分是可选的。如何使CourseRoute可选，或者如何重用LessonRoute、CommentsRoute和CommentRoute（其实还有一点）

Answer 1

谢谢大家！

事实证明，最简单的方法是将course-slug 移动到查询参数。只需几行代码即可实现这一目标：

App.LessonRoute = Em.Route.extend
  setupController: (controller, model, transition)->
    controller.set 'content', model

    course_slug = transition.queryParams.scope
    if course_slug
      ...
      @get('store').find('course', course_id).then (course)->
        controller.set 'course', course

App.LessonController = Em.ObjectController.extend
  scope: null # slug for course
  queryParams: ['scope']

因为course 属性只是从课程模型转移到控制器，不需要在模板或其他地方进行大量重构。

Answer 2

如果你非常确定自己在做什么——这意味着在 UI 上你有独立课程和嵌套课程——你可以这样做（希望你理解 CoffeeScript，这并不难）：

@resource 'course', path: ':course_id', ->
  @route 'info'
  @resource 'course.lesson', ':lesson_id' ->

@resource 'lesson', ->

这为您提供了不同的路线和网址。然后你可以生成这样的链接：

{{link-to "Nested Lesson" "course.lesson" course lesson}}
{{link-to "Lesson" "lesson" lesson}}

这样，您就有了两条不能相同的课程路线。您可以使用继承或混合来重用功能，例如使用相同的控制器/视图/模板。

App.LessonRoute = Em.Route.extend
  controllerName: 'lesson'
  templateName: 'lesson'   # Or use viewName if you need to define a view

  model: ->
    # get lesson

App.CourseLessonRoute = App.LessonRoute.extend
  model: ->
    # get lesson from course

# No need to define "CourseLessonController"
App.LessonController = Em.ObjectController.extend()

对于 cmets，如果您愿意，可以使用相同的方式。但我认为你真的不需要定义一个 url 来发表评论。这样你就可以只用setupController和renderTemplate把CommentsController渲染成comments outlet

App.LessonRoute = Em.Route.extend
  setupController: (controller, model) ->
    @_super.apply(@, arguments)

    comments = model.get('comments') # Just an example code to get comments
    @controllerFor('comments').set 'model', comments

  renderTemplate: ->
    @_super.apply(@, arguments)

    @render 'comments',
      into: 'lesson'
      outlet: 'comments'
      controller: 'comments'  # Not sure if this option can be ignored.

还有你的lesson 模板：

{{outlet comments}}