Ajax_艺术模板 art-template-web

Posted 2021-01-29 我即狂澜，且力不可挽

艺术模板 art-template____jQuery 项目可用

最快的模板渲染引擎

兼容 ejs 语法

 

推荐语法

{{each arr}}

{{$value}} ---- {{$index}}

{{/each}}

 

{{if arr}}

{{arr}}

{{/if}}

1. 引入 template-web.js 库

<script type="text/html" src="./js/template-web.js"></script>

2. 创建模板代码 

1) 创建 script 标签，将其 type 改为 text/html

 

2) 设置一个 id 属性

 

3) 写模板代码

5

const arr = [{name: ‘jaek‘, age:20}, {name:‘rose‘, age:18}];

const obj = {name: ‘jaek‘, age:20};

3. template(元素id, {要渲染的数据}) 将模板代码解析为 标签字符串 

传一个数组 data， 接的就是一个同名的数组 data[0].name

传一个对象 obj，接的就是一个同名的对象 obj.name

返回的是一个 htmlStr，用于追加到 页面生效

4. 将生成的 标签字符串 渲染到 页面上生效

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5