Express使用html模板

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模板。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引...