在node中使用模板引擎---art-template

最新推荐文章于 2022-04-29 13:37:22 发布

郑敬儒~

最新推荐文章于 2022-04-29 13:37:22 发布

阅读量422

点赞数

分类专栏： Node 文章标签： node

本文链接：https://blog.csdn.net/qq_45830543/article/details/112992959

版权

Node 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

art-template是一个简约、超快的模板引擎；它不仅可以使用在浏览器中，也可以使用在node中。
模板引擎最早是使用于服务器端，后来才发展到了前端。

首先是它的安装，我们可以在官方文档中看到，它的安装只需要一行命令
为了方便，下面是官网文档的地址：

https://aui.github.io/art-template/zh-cn/index.html

1.安装

在这里插入图片描述
该命令在哪个目录下执行，就会把包安装到哪里，默认会安装在node_modules 目录中。node_modules 目录不支持更改。

安装结果如图：
在这里插入图片描述
当你的文件目录下出现node_modules这个目录，说明模板引擎已经安装成功。

2.在需要的文件模块中加载 art-template

加载模板引擎只需要使用require方法加载就可以。
即：require('art-template')
参数中的art-template就是你下载的包的名字，也就是说你install的包的名字是什么，require中就是什么。

3.查文档，使用模板引擎的API

var template = require('art-template')

// template.render('模板字符串', 替换对象);
var tplStr = 
`
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <p>大家好，我们是：{{name}}</p>
    <p>出道{{age}}岁了</p>
    <h1>我们来自{{country}}</h1>
    <p>我们的作品有：{{each songs}} {{$value}} {{/each}}</p>
  </body>
</html>

`
var res = template.render(tplStr, {
    name: 'BTS',
    age: 7,
    country: 'korean',
    songs:
        [
            'fake love',
            'run',
            'I need you'
        ]
})

console.log(res);