模板引擎art-template简介
art-template是node.js的一个第三方模块,用于字符串拼接,使得字符串拼接相关代码更简洁,易于维护
基本使用方法:
- npm install art-template 下载安装
- const template = require(‘art-template’) 导入模块,返回一个方法
- template(‘模板路径’,{ 用到的数据 }) 调用该方法进行字符串拼接,返回拼接好的字符串
- 模板一般是一个.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