node学习十三：art-template的使用

最新推荐文章于 2023-06-14 17:40:11 发布

zerobaek

最新推荐文章于 2023-06-14 17:40:11 发布

阅读量863

点赞数

分类专栏： node

本文链接：https://blog.csdn.net/zerobaek/article/details/84726569

版权

node 专栏收录该内容

20 篇文章 2 订阅

订阅专栏

官方文档：https://aui.github.io/art-template/zh-cn/docs/api.html

导入模板：

let template = require('art-template');

示例一：

mytpl.art：

{{if user}}
  <h2>{{user.name}}</h2>
{{/if}}

渲染模板：

let html = template(__dirname + '/mytpl.art', {
    user: {
        name: 'lisi'
    }
});
console.log(html);

示例二：

使用方法（可以不编写模板文件）

let tpl = '<ul>{{each list as value}}<li>{{value}}</li>{{/each}}</ul>';
let render = template.compile(tpl);
let ret = render({
    list : ['apple','orange','banana']
});
console.log(ret);

简写：

let tpl = '<ul>{{each list as value}}<li>{{value}}</li>{{/each}}</ul>';
let ret = template.render(tpl,{
    list : ['apple','orange','banana','pineapple']
});
console.log(ret);

示例三：

编写模板文件score.art：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>成绩结果</title>
</head>
<body>
    <div>
        <ul>
            <li>语文：{{chinese}}</li>
            <li>数学：{{math}}</li>
            <li>外语：{{english}}</li>
            <li>综合：{{summary}}</li>
        </ul>
    </div>
</body>
</html>

渲染模板：

let html = template(__dirname + '/score.art', {
    chinese : '120',
    math : '130',
    english : '146',
    summary : '268'
});
console.log(html);

zerobaek

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
node学习十三：art-template的使用

官方文档：https://aui.github.io/art-template/zh-cn/docs/api.html导入模板：let template = require('art-template');示例一：mytpl.art：{{if user}} &lt;h2&gt;{{user.name}}&lt;/h2&gt;{{/if}}渲染模板：let h...
复制链接

扫一扫