art-template node.js模板引擎

官网https://aui.github.io/art-template/zh-cn/docs/index.html

在node.js中引进时，var artTemplate = require('art-template')
模板引擎之认标记，与内容无关

1.简介

art-template 是一个简约、超快的模板引擎。
它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器

2.安装

npm install art-template -save

3.语法

• 标准语法(常用)

{{if user}}
  <h2>{{user.name}}</h2>
{{/if}}

• 原始语法

<% if (user) { %>
  <h2><%= user.name %></h2>
<% } %>

• 变量的读取
  {{}}和${}效果类似
• 条件语法
  {{if value}}...{{/if}};
  {{if v1}}...{{else if v2}}...{{/if}}
• 循环语法

{{each target}}
  {{$index}}{{$value}}
{{/each}}

通过eache包裹，target是数组对象,在循环体内，通过 {{$index}}可以拿到索引{{$value}}可以拿到每个的值,可以只写一个，看需求。

4. API

• template(‘文件名’，变量)
  根据模板名渲染模板，返回渲染好的文本

var html = template('/welcome.art', {
    value: 'aui'
});

• render（‘模板字符串’，替换的对象）
  编译并返回渲染结果，返回渲染好的文本

 var htmlStr = artTemplate.render(htmlStr,{
                        fileList : data1
         })

5.node中模板引擎的使用

• 服务端渲染
  在我们的服务器已经把页面渲染好了然后返回给用户
  对seo比较友好
  ajax不利于爬虫去爬取数据
• 客户端渲染
  用户在访问这个页面的时候，我们这个页面并没有渲染完成，通过ajax进行渲染
  在一个正常的网站一定是客服端渲染和服务端渲染都存在的