模板引擎总结
作用:使用模板引擎提供的模板语法,可以将数据和 HTML 拼接起来。
官方地址: https://aui.github.io/art-template/zh-cn/index.html
下载 art-template 模板引擎库文件并在 HTML 页面中引入库文件
//这里写的是绝对路径去掉.
准备 art-template 模板//模板id=‘tpl’ 注意; type=“text/html”
告诉模板引擎将哪一个模板和哪个数据进行拼接
模板引擎内置的方法template(‘id’,数据)第一个参数:模板的id.第二个参数:数据,一定要是对象
var html = template(‘tpl’, {username: ‘zhangsan’, age: ‘20’});
将拼接好的html字符串添加到页面中
document.getElementById(‘container’).innerHTML = html;
通过模板语法告诉模板引擎,数据和html字符串要如何拼接`