Express使用html模板

2021-10-01 21:45:03 字數 800 閱讀 3785

express預設使用jade模板,可以配置讓其支援使用ejs或html模板。

在專案根目錄安裝ejs.

npm install ejs

var ejs = require('ejs');

//我是新引入的ejs外掛程式

設定檢視引擎

儲存後重啟服務,即可訪問html檔案。

注:在express搭建的伺服器中,html引擎沒有被配置,直接新增即可;檢視引擎已配置,修改配置即可。

為什麼修改了檢視引擎還要增加設定html引擎?

我們先看一下.engine()這個方法。

因為載入的模板引擎後呼叫的是同乙個方法.__express,所以如果使用的是ejs模板,不用配置該項。

使用ejs模板,不用配置該項。

在.set()方法的引數中,有一項是』view engine』,表示沒有指定檔案模板格式時,預設使用的引擎外掛程式。如果這裡設定為html檔案,設定路由指定檔案時,只需寫檔名,就會找對應的html檔案。於此,腦洞大開,試了一下在views中建立3個檔案test.jade、test.ejs、test.html。路由設定如下。訪問正常!每個路由都指向對應的檔案。當然這種寫法是完全不被建議也不符合現實的。

router.get(』/test/』,function(req, res, next));

});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 ejs2 引入ejs var ejs require ejs 我是新引入的ejs外掛程式3 設定html引擎 設定檢視引擎 儲存後重啟服務,即可訪問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...

Express使用html模板

express預設使用jade模板,可以配置讓其支援使用ejs或html模板。1.安裝ejs 在專案根目錄安裝ejs.npm install ejs 2 引入ejs var ejs require ejs 我是新引入的ejs外掛程式 3 設定html引擎 設定檢視引擎 view engine htm...