第一步：安装
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>
原文地址：https://www.cnblogs.com/longbky/p/9712247.html
时间： 2024-09-30 05:12:11