laytpl js模板引擎

網站編輯 :2020-03-14 21:32 / 海口網站建設 / 技術分享
引入文件
<script src="../js/laytpl.js"></script>
//第一步:編寫模版。你可以使用一個script標簽存放模板,如:
<script id="demo" type="text/html">
  <h3>{{ d.title }}</h3>
  <ul>
  {{#  layui.each(d.list, function(index, item){ }}
    <li>
      <span>{{ item.modname }}</span>
      <span>{{ item.alias }}:</span>
      <span>{{ item.site || '' }}</span>
    </li>
  {{#  }); }}
  {{#  if(d.list.length === 0){ }}
    無數據
  {{#  } }} 
  </ul>
</script>
 
//第二步:建立視圖。用于呈現渲染結果。
<div id="view"></div>
 
//第三步:渲染模版
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;
});
【我們與眾不同】憑借對設計的熱愛和執著,互聯網營銷趨勢的敏銳洞察和深刻理解,與眾多同行不同的是,我們更注重與客戶互促共生,價值同在。
本文所有內容若需轉載請聯系我們。

文章分類

yp街机斗三公 今天江西多乐彩开奖走势图 山西快乐十分历史开奖 幸运农场杀19码技巧 彩宝彩票官方网站-点击登陆 浙江飞鱼彩票历史开奖 秒速飞艇技巧 云彩彩票官方网站-Welcome p3试机号体彩排列三试机号 2021海南环岛赛赛程 pk10演算方案 体彩云南时时彩开奖结果 云南11选5开奖走势图手机版 湖南幸运赛车玩法规则 加拿大有快乐8吗 江西多乐彩出号走势图彩带 江苏时时彩走势图