js模板引擎laytpl的使用
在我们实际的开发过程中，可能会遇到使用ajax去后台获取一堆的数据，然后动态的渲染到页面上。比如：去后台获取一个list集合，然后将数据以表格的形式展示在页面上。另外一种可能发生的情况就是页面上需要批量增加数据信息等等。如果我们前台使用html动态的拼接的话，不利于后期的维护，而且也不利于阅读。因此就需要一个前台模板引擎帮我们解决这个问题。
laytpl是一个前端模板引擎，可以解决我们上面遇到的问题，并且使用简单，开发方便，模板渲染的效率也高。
laytpl官方网址: http://laytpl.layui.com/
一、laytpl的语法简单使用：
| {{ d.field }} | 输出文本，不转义html |
| {{= d.field }} | 输出文本，转义html |
| {{# if(条件){ }} ...{{# }else{ }}...{{# } }} | if else的写法 |
| {{# for(循环的内容) { }}....{{# } }} | for循环的写法 |
二、基于上方语法的一个小例子
代码示例：
基本使用
输出结果：
三、实现一个动态增加行和删除行的例子(模拟页面上的批量增加数据的操作)
代码：
基本使用
用户名
性别
年龄
操作
效果：