模板引擎artTemplate

模板引擎artTemplate

---

1. 基础概念

1.1 模板引擎★★★

模板引擎（这里特指用于Web开发的模板引擎）是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎就会生成一个标准的HTML文档。

让开发者以更加友好的方式拼接字符串，使项目代码更加清晰、更加易于维护。

1.2 art-template模板引擎★★★

介绍

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

特性

• 拥有接近 JavaScript 渲染极限的的性能
• 调试友好：语法、运行时错误日志精确到模板所在行；支持在模板文件上打断点（Webpack Loader）
  支持 Express、Koa、Webpack
• 支持模板继承与子模板
• 浏览器版本仅 6KB 大小

2. 模板语法

2.1 输出★★★

标准语法：

{
   {
   value}}
{
   {
   data.key}}
{
   {
   data['key']}}
{
   {
   a ? b : c}}
{
   {
   a || b}}
{
   {
   a + b}}

原始语法：

<%= value %>
<%= data.key %>
<%= data['key'] %>
<%= a ? b : c %>
<%= a || b %>
<%= a + b %>

2.2 原文输出★★★

标准语法：

{
   {
   @ value }}

原始语法：

<%- value %>

2.3 条件判断★★★

标准语法：

{
   {
   if value}} ... {
   {
   /if}}
{
   {
   if v1}} ... {
   {
   else if v2}} ... {
   {
   /if}}

原始语法：

<% if (value) {
    %> ... <% } %>
<% if (v1) {
    %> ... <% } else if