黑马程序员技术交流社区

标题: 【成都校区】-- 模板引擎art-template [打印本页]

---

作者: 小刀葛小伦    时间: 2020-2-28 15:29
标题: 【成都校区】-- 模板引擎art-template


模板引擎

- 第三方模块 art-template npm i 下载
- const template = require('art-template');
- const html = template('模板路径/模板文件.art',数据);

模板语法

- 输出
  1. 标准语法 {{ 值/表达式 }} 特殊情况(包含标签) {{@值}}
  2. 原始语法 <% = 值/表达式 %> 特殊情况(包含标签) <%-值%>
- 条件判断
  1. 标准语法: {{if 条件}} {{/if}} // {{if 条件}} {{else if 条件}} {{/if}}
  2. 原始语法：<% if(value){%> ...<% } %> //  <% if(v1){%>...<%} else if(v2){%>...<%}
- 循环
  1. 标准语法：{{each 数据}} {{$index}} {{ $value}} {{/each}}
  2. 原始语法：<% for(var i = 0;i<6;i++>){%>...<%} %>
- 子模板
  1. 标准语法：{{include '模板路径'}}
  2. 原始语法：<% include('模板路径') %>
- 模板继承
  1. 通过 block 预留位置 {{block 'content'}} {{/block}} {{block 'head'}} {{/block}}
  2. {{extend './layout.art'}}

模板配置

- 向模板中导入变量 template.defaults.imports.变量名 = 变量
- 设置模板根目录 template.defaults.root = path.join(\_\_dirname,'views')
- 设置模板后缀 template.defaults.extname ='.art' 或者 '.html'
- 处理静态资源访问模块 serve-static

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2