js模板引擎-laytpl
来源:互联网 发布:厦门安胜网络怎么样 编辑:程序博客网 时间:2024/05/18 20:11
使用实例
laytpl模板引擎使用实例1
laytpl模板引擎使用实例2-表格树
使用js模板引擎的原因
能够使html代码结构更简洁,保持html原有格式,js构造html能够速度快省资源。
使用的js模板引擎
laytpl js模板引擎。laytpl是一款非常轻量的JavaScript模板引擎。地址:http://www.layui.com/laytpl/
laytpl的使用
下载地址:https://github.com/sentsin/laytpl
引用到页面:<script src="xxx/laytpl-v1.1/laytpl/laytpl.js" type="text/javascript"></script>
laytpl文档说明
一、模版语法输出一个普通字段,不转义html: {{ d.field }}输出一个普通字段,并转义html: {{= d.field }}JavaScript脚本: {{# JavaScript statement }}二、内置方法1):laytpl(template); //核心函数,返回一个对象 var tpl = laytpl(template);tpl.render(data, callback); //渲染方法,返回渲染结果,支持异步和同步两种模式a):异步tpl.render(data, function(result){console.log(result);}); b):同步var result = tpl.render(data);console.log(result); 2):laytpl.config(options); //初始化配置options是一个对象{open: '开始标签', close: '闭合标签'} 3):laytpl.v //获取版本号
使用demo
//第一步:编写模版。你可以使用一个script标签存放模板,如:<script id="demo" type="text/html"><h1>{{ d.title }}</h1><ul>{{# for(var i = 0, len = d.list.length; i < len; i++){ }}<li><span>姓名:{{ d.list[i].name }}</span><span>城市:{{ d.list[i].city }}</span></li>{{# } }}</ul></script>//第二步:建立视图。用于呈现渲染结果。<div id="view"></div>//第三步:渲染模版var data = {title: '前端攻城师',list: [{name: '贤心', city: '杭州'}, {name: '谢亮', city: '北京'}, {name: '浅浅', city: '杭州'}, {name: 'Dem', city: '北京'}]};var gettpl = document.getElementById('demo').innerHTML;laytpl(gettpl).render(data, function(html){document.getElementById('view').innerHTML = html;});
阅读全文
1 0
- js模板引擎-laytpl
- JS模板laytpl
- laytpl JavaScript模板引擎使用
- js的模版引擎laytpl
- laytpl模板引擎使用实例1
- Layui laytpl模板引擎的学习
- 解决laytpl.js模板引擎插件加载模板后无法获取模板中的元素id等内容
- laytpl模板引擎使用实例2-表格树
- laytpl模板简单使用
- “EasyTemplate” JS模板引擎
- 浅析js模板引擎
- TrimPath - Js模板引擎
- js模板引擎介绍
- JS模板引擎
- JS模板引擎 :ArtTemplate
- js模板引擎
- Handlebars.js 模板引擎
- 模板引擎 Handlebars.js
- 对所有情况的OnCollisionEnter和OnTriggerEnter的总结(四)
- Redis 主从复制
- Hadoop YARN配置参数剖析(1)—RM与NM相关参数
- 发现它,抓住它--并查集,偏序关系
- Unity3D常用API
- js模板引擎-laytpl
- 不同hql执行环境下配置变量之 hiveconf 与 hivevar
- 我的未解之谜1--RSA
- python序列化与json之间的转换
- SSH无法连接虚拟机CentOS6.5主机
- java用jedis连接redis碰到的问题
- ashx 获取post数据的方式
- 用form表单向后端传file的时候,后端接收不到
- 线程控制实现彩色线条绘制