Express使用art-template模板引擎

时间：2022-05-20 19:42:54

第一步：安装

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}}&emsp;密码：{{pwd}}</div>
    <ul>
        <li>下属</li>
        {{each list}}
        <li>{{$value}}</li>
    {{/each}}
    </ul>
</body>
</html>

 

标签：

相关文章