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

 


以上是关于Express使用art-template模板引擎的主要内容,如果未能解决你的问题,请参考以下文章

Express使用art-template模板引擎

art-template视图引擎express

node--express模板引擎

js模板引擎art-template使用方法

Express与传统Web应用(服务端渲染art-template模板引擎配置静态资源托管)

在node和express中配置使用art-template