本帖最后由 小刀葛小伦 于 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
|
|