express預設使用jade模板,可以配置讓其支援使用ejs或html模板。
1. 安裝ejs
在專案根目錄安裝ejs.
npm install ejs2、引入ejs
var ejs = require('ejs'); //我是新引入的ejs外掛程式3、設定html引擎
設定檢視引擎
儲存後重啟服務,即可訪問html檔案。
注:在express搭建的伺服器中,html引擎沒有被配置,直接新增即可;檢視引擎已配置,修改配置即可。
修改的這些設定做了什麼操作?
為什麼修改了檢視引擎還要增加設定html引擎?
我們先看一下.engine()這個方法。
express預設使用jade模板。如果你嘗試載入 "foo.jade" 檔案,express內部會呼叫如下操作。
如果要使用其他模板引擎,如:將ejs模板對映至".html"檔案:
這行**中,實際呼叫了ejs的.renderfile()方法,ejs.__express是該方法在ejs內部的另乙個名字。
因為載入的模板引擎後呼叫的是同乙個方法.__express,所以如果使用的是ejs模板,不用配置該項。
使用ejs模板,不用配置該項。
在.set()方法的引數中,有一項是'view engine',表示沒有指定檔案模板格式時,預設使用的引擎外掛程式。如果這裡設定為html檔案,設定路由指定檔案時,只需寫檔名,就會找對應的html檔案。於此,腦洞大開,試了一下在views中建立3個檔案test.jade、test.ejs、test.html。路由設定如下。訪問正常!每個路由都指向對應的檔案。當然這種寫法是完全不被建議也不符合現實的。
router.get('/test/',function(req, res, next));官方api:});router.get('/test1/',function(req, res, next));
});router.get('/test2/',function(req, res, next){
:
Express使用html模板
express預設使用jade模板,可以配置讓其支援使用ejs或html模板。1.安裝ejs 在專案根目錄安裝ejs.npm install ejs 2 引入ejs var ejs require ejs 我是新引入的ejs外掛程式 3 設定html引擎 設定檢視引擎 view engine htm...
Express使用html模板
express預設使用jade模板,可以配置讓其支援使用ejs或html模板。在專案根目錄安裝ejs.npm install ejs var ejs require ejs 我是新引入的ejs外掛程式 設定檢視引擎 儲存後重啟服務,即可訪問html檔案。注 在express搭建的伺服器中,html引...
Express使用html模板
express預設使用jade模板,可以配置讓其支援使用ejs或html模板。1.安裝ejs 在專案根目錄安裝ejs.npm install ejs 2 引入ejs var ejs require ejs 我是新引入的ejs外掛程式 3 設定html引擎 設定檢視引擎 view engine htm...