先安裝需要使用的包
cnpm install --save art-template
cnpm install --save express-art-template
配置(官網案例)
var express = require('express')
var express = require('express');
var app = express();
//配置使用art-template模板引擎
//第一個參數表示，當渲染以 .art 結尾時使用art-template模板引擎
//express-art-templet依賴於art-template 雖然不需要導入，但是必須安裝art-template
app.engine('html', require('express-art-template'));
app.set('view options', {
debug: process.env.NODE_ENV !== 'production'
});
app.get('/', function (req, res) {
//express為response對象提供了一個render方法
//render方法默認是不可用的,需要使用的話必須配置模板引擎
//參數1:模板名 參數2:模板數據
//第一個參數不能學路徑,默認去項目中的views目錄中去找該模板文件
//如果想要修改默認的views目錄 可以 app.set('views',render函數的默認路徑)
//比如 app.set('views','public')那就會去public目錄項去找模板文件
res.render('index.html', {
user: {
name: 'aui',
tags: ['art', 'template', 'nodejs']
}
});
});
這是我的404.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{user.name}}</title>
</head>
<body>
<h1>抱歉! 您訪問的頁面失聯啦...</h1>
<div>
<h1>{{user.name}}</h1>
<h1>
{{echo user.tags}}
<h2>{{ $value }}</h2>
</h1>
</div>
</body>
</html>
顯示結果為
抱歉! 您訪問的頁面失聯啦... express整合art-template art,template,nodejs