A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 小刀葛小伦 于 2020-2-28 15:40 编辑

模板引擎

- 第三方模块 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

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马