NodeJs 模板引擎

模板引擎

1 art-template模板引擎

art-template模板引擎，用来拼接字符串。

npm install art-template

const template = require('art-template');
const html = template('模板路径',数据);

const template = require('art-template');
const path = require('path');
const views = path.join(__dirname,'views','index.art');
const html = template(views,{
	name = '张三',
    age = '20',
    content:'<h2>标题</h2>',
});
//恶意情况下，若数据中携带HTML标签，模板引擎不解析标签，会将其转义输出
console.log(html);

2 模板引擎语法

• 标准语法：{{数据}}
• 原始语法：<%=数据%>
• 原文输出 用@

<!--index.art文件-->
<!--标准语法 -->
<p>{{ name }}</p>
<!--原文输出 用@-->
<p>{{ @content }}</p>
<!--原始语法 -->
<p><%= name %></%></p>

3 模板引擎条件判断

//1、标准语法
{{ if age > 18 }}
	年龄大于18
{{ /if }}
//多条件判断
{{ if num > 100 }}
	数量大于100
{{ else if num > 200 }}
  	数量大于100小于200
{{ else}}
 	不符合
{{ /if }}
  
//2、原始语法
<% if (age > 18) { %>
    年龄大于18
<% } %>  
//多条件判断
<% if (num > 100) { %>
    数量大于100
<% }else if (num < 200) {%>
    数量大于100小于200
<% } else { %>   
    不符合
<% } %> 

4 循环

• 标准语法：{{each 数据}} {{/each}}
• 原始语法：<% for() {%> <%}%>

初从文，三年不中；后习武，校场发一矢，中鼓吏，逐之出；遂学医，有所成。自撰一良方，服之，卒。

初入学，择室而习；

5 子模板

使用子模板可以将网站公告区域（头部、底部）抽离到单独的文件中。

• 标准语法：{{ inlude ‘模板’ }}
• 原始语法：<% include(‘模板’) %>

//头部公共部分
{{ include './header.art'}}
<div>123</div>
//尾部公共部分
<% include('./footer.art')%>

6 模板配置

1. 向模板中导入变量：template.defaults.imports.变量名 = 变量值;
2. 设置模板根目录：template.defaults.root = 模板目录;
3. 设置默认模板后缀：template.defaults.extname = 后缀名;

变量值;
2. 设置模板根目录：template.defaults.root = 模板目录;
3. 设置默认模板后缀：template.defaults.extname = 后缀名;