Express使用art-template模板引擎
Posted longbky
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Express使用art-template模板引擎相关的知识，希望对你有一定的参考价值。
第一步：安装
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>
以上是关于Express使用art-template模板引擎的主要内容，如果未能解决你的问题，请参考以下文章