Mongodb：模版引擎第三方模块及简单代码示例

最新推荐文章于 2022-09-29 09:17:53 发布

奄奄一息的一条咸鱼

最新推荐文章于 2022-09-29 09:17:53 发布

阅读量122

点赞数

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

本文链接：https://blog.csdn.net/weixin_46682277/article/details/119960262

版权

Mongodb 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

模版引擎是一个第三方模块，它可以让我们以更友好的方式拼接字符串，使代码更清晰、更易于维护。

art-template模版引擎
因为art-template是node.js中的第三方模块，因此要使用npm install art-template命令进行下载。
然后在js文件中引入该模块：require(‘art-template’)，它会返回一个方法，调用该方法可以告诉模版引擎我们要拼接的数据和模版在哪，该方法的第一个参数是模版路径，第二个参数是要在模版中展示的数据，可以是个对象形式，该方法也有一个返回值，就是拼接好的字符串，可以同通过一个变量来接收。
在这里插入图片描述
tips：模版的后缀为.art，这是模版引擎规定好的，但无论模版引擎的后缀是什么，它里面写的都是html文本。

代码操作示例：

// 以下代码在app.js文件中
// 导入模版引擎 拼接字符串
const template = require('art-template');
// 因为要拼接字符串，导入path路径模块
const path = require('path');
// 模版路径  绝对路径
const views = path.join(__dirname,'views','index.art');
// template方法的第一个参数就是模版路径，第二个参数是在模版当中要展示的数据，是对象形式
// 返回一个拼接好的字符串，用变量html来接收它
const html = template(views,{
    name:'李四',
    age:36,
    sex:'男'
})
console.log(html)

// 以下代码在index.art文件中
<!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>
   {{name}}
   {{age}}
   {{sex}}
</body>
</html>

最后node执行结果如下，标签body之间的内容已经替换成了实际的数据：
在这里插入图片描述

奄奄一息的一条咸鱼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Mongodb：模版引擎第三方模块及简单代码示例

模版引擎是一个第三方模块，它可以让我们以更友好的方式拼接字符串，使代码更清晰、更易于维护。art-template模版引擎因为art-template是node.js中的第三方模块，因此要使用npm install art-template命令进行下载。然后在js文件中引入该模块：require(‘art-template’)，它会返回一个方法，调用该方法可以告诉模版引擎我们要拼接的数据和模版在哪，该方法的第一个参数是模版路径，第二个参数是要在模版中展示的数据，可以是个对象形式，该方法也有一个返回值，
复制链接

扫一扫