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

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);

结果:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_45830543/article/details/112992959
今日推荐