結構都差不多，基本複製貼上改一下名稱就行了，有點不同的是書籍詳情頁，需要從url裡讀取引數並轉化為object格式，最後傳遞到模板裡
*10.7頁面路由的完整開發 */
//主頁ejs模板路由
this.set('cache-control','no-cache');//設定http返回頭，不快取內容
this.body=yield render('index',);//如果用不上的話這裡可以不傳遞引數
//yield語句 是es6的語言特性generator函式，用於完成非同步函式的執行，阮一峰的部落格介紹得比較詳細
//render的引數1是模板(html檔案)的名字,在初始化render時設定的路徑裡尋找，引數2是傳入模板的"變數:變數值"鍵值對
//引數2並不一定要傳進去，如果模板用不上這個引數的話
}));
//排行ejs模板路由
this.set('cache-control','no-cache');//設定http返回頭，不快取內容
this.body=yield render('rank',);
//yield語句 是es6的語言特性generator函式，用於完成非同步函式的執行，阮一峰的部落格介紹得比較詳細
//render的引數1是模板(html檔案)的名字,在初始化render時設定的路徑裡尋找，引數2是傳入模板的"變數:變數值"鍵值對
}));
//男頻ejs模板路由
this.set('cache-control','no-cache');//設定http返回頭，不快取內容
this.body=yield render('male',);
//yield語句 是es6的語言特性generator函式，用於完成非同步函式的執行，阮一峰的部落格介紹得比較詳細
//render的引數1是模板(html檔案)的名字,在初始化render時設定的路徑裡尋找，引數2是傳入模板的"變數:變數值"鍵值對
}));
//女頻ejs模板路由
this.set('cache-control','no-cache');//設定http返回頭，不快取內容
this.body=yield render('female',);
//yield語句 是es6的語言特性generator函式，用於完成非同步函式的執行，阮一峰的部落格介紹得比較詳細
//render的引數1是模板(html檔案)的名字,在初始化render時設定的路徑裡尋找，引數2是傳入模板的"變數:變數值"鍵值對
}));
//目錄ejs模板路由
this.set('cache-control','no-cache');//設定http返回頭，不快取內容
this.body=yield render('category',);
//yield語句 是es6的語言特性generator函式，用於完成非同步函式的執行，阮一峰的部落格介紹得比較詳細
//render的引數1是模板(html檔案)的名字,在初始化render時設定的路徑裡尋找，引數2是傳入模板的"變數:變數值"鍵值對
}));
//書籍詳情ejs模板路由(需要讀取位址列輸入url裡的引數)
this.set('cache-control','no-cache');//設定http返回頭，不快取內容
var params=querystring.parse(this.req._parsedurl.query);//讀取位址列url引數並轉為結構體格式
var id=params.id;//賦值給本地變數
this.body=yield render('book',);//將引數傳入模板
//yield語句 是es6的語言特性generator函式，用於完成非同步函式的執行，阮一峰的部落格介紹得比較詳細
//render的引數1是模板(html檔案)的名字,在初始化render時設定的路徑裡尋找，引數2是傳入模板的"變數:變數值"鍵值對
}));
//搜尋ejs模板模板路由
this.set('cache-control','no-cache');//設定http返回頭，不快取內容
this.body=yield render('search',);
//yield語句 是es6的語言特性generator函式，用於完成非同步函式的執行，阮一峰的部落格介紹得比較詳細
//render的引數1是模板(html檔案)的名字,在初始化render時設定的路徑裡尋找，引數2是傳入模板的"變數:變數值"鍵值對
}));
h5頁面開發
相信大家在做h5頁面開發的時候，也會遇到一些問題。筆者將h5開發過程中常見的一些問題和解決辦法列舉出來，有需要的朋友可以參考一下。1.安卓瀏覽器看背景，有些裝置會模糊。同等比例的在pc端頁面和移動手機端頁面的解析度差很多，原因和devicepixelratio有關。手機解析度比pc端的解析度小，按照...
vuejs開發H5頁面總結
vuejs開發h5頁面總結 關於布局方案 當拿到設計師給的ui設計圖，前端的首要任務就是布局和樣式，相信這對於大部分前端工程師來說已經不是什麼難題了。移動端的布局相對pc較為簡單，關鍵在於對不同裝置的適配。之前介紹了一篇關於移動端rem布局方案，這大致是網易h5的適配方案。不過實踐中發現 開源的可伸...
vue 移動端開發筆記2 頁面開發
各個模組的頁面開發 一 登入頁面 布局 二 總結 能實現登入頁面的布局 能實現基本登入功能 能掌握 vant 中 toast 提示元件的使用 能理解 api 請求模組的封裝 能理解傳送驗證碼的實現思路 能理解 vant form 實現表單驗證的使用 2 示例 login container 登入 c...