- npm install art-template --save
/*
基于express使用artTemplate模板引擎
*/
const express = require('express');
const template = require('art-template');
const path = require('path');
const app = express();
// 设置模板的渲染函数
// 第一个参数指的是文件扩展名
// 第二个参数callback 是模板引擎的主函数，接受文件路径、参数对象和回调函数作为其参数。
app.engine('.html',template.__express);
// 设置模板文件的路径,放模板文件的目录
app.set('views',path.join(__dirname,'./views'));
// 设置默认的模板引擎，第二个参数指明视图文件的后缀
app.set('view engine','html');
// 指定在根目录渲染
app.get('/',(req,res) => {
let data = {
title : '水果',
list : ['apple','banana','orange']
};
// 参数一：模板名称；参数二：渲染模板的数据
res.render('test',data);
});
app.listen(3000,() => {
console.log('running...');
});
// text.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模板引擎测试</title>
</head>
<body>
<div>
<div>{{title}}</div>
<ul>
{{each list as item}}
<li>{{item}}</li>
{{/each}}
</ul>
</div>
</body>
</html>
网友评论