laytpl 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
laytpl 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
laytpl 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
laytpl 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
laytpl 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 程序开发模板引擎
开源组织
地区 国产
投 递 者 贤心
适用人群 未知
收录时间 2014-08-18

软件简介

laytpl是一款轻量的JavaScript模板引擎,在字符解析上有着比较出色的表现,欠缺之处在于异常调试上。

laytpl,精致巧妙的JavaScript模板引擎

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (1)

加载中
很久不见更新了,什么情况? laytpl
2015/02/11 14:00
回复
举报
更多评论
暂无内容
发表于大前端专区
01/06 10:34

layUI模板语法laytpl使用

``` //第一步:编写模版。你可以使用一个script标签存放模板,如: //第二步:建立视图。用于呈现渲染结果。 //第三步:渲染模版 layui.use('laytpl', function(){ var laytpl = layui.laytpl; var data = { //数据 "title":"Layui常用模块", "list":[{"modname":"弹层","alias":"layer","site":"layer.layui.com"},{"modname":"表单","alias":"form"}] } var getTpl = demo.innerHTML,view = document.getElementById('view')...

0
0
发表于大前端专区
2018/06/25 09:40

laytpl模板引擎使用实例

<!DOCTYPE html> <html lang="zh-CN"> <head> <title>laytpl测试</title> <script type="text/javascript">   $(function(){     //渲染模板     function render(tpl,data){       var retuHtml="";       laytpl(tpl).render(data, function(html){         retuHtml=html;       });       return retuHtml;     }     $("#btn").click(function(){       $.ajax({       url:ctxs+"/product/productSpu/selectBrand2.htm",       type:'POS...

0
0
发表于大前端专区
2020/05/30 22:24

00016-layui 动态加载菜单 laytpl

``` <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ include file="/common/taglibs.jsp"%> <%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%> 管理系统 <%-- --%> <%-- --%> <%-- --%> <%-- --%> 基本资料 <%-- 修改密码 --%> 退出 坐席 <%----%> <%-- --%> 后台管理 关闭当前标签页 关闭其它标签页 关闭全部标签页 ``` 接口:business/businessUser/getMenuList 的返回结构为:Busin...

0
0
发表了博客
2019/08/28 15:45

layui绑定联动下拉框

1、html定义区域 <div class="layui-inline" id="syslist" > </div> 2、定义加载方法 var selectIDc //全局变量获取数据 $.ajax({ async: false, type: "POST", url: "url", data: {}, dataType: "JSON", beforeSend: function () { var indexss = layer.msg('加载中', { icon: 16 , shade: 0.5 }); console.log(indexss) }, success: function (d) { selectIDc = d.Data; //console.log(escape(JSON.stringify(d.Data))); lay...

0
0
发表了博客
2019/04/25 14:27

php+layui数据表格实现数据分页渲染

一、HTML 1 <table class="layui-hide layui-table" id="spu-data"></table> 二、JS   说明:需要引入layui中的table和laytpl模板引擎,laytpl可以自定义事件及自定义数据字段等 1 <!-- 拼接图片 --> 2 <script type="text/html" id="pimg"> 3 <img class="img" onmouseover="divIn(event)" onmouseout="divOut(event)" onmousemove="divIn(event)" src="__PUBLIC__/{{d.pimgurl}}t_{{d.pimgname}}" alt=""> 4 </s...

0
0
发表了博客
2019/08/29 18:07

Laydate 使用注意事项

1、laydate 切记不能放在laytpl 模板语法中使用,否则可能会导致无法触发的情况  不在laytpl中使用 <div class="layui-form-item"> <label class="layui-form-label">使用开始时间</label> <div class="layui-input-inline"> <input class="layui-input" type="text" name="use_start_time" readonly id="LAY-DATE-coupon-s3" placeholder="不设置表示不限制" autocomplete="off" /> ...

0
0
发表了博客
2018/12/14 11:28

beetl的使用感受

beetl 的用法,跟layui的laytpl的模版语言差不多。写的很舒服。没有thymeleaf那么麻烦。例如 <% for(loadDischargItem in loadDischargItemList){ %> <tr> <td>${loadDischargItemLP.index}</td> <td><input type="text" id="from" name="from" class="form-control" value="${loadDischargItem.from}"></td> <td><inpu...

0
0
发表了博客
2020/06/03 22:49

00022-layui 显示表单,iframe父子页面传值

``` showRec:function (obj) { window.formData = null; var dialog = layer.open({ type: 2 ,title: '订单支付' ,content: 'orderPayShow.jsp' ,maxmin: true ,area: layui.setter.area ,btn: ['关闭'] ,btnAlign: 'c' ,success:function(layero,index){ window.formData = obj.data; } }); layer.full(dialog) }, ``` orderPayShow.jsp: ``` <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ include ...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2019/04/24 19:50

layui的laytpl让css失效

静态页面时我那个margin-bottom:20px还有效,用了laytpl就失效了

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
1 评论
21 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部