doT.js 模板引擎

介绍

一个适用于混合开发的模板引擎
最近在做一个Apicloud的webApp,使用了Apicloud提供的api.js和doT.js

  • 1.特点是快,小,无依赖其他插件,可适用于webApp
  • 2.常用语法
{{ }}     模板标记符
{{= }}   输出显示,默认变量名叫it
{{! }}    编码后输出显示
{{? }}   条件分支,if条件的简写
{{~ }}   遍历数组
//使用步骤
数据源  : json
模板 :   数据显示的格式
区域 :   数据显示的位置
调用方试 : 填充数据

示例

1.模板

    
    
    
    
    
    
    
    

2.区域(最终显示的位置)

    
------赋值------
------循环------
------数组------
------条件------

3.数据源与调用方式

      

说明:

亲测在模板里{{= XXX}}、或者{{? XXX}}、即在"{{}}"内是可以直接使用全局变量以及方法名、 以及运算符
1.比如 {{= hostUrl + it.imageUrl}} 这里的hostUrl 为一个全局变量
2.{{= sayHello() }}这里sayHello()是一个有返回值的方法
3.使用三目运算符 {{? it.open ? "true":"false"}} 则条件真的时候返回true, 假的时候返回false

你可能感兴趣的:(doT.js 模板引擎)