layui系列一:模板引擎 layui.laytpl

第一步:编写模版。你可以使用一个script标签存放模板,如:

第二步:建立视图。用于呈现渲染结果。

第三步:渲染模版

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




  
  
  layui模板引擎
  
  


 
效果图:

layui系列一:模板引擎 layui.laytpl_第1张图片



你可能感兴趣的:(layui)