Express使用art-template模板引擎

时间：2022-12-24 23:06:07

第一步：安装

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>

相关文章