模板引擎 art-template

art-template是Node.js的第三方模块,用于高效字符串拼接。本文介绍了模板引擎的基本使用方法,包括安装、导入和调用,以及模板语法,如输出内容、条件判断、循环、子模板和模板继承。此外,还讨论了模板配置,如导入变量、设置模板根目录和文件后缀。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

模板引擎art-template简介

art-template是node.js的一个第三方模块,用于字符串拼接,使得字符串拼接相关代码更简洁,易于维护

基本使用方法:

  1. npm install art-template 下载安装
  2. const template = require(‘art-template’) 导入模块,返回一个方法
  3. template(‘模板路径’,{ 用到的数据 }) 调用该方法进行字符串拼接,返回拼接好的字符串
  4. 模板一般是一个.art文件,在里面根据模板引擎的语法,让模板内容和数据进行拼接

示例:
在这里插入图片描述

模板语法

art-template 同时支持两种语法:

  • 标准语法: {{ 数据 }}
  • 原始语法:<%= 数据 %>
    标准语法让模板更容易读写,原始语法具有强大的逻辑处理能力
1. 输出内容

标准语法: {{ 输出内容 }}
原始语法:<%= 输出内容 %>
在这里插入图片描述
注意:如果数据中包含html标签,模板中默认不会解析,原文输出,如果确定数据中的标签安全,可以用以下语法解析数据中的html标签
标准语法:{{@ 数据 }}
原始语法:<%- 数据 %>

2. 条件判断

在这里插入图片描述

3. 循环

在这里插入图片描述

4. 子模板

使用字模板可以将多个模板中的公共部分提取出来,抽离到单独的文件中,比如网站的头部、尾部部分
在这里插入图片描述

5. 模板继承

模板继承可以将模板的HTML骨架抽离到一个文件中,其他模板可以继承该骨架模板
用法示例:
在骨架模板中用{{block}}{{/block}}占坑
在这里插入图片描述
在其他模板中,用{{extend ‘骨架模板路径’}},继承骨架模板
用{{block}}要填到模板中的内容{{/block}} 填坑
在这里插入图片描述

模板配置

  • 向模板中导入变量: template.defaults.imports.变量名=变量值 ;常用于向模板中导入一些方法,以便在模板文件中调用这些方法处理数据
  • 设置模板的根目录:template.defaults.root = ‘模板路径’
  • 设置模板文件的后缀:template.defaults.extname = ‘文件后缀名’,一般设置为.art
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值