express-art-template与art-template的基本使用

最新推荐文章于 2022-07-08 17:18:08 发布

南山有壶酒

最新推荐文章于 2022-07-08 17:18:08 发布

阅读量234

点赞数

分类专栏： nodejs 文章标签： node.js

本文链接：https://blog.csdn.net/weixin_45578684/article/details/125221861

版权

nodejs 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

npm i express-art-template
npm i art-template

服务端配置

app.engine('html',require('express-art-template'))
app.set('view options',{
    debug: process.env.NODE_ENV !== 'production'
})
app.set('views',path.join(__dirname,'views'))
app.set('view engine','html');

app.get("/",(req,res)=>{
    let data ={
        num1:21,
        num2:22,
        base:{
            a:"x",
            b:"y"
        },
        book:['b1','b2','b3']
    }
    res.render("index",data)
})

views文件夹下的html文件index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>{{num1}}</div>
    <div>{{num2}}</div>
    <div>{{base.a}}</div>
    <div>{{base.b}}</div>
    <ul>
        {{each book}}
           <li> {{$index}} {{$value}}</li>
        {{/each}}
    </ul>
    {{if num1 < num2 }}
        <p>我不一定会展示</p>
    {{/if}}
</body>
</html>