layui 模板引擎 例子

//数据模板

<script type="text/html" id="editMenuPl">
    <table id="wdy-table" class="layui-table">
        <tr>
            <th>功能名称</th>
            <th>路径</th>
            <th>操作</th>
        </tr>
        {{#  layui.each(d, function(index, item){ }}
        <tr><td>{{item.functionName}}</td>
            <td>{{item.functionUrl}}</td>
            <td>

                <button class="layui-btn layui-btn-sm layui-btn-warm" onClick="beforeRename({{"'"+item.id+"'"}})">编辑</button>
                <button class="layui-btn layui-btn-sm layui-btn-danger" onClick="beforeRemove({{"'"+item.id+"'"}})">删除</button>
            </td>
        </tr>
        {{# }); }}
    </table>
</script>

//渲染数据容器

<div id="view">


</div>

//ajax 请求成功以后的回调函数

success: function success(ret){
        console.log(ret.data);
        var editMenu=document.getElementById("editMenuPl").innerHTML;var view=document.getElementById("view");
        laytpl(editMenu).render(ret.data,function (html) {
            view.innerHTML = html;

        });
    }