4.1 Routing -- Introduction
一、Routing
1. 当用户与应用程序交互时,它会经过很多状态。Ember.js为你提供了有用的工具去管理它的状态和扩展你的app。
2. 要理解为什么这是重要的,假设我们正在编写一个Web应用程序来管理一个博客。如:是当前登录的用户吗?他们是管理员用户吗?他们在看什么?是设置屏幕打开?他们正在编辑当前的提交的内容吗?
3. 在Ember.js,每一个应用程序中可能的状态是由一个URL表示的。因为我们上面问的所有的问题--我们已经登录了吗?我们在看什么?--通过路由处理器封装的网址,回答他们是既简单又准确。
4. 在任何时候,你的应用程序有一个或多个活动路由处理器。因为下面两个原因之一活动的处理程序会改变:
- 用户和一个组件交互,它生成一个事件导致URL改变。
- 用户手动改变URL或者在页面第一次被加载时。
5. 当当前的URL发生变化,新的活动路由处理程序可能执行一个或多个以下内容:
- 有条件的重定向到一个新的URL。
- 更新controller使它表示一个特定的model。
- 改变template,或者在存在的outlet中放置一个新的template。
二、Logging Route Changes
随着你的app复杂性的增加,它可以帮助你清楚的看到router下什么东西正在进行。为了让Ember把过度事件输出到log,修改项目的配置文件如下:
config/environment.js
ENV.APP.LOG_TRANSITIONS = true;
三、Specifying A Root URL
如果你的Ember app是从同一域提供的多个web应用程序之一,对你的Ember app来说它可能需要向router指出什么是root URL。默认的,Ember将认为它是来自你的域的根路径。
例如,如果你想要从http://emberjs.com/blog/为你的博客的应用程序提供服务,有必要指定root URL为/blog/。
这可以通过设置路由器中的rootURL来实现:
app/router.js
Ember.Router.extend({ rootURL: '/blog/' });