Ember.js 入門指南——路由簡介

    從本文開始，將爲你們介紹路由（route），若是你看過前面的《Ember.js 入門指南——{{link-to}} 助手》這篇文章應該初步瞭解了route。不過在這篇文章中只是簡單介紹了路由是定義、路由層次，更深刻的route將從本文開始逐一介紹。

       當用戶使用你的應用時，應用要在不一樣的狀態之間切換。Ember提供了不少工具用於管理那些因應用規模改變而改變的狀態。

       講route前先了解URL，在應用中大概會會有以下方式設置URL：

• 用戶第一次加載應用的時；

• 用戶手動改變URL，好比點擊按鈕以後跳轉到另外一個頁面或者是直接修改瀏覽器地址了的URL；

• 用戶點擊應用的連接；

• 其餘致使URL改變的事件；

 

無論URL怎麼改變，在Ember應用中，每一個當前的URL都會映射到一個或者多個路由器上。每一個路由均可以處理下面列出的事情：

• 路由能夠渲染一個對應的模板；

• 路由能夠加載model並渲染到對應的模板上；

• 路由能夠重定向到另外一個路由，好比用戶無權訪問某個頁面時重定向到403頁面；

• 路由能夠處理action動做；

 

提醒：本系列入門指南文章都是基於官網V2.0文檔改編而來的。所涉及的版本信息以下表：

Ember inspector	1.9.1
Ember	1.13.7
Ember date	1.13.8
jquery	1.11.3

       文章中演示的代碼均可以從github上獲取。文章同步發表在oschina、ibeginner、csdn。

       項目的搭建使用Ember CLI，執行Ember CLI須要node.js和npm，請自行安裝。

 

搭建項目框架

       有關於路由的演示代碼所有放在如今搭建的項目中。下面使用Ember CLI命令搭建一個Ember項目：

       ember new chapter3_routes

       cd chapter3_routes

       ember server

在瀏覽器運行：http://localhost:4200/，在界面上能看到「Welcome to Ember」說明項目搭建成功了！！