-
【jquery Ajax 】art-template模板引擎的概念与使用
✍️ 作者简介: 前端新手学习中。
💂 作者主页: 作者主页查看更多前端教学
🎓 专栏分享：css重难点教学 Node.js教学 从头开始学习目录
模板引擎的基本概念
渲染UI结构时遇到的问题
- $.each(res.data, function (i, item) {
- var str = `
- 评论时间：${item.time}
- 评论名称：${item.username}
- ${item.content}
- `
- rows.push(str)
- })
- $('#cmt-list').empty().append(rows)
上述代码是通过字符串拼接的形式，来渲染UI结构。
如果UI结构比较复杂，则拼接字符串的时候需要格外注意引号之前的嵌套，如果需求发生变化，修改起来也非常麻烦。
什么是模板引擎
模板引擎，顾名思义，它可以根据程序员指定的模板结构和数据，自动生成一个完整的HTML界面。
模板引擎的好处
- 减少了字符串的拼接操作
- 使代码结构更清晰。
- 使代码更易于阅读与维护。
art-template简介
art-template是一个简约，超快的模板引擎，中文官网首页为首页
art-template安装
在浏览器中访问http://aui.github.io/art-template/zh-cn/docs/installation.html,找到下载链接后，鼠标右键，选择“链接另存外”，将art-template下载到本地，然后，通过