轻量级artTemplate引擎 实现前后端分离—语法篇（实战）

通过本系列文章，你将获得以下问题的答案：
1、什么是前后端分离
2、如何用artTemplate实现前后端分离
3、SpringMVC 实现后端 rest 接口
4、彻底解决ajax跨域访问
5、效果演示、demo源码下载

语法篇

上篇文章主要介绍了前后端分离与不分离的区别和优缺点；以及如何安装Node、运行demo；本篇文章主要讲解artTemplate的基本语法；

一、下载

可以直接下载源码阅读。

链接：http://pan.baidu.com/s/1eR2v8x8 密码：cl2w

结构如下

如果没有下载源码，可以在“二、阅读源码”中查看

二、阅读源码

grammarModule.html

 lang="utf-8">

 http-equiv="Content-Type" content="text/html; charset=utf-8" />

    

    
    
1、取值语法
     style="border-bottom: 1px solid #CCC;">
    {{content}}

    {{#content}}

    {{person.name}}-{{person.age}}

    

2、逻辑语法

style="border-bottom: 1px solid #CCC;"> {{if flag}} 我是Flag
{{/if}} {{if !flag}} 我不是Flag
{{/if}} {{if index == 0 }} index = 0 {{else if index > 0 && index < 5}} index 大于 0 并且 index 小于 5 {{else}} index = {{index}} {{/if}}

3、遍历语法（index，指下标）

style="border-bottom: 1px solid #CCC;"> {{each personList as person index}}

{{index}} : {{person.name}} - {{person.age}}

{{/each}}

4、子模板嵌套

style="border-bottom: 1px solid #CCC;"> {{include './grammarSub'}}

5、辅助方法

style="border-bottom: 1px solid #CCC;"> {{s1 | append:s2}}