視圖助手說明:
Express提供了一種叫做視圖助手的工具,他的功能是允許在視圖中訪問一個全局的函數或對象或變量,不用每次調用視圖解析的時候單獨傳入。例如partials(片段視圖)就是一個視圖助手。
它可以全局控制整個app的視圖變量,方法,比如每個模塊都需要引入的例如app的名稱和輸出請求地址等等。
注:express 4.x與之前版本的exprss有差別。下面以express 4.x為例:
1.靜態視圖助手
靜態視圖助手指的是該視圖變量,方法與請求無關,不會隨着請求的路徑,參數的改變而改變,一般指的是項目的名稱,地址等配置參數或者是公共的方法,這些變量,方法只能用在模板視圖里面,在本文章中的實例是以ejs為准,如果項目其他地方使用公共的變量,方法可以在global下新增加變量和方法。
>首先在app.js中添加語句(如下圖):
>此時,即在全局中添加了靜態視圖助手,那么,就可在整個app的視圖中的各處使用命令引用上圖定義的變量,並顯示變量和方法函數的值。(在本例子中,就是在ejs文件中添加引用語句)
此時在啟動服務器使用命令:npm start;在瀏覽器中輸入網址即可訪問引用了靜態視圖助手的效果:
localhost:3000即可看到:
2.動態視圖助手(動態視圖助手的實現方式和路由的方式相似,所以動態視圖助手要將語句放在路由的前面)
動態視圖助手指的是該視圖變量,方法與請求有關,一般用來解析請求信息,如用戶登錄信息,請求地址等。
實現步驟:
>首先,在app.js中添加動態視圖助手的語句(如下圖:):
>再次,在list.ejs文件中的body中添加語句:
>啟動服務器npm start,然后在瀏覽中輸入地址:http://localhost:3000/list;即可看到輸出的結果為:(如下圖)