## 前言 本文主要介紹 http://10.0.16.26:1042/guest/1/51305/510770/1?sign=test&t=1 ，地址中各個參數的含義以及項目中對應的代碼解釋。 ## 路由匹配 ### 匹配原則 在封裝的web框架中，路由定義有兩種，一種是config/routes.js， ``` module.exports = { 'get /':"index.showHome", 'post /login':'index.getDate' } ``` 另一種是直接在控制器中定義全局的路由的meta ``` module.exports.meta ={ getDate:{ url:'/login', methods:['post'], bodyParser:true } } ``` 備注：模塊說明地址：[https://npm.taobao.org/package/kk-koa-framework](https://npm.taobao.org/package/kk-koa-framework) ### 匹配結果 #### 控制層在/src/controller/standard.js 匹配到的為live,路由為：/:identity/:userId/:lessonId/:periodId/:partId，其中identity為變量，代表身份，為guest的時候只能看到課件，為teacher的時候，可以看到互動白板，使用的視圖為index,主要內容：改變語言；websocket的連接糾正；過濾視頻列表 其中identify的有效值，teacher/student/guest,會定義在window.system.identify；guest的時候沒有工具欄，學生的時候顯示部分工具，老師顯示全部工具欄，翻頁的時候顯示全部。 第二個參數為lesson ID，也就是51305； 第三個參數為課時id，也就是510770； 第四個參數為partid，為1 ； #### /index.js 另外也會進入到/index.js 中，匹配到的為index,路由為/:periodId，使用的視圖為vroom，主要內容，返回libs的資源包。 ## 頁面 頁面在views/index.pug中，其中div的關鍵屬性data-entry-class="Main" 代表了白鷺引擎的入口是整個白板項目src項目Main.ts。 其中有個方法是控制是否顯示控制板的， ``` // 控制system中的控制面板的值改變 window.showControlPanel = function(flag){ if(window.system){ window.system.controlPanel = flag } } // online/vroom直播中 根據等級和是否是學生 去執行window.showControlPanel方法，改變window.system.controlPanel 的值。 if(this.isLv2 && this.isStudent){ LessonAgoraSubject.next({ type:"controlState", v:0 }) window.showControlPanel(0) } ```