Express使用html模板

2021-09-20 04:54:14 字數 1364 閱讀 4408

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

1. 安裝ejs

在專案根目錄安裝ejs.

npm install ejs

2、引入ejs

var ejs = require('

ejs'); //

我是新引入的ejs外掛程式

3、設定html引擎

設定檢視引擎

view engine

', '

html

');

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

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

修改的這些設定做了什麼操作?

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

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

express預設使用jade模板。如果你嘗試載入 "foo.jade" 檔案,express內部會呼叫如下操作。

jade

', require('

jade

').__express);

如果要使用其他模板引擎,如:將ejs模板對映至".html"檔案:

html

', require('

ejs').__express);

這行**中,實際呼叫了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));

});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模板。在專案根目錄安裝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...