express 内置的模板引擎与art-template模板引擎

模板渲染

---

express 内置的模板引擎

内置的模板引擎你不需要去注册一个模板引擎
ejs

<% js 逻辑代码 %>
    <% if(ture){ %>
        // 模板 一般模板就是html 标签
    <% } %>    
// 2模板渲染数据 <%= js渲染的数据%>
       
 <div><%= data.orderid%></div>    
                
              

使用art-template模板引擎

• 下载express-art-template art-template

• app.js中配置

  • 注册一个模板引擎
    • app.engine('.html',express-art-template);

  ​ 只要你的项目中用到模板，就必须要设置默认渲染引擎

  - 设置默认渲染引擎```app.set('view engine','.html');```
  

  • res.render(文件名,数据对象);
  • express这套使用，默认在当前app.js同级的views目录查找

模板语法：

(1).表达式
{{ 与 }} 符号包裹起来的语句则为模板的逻辑表达式

(2).输出表达式
2.1对内容编码输出：{{content}}
2.2不编码输出：{{#content}}

(3).变量

{{set temp = data.sub.content}}

(4).条件表达式
{{if admin}}
        <p>admin</p>
{{else if code > 0}}
       <p>master</p>
{{else}}
        <p>error!</p>
{{/if}}

(5).遍历表达式
无论数组或者对象都可以用 each 进行遍历。
{{each list as value index}}
    <li>{{index}} - {{value.user}}</li>
{{/each}}
亦可以被简写：
{{each list}}
     <li>{{$index}} - {{$value.user}}</li>
{{/each}}

(6).子模板（模板包含表达式）
a.用于嵌入子模板:
{{include './header.art'}}