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;
});
【我們與眾不同】憑借對設計的熱愛和執著,互聯網營銷趨勢的敏銳洞察和深刻理解,與眾多同行不同的是,我們更注重與客戶互促共生,價值同在。
本文所有內容若需轉載請聯系我們。

文章分類

(*^▽^*)MG诙谐财富_官方版 哈尔滨麻将免费的 云南11选5规律 广东好彩一最新开奖 重庆快乐10分计划 981棋牌手机版查看详情 哪里能玩德州麻将 上海麻将连连看单机 贵阳微乐捉鸡麻将下 360排列五历史开奖号码 辽宁11选5开奖走势图 云南快乐10分走势图一定牛 海南环岛赛彩票 苹果6金博棋牌怎么下载 优乐抚州麻将下载 沪乐麻将安卓版下载 辽宁快乐12遗漏任五