第一步：安裝
npm install --save art-template
npm install --save express-art-template
第二步：指定.html使用的解析引擎(官方給出的是art)
app.engine('解析文件的后綴名', require('express-art-template'))
第三步：使用模板進行傳值
app.get('/', function (req, res) {
res.render('index.html', {
user: {
name: 'admin',
pad:'123456',
list: ['art', 'template', 'nodejs']
}
});
});
注意：express-art-template 默認的渲染的目錄是 views下面的，如果需要修改默認渲染路徑如下：
// 第一個參數 views 不能寫錯 app.set('views', 目錄路徑)
官方示例：
var express = require('express'); var app = express(); app.engine('art', require('express-art-template')); app.set('view options', { debug: process.env.NODE_ENV !== 'production' }); app.get('/', function (req, res) { res.render('index.art', { user: { name: 'aui', tags: ['art', 'template', 'nodejs'] } }); });
html代碼示例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>標題</title> </head> <body> <div id="app">賬號：{{name}} 密碼：{{pwd}}</div> <ul> <li>下屬</li> {{each list}} <li>{{$value}}</li> {{/each}} </ul> </body> </html>