laytpl实践

<div id="view"></div>

<script>
    layui.config({
        base: '__PUBLIC__/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'Bw', 'laytpl'], function(){
        var laytpl = layui.laytpl;

        var data = { //数据
            "title":"Layui常用模块"
            ,"list":[{"modname":"弹层","alias":"layer","site":"layer.layui.com"},{"modname":"表单","alias":"form"}]
        }
        var getTpl = demo.innerHTML
                ,view = document.getElementById('view');

        laytpl(getTpl).render(data, function(html){
            view.innerHTML = html;
        });

        //读取数据的方法
        $.getJSON("demo_ajax_json.js",function(result){
            laytpl(getTpl).render(result, function(html){
                view.innerHTML = html;
            });
        });
    });
</script>

<script id="demo" type="text/html">
    <h3>{{d.title}}</h3>
</script>

转载于:https://www.cnblogs.com/xrxiaolong/articles/10224174.html