当前位置: 首页 > 文档资料 > Ember.js 中文指南 >

路由 - 介绍

优质
小牛编辑
128浏览
2023-12-01

英文原文:http://emberjs.com/guides/routing/

路由

当用户使用你的应用时, 应用可能要在不同的状态之间进行切换。 Ember.js为你提供了许多帮助工具用于管理那些随着应用规模变化而变化的状态

为了说明它的重要性,设想一下我们在编写一个管理博客的web应用。 在任何时刻,我们都应该能回答类似这样的问题: 当前的访问者已经登陆了吗?他是管理员吗?他在看哪一篇文章?开放了设置页面了吗?他在修改当前文章吗?

在Ember.js内,应用中的每一个可能的状态都会映射到一个URL上。通过将URL封装到路由处理器(route handlers)中, 我们可以简单而清晰地回答上面所问的问题:登陆了吗?在看哪篇文章?

在任何时刻,你的应用中都会有一个或多个活跃的路由处理器。下列两个条件都可以触发它们:

  1. 用户与视图发生交互,产生事件导致URL改变。

  2. 用户手动改变URL(如: 点击后退按钮),或者是第一次载入页面。

当前的URL发生改变时,活跃的新路由处理器可能会做以下事情:

  1. 根据条件选择跳转到新的URL上

  2. 更新控制器(controller)以便映射到特定的模型(model)上

  3. 更改屏幕(浏览器窗口)上的模板,或者在已存在的出口(outlet)上替换新的模板

记录追踪路由的变化

当你的应用变得越来越复杂,明白路由究竟发生了什么是很有帮助的。只要简单的修改一下你的 Ember.Application,就可以让ember记录路由的事件转换:

1
2
3
App = Ember.Application.create({
  LOG_TRANSITIONS: true
});

指定根URL

如果Ember应用是部署在同一域下的多个Web应用中的一个,这时需要在路由器处指定Ember应用的根URL。在默认情况下,Ember假定部署在域的根路径下。

例如如果需要将博客应用部署在www.emberjs.com/blog下,那么需要指定根URL为/blog/

这可以通过在路由器中设置rootURL来实现:

1
2
3
App.Router.reopen({
  rootURL: '/blog/'
});