NodeJS+ Express 4.x + ejs+視圖助手(靜態和動態)案例詳解


視圖助手說明:

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;即可看到輸出的結果為:(如下圖)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM