模板引擎emplate-web.js的使用

一、使用步骤

1. 引入模板引擎js

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

2. 在需要渲染的数据HTML抽取模板

//需要渲染的数据格式
<tbody>
    <tr>
      <td>贤心</td>
      <td>2016-11-29</td>
      <td>人生就像是一场修行</td>
    </tr>
    <tr>
      <td>许闲心</td>
      <td>2016-11-28</td>
      <td>于千万人之中遇见你所遇见的人</td>
    </tr>
  </tbody>
//模板
<tbody>
	<!-- 表格数据的模板 -->
	<script type="text/html" id="tpl-table">
		{{each data}}
			<tr>
			<td>{{$value.name}}</td>
			<td>{{$value.alias}}</td>
			<td data-id='{{$value.Id}}'>
				<button type="button" class="layui-btn layui-btn-xs btn-edit">编辑</button>
				<button type="button" class="layui-btn layui-btn-danger layui-btn-xs btndel">删除</button>
			</td>
			</tr>
		{{/each}}
	</script>
</tbody>

3. 调用template函数

template('tpl-table',res);