• Ajax--form表单与模板引擎--模板引擎的基本概念 - art-template模板引擎

    渲染UI结构时遇到的问题

    1. var rows = []
    2. $.each(res.data, function (i, item) { // 循环拼接字符串
    3.     rows.push('
    4. '+ item.content +'评论时间：'+ item.time +'评论人：'+ item.username +'
      5. ')
  • })
  • $('#cmt-list').empty().append(rows.join('')) // 渲染列表的UI结构

    • 上述代码是通过字符串拼接的形式，来渲染UI结构。

    如果UI结构比较复杂，则拼接字符串的时候需要格外注意引号之前的嵌套。且一旦需求发生变化，修改起来也非常麻烦。

    什么是模板引擎

    模板引擎，顾名思义，它可以根据程序员指定的模板结构和数据，自动生成一个完整的HTML页面。

    模板引擎的好处

    ①减少了字符串的拼接操作

    ②使代码结构更清晰

    ③使代码更易于阅读与维护

    art-template简介

    art-template 是一个简约、超快的模板引擎。中文官网首页为 art-template

     

    art-template的安装

    在浏览器中访问 安装 - art-template 页面，找到下载链接后，鼠标右键，选择“链接另存为”，将 art-template 下载到本地，然后，通过