<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<!-- 编写模版 -->
<script id="template" type="text/html">
<h1>{{d.name}}</h1>
<h1>{{d.age}}</h1>
<h1>{{=d.content}}</h1>
<h1>
{{# if(d.age == 18){ }}
十八
{{# }else{ }}
6666666
{{# } }}
</h1>
</script>
<!-- 建立视图 -->
<div id="view"></div>
</body>
<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
<script type="text/javascript" src="js/layui/layui.js"></script>
<script>
test2();
//同步渲染
function test1(){
layui.use("laytpl",function(){
var laytpl = layui.laytpl;
//数据
var data = {"name":"哈哈", "age":18};
//获取模版内容
var template = $("#template").html();
//渲染模版
var html = laytpl(template).render(data);
//将渲染好的模版注入视图中
$("#view").html(html);
});
}
//异步渲染
function test2(){
layui.use("laytpl",function(){
var laytpl = layui.laytpl;
//数据
var data = {"name":"哈哈", "age":49, "content":"<h3>标题</h3>"};
//获取模版内容
var template = $("#template").html();
console.log(1111111);
//渲染模板注入视图
laytpl(template).render(data,function(html){
console.log(22222222);
$("#view").html(html);
});
console.log(3333333333);
});
}
</script>
</html>
layer模板引擎的使用
需积分: 48 23 浏览量
2018-11-28
10:53:25
上传
评论
收藏 653KB RAR 举报
layer模板引擎的使用 （110个子文件） 
layui.css 68KB layer.css 14KB layui.mobile.css 10KB laydate.css 7KB code.css 1KB iconfont.eot 40KB
59.gif 10KB 22.gif 10KB 24.gif 8KB 13.gif 7KB 16.gif 7KB 39.gif 6KB 64.gif 6KB 63.gif 6KB 50.gif 6KB loading-0.gif 6KB 4.gif 6KB 1.gif 5KB 42.gif 5KB 71.gif 5KB 21.gif 5KB 20.gif 5KB 29.gif 5KB 70.gif 4KB 5.gif 4KB 17.gif 4KB 27.gif 4KB 9.gif 4KB 44.gif 4KB 11.gif 4KB 8.gif 4KB 3.gif 4KB 23.gif 4KB 34.gif 4KB 41.gif 4KB 38.gif 4KB 65.gif 3KB 32.gif 3KB 45.gif 3KB 7.gif 3KB 12.gif 3KB 26.gif 3KB 60.gif 3KB 2.gif 3KB 40.gif 3KB 25.gif 3KB 19.gif 3KB 66.gif 3KB 18.gif 3KB 46.gif 3KB 10.gif 3KB 28.gif 3KB 51.gif 3KB 57.gif 3KB 67.gif 3KB 0.gif 3KB 48.gif 3KB 43.gif 3KB 30.gif 2KB 61.gif 2KB 33.gif 2KB 69.gif 2KB 14.gif 2KB 47.gif 2KB 36.gif 2KB 49.gif 2KB 58.gif 2KB 6.gif 2KB 54.gif 2KB 53.gif 2KB 56.gif 2KB 62.gif 2KB 31.gif 2KB 55.gif 2KB 35.gif 2KB 15.gif 2KB loading-2.gif 2KB 37.gif 1KB 68.gif 1KB 52.gif 777B loading-1.gif 701B
index.html 1KB jquery-3.3.1.js 265KB layui.all.js 255KB jquery.js 95KB mobile.js 33KB table.js 30KB laydate.js 27KB layer.js 22KB layedit.js 12KB colorpicker.js 11KB form.js 9KB element.js 7KB slider.js 7KB upload.js 7KB layui.js 7KB laypage.js 4KB carousel.js 4KB util.js 3KB tree.js 3KB共 110 条
- 1
- 2
资源评论
