模板引擎是第三方模块—让开发者更加友好的方式拼接字符串,使项目代码更加清晰、更加易于维护
下载
1、npm install art-template 命令进行下载
2、使用const template=require(‘art-template’)引入模板引擎
3、告诉模板引擎要拼接的模板在哪 const html =template(‘模板路径’,数据)
返回值就是拼接好的字符串
渲染模板
// 导入模板引擎模块
const template = require('art-template');
// 将特定模板与特定数据进行拼接
const html = template('./views/index.art', {
data: {
name: '张三',
age: 20
}
})
// 模板中的代码
<div>
<span>{
{
data.name}}</span>
<span>{
{
data.age}}</span>
</div>
模板语法
// art-template同时支持两种模板语法:标准语法和原始语法
// 标准语法可以让模板更加容易读写,原始语法具有强大的逻辑处理能力
// 标准语法{
{数据}}
// 原始语法<%=数据 %>
// 输出【用于解析html标签】
// 原文輸出 如果数据中携带html标签,默认模板引擎不会解析标签
{
{
@数据}}
<%-数据%>
// 条件判断 块可以根据条件显示哪块html代码
// 标准语法
{
{
if条件}}