本篇文章是最近在公司里做項目的時候，嘗試配置路由的過程。由於頭尾，和路由主體，包括控制器組長都已配置好，我這里只是單純的寫一些配置單個副頁面的過程。大家肯定會有看不懂的地方，后續會陸續更新完整的配置全套路由的方法。如果想看完整的配套路由方法，抱歉，讓你們失望了，我也是個程序媛小白一枚~~~。
好，現在切入正題：我工作的步驟如下：
一.分別在css，js，tpls文件夾里面比照同事建立文件夾，然后將原靜態頁面的css，HTML等導入：
①首先是css，直接復制粘貼原有靜態頁面的css到新建css文件里面正確的地方即可。
②.然后是html,復制好html后，將HTML文件在編輯器中打開，去掉頭尾，最后變成類似如下形式，然后保存即可：
/*<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>H+ 后台主題UI框架 - 主頁</title> </head> <body> 這些都刪去，包括尾部 */
<div id="wrapper"> 這里是去頭去尾后，中間的內容，也就是說，只留#wrapper這個div里面的內容 </div> /*</body> </html>*/
③.這一步是導入js，我是直接復制粘貼了組長這個js里面的所有文件，然后在router.js里面,進行我的單頁面的路由配置（也就是在他的基礎上更該頁面名稱和路徑等）。也就是說，正式的路由配置工作就是在router.js文件里面的完成的。順便說一下，這幾個路由頁面名字都是固定的，稍微熟悉angular的人都應該了解這些是什么意思。
二、下面是更改好的router.js的頁面
這步完成后，其實也算是基本完成了。
/*
* Date: 2017-04-12
* Author: panzehui
*/
mingzi.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider){ //這里的 $stateProvider 和 $urlRouterProvider 指的是兩種路由的方式。本例中只用了第一種，第二種可不寫。
$stateProvider
//主體(也就是導入頭部和尾部)
.state('class', {
url: '/class',
templateUrl: 'tpls/public/main.html'
})
//導入剛才刪除頭尾的頁面
.state('class.mygrade', { //這里面class.mygrade的意思是：class里面的mygrade的頁面，mygrade是頁面的名字。class.mygrade里面的“.”還是指的是“的”，xx里面的xx。
url: '/mygrade', //這里很多人都會搞混，這里指的是最后一級子級是誰
templateUrl: 'tpls/class/mygrade.html' //mygrade頁面的路徑。
})
//如果這個mygrade.html里面還有很多如選項卡一般的小面板子頁，就可進行如下配置，比如說mygrade.html里面還有一個message.html的頁面,
.state('class.mygrade.message', {
url: '/message',
templateUrl: 'tpls/class/message.html' + '?timeStamp=' + (new Date()).getTime(), //這里加號后面的意思后續再進行解釋。
controller: 'perSetBasicinfoController' //這里也是，也可以添加新控制器，后續解釋。
})
}])
二、第三步就是一些收尾工作了：
我的步驟是需要在develope.html里面加入剛才添加的js和css的鏈接。js同理：
四、在地址欄輸入：
即可看到。
注意：如果，后面的class/mygrade其中有任何一個輸錯了，都會跳回到根目錄下，只剩頭尾，無中間內容。