一、模板引擎

1.1模板引擎概述

作用：使用模板引擎提供的模板语法，可以将数据和 HTML 拼接起来。
官方地址： https://aui.github.io/art-template/zh-cn/index.html

1.2使用步骤

下载 art-template 模板引擎库文件并在 HTML 页面中引入库文件

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

准备 art-template 模板

 <script id="tpl" type="text/html">     <div class="box"></div> </script>

告诉模板引擎将哪一个模板和哪个数据进行拼接

var html = template('tpl', {   username: 'zhangsan', age: '20'});

将拼接好的html字符串添加到页面中

 document.getElementById('container').innerHTML = html;

通过模板语法告诉模板引擎，数据和html字符串要如何拼接

<script id="tpl" type="text/html">     <div class="box"> {   {    username }} </div> </script>

也可以实现循环。

例子：

<!DOCTYPE html><html lang="en"><head>	<meta charset="UTF-8">	<title>Document</title>	<!-- 1. 将模板引擎的库文件引入到当前页面 -->	<script src="/js/template-web.js"></script></head><body&g