node express使用HTML模板的方法示例

發(fā)布時(shí)間：2020-09-15 21:41:26 來源：腳本之家閱讀：138 作者：淺夏晴空欄目：web開發(fā)

前言

一般我們?cè)谧鰊ode web項(xiàng)目的時(shí)候，想使用我們平時(shí)常用的html模板，express默認(rèn)使用jade模板，本身是沒有HTML的，那么如何實(shí)現(xiàn)呢？

ejs模板配置

使用

var app = express();
app.set('views', path.join(__dirname, 'views'));
//設(shè)置視圖引擎
app.set('view engine', 'ejs');

html模板配置

安裝ejs

npm install ejs -D

引入

var ejs = require('ejs');

使用

var app = express();
var ejs = require('ejs');
app.set('views', path.join(__dirname, 'views'));
app.engine('html', ejs.__express);
app.set('view engine', 'html');

說明

app.engine(ext, cb)
app.engine('html', require('ejs').__express);

將ejs模板映射至.html文件；

上面實(shí)際上是調(diào)用了ejs的.renderFile()方法，ejs.__express是該方法在ejs內(nèi)部的另一個(gè)名字。

因?yàn)榧虞d的模板引擎后調(diào)用的是同一個(gè)方法.__express，所以如果使用的是ejs模板，不用配置該項(xiàng)。

app.set(name, value)

在.set()方法的參數(shù)中，有一項(xiàng)是'view engine'，表示沒有指定文件模板格式時(shí)，默認(rèn)使用的引擎插件；

如果這里設(shè)置為html文件，設(shè)置路由指定文件時(shí)，只需寫文件名，就會(huì)找對(duì)應(yīng)的html文件。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

node express使用HTML模板的方法示例

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽