laytpl是一款轻量的JavaScript模板引擎，在字符解析上有着比较出色的表现，欠缺之处在于异常调试上。
laytpl 正在参加 2020 年度 OSC 中国开源项目评选，请投票支持！
laytpl 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票，请投票支持！
-
概览
-
资讯
-
博客
-
问答
软件简介
代码
暂无内容
发表于大前端专区
01/06 10:34
``` //第一步：编写模版。你可以使用一个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')...
发表于大前端专区
2018/06/25 09:40
<!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...
2020/05/30 22:24
``` <%@ 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...
2019/08/28 15:45
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...
2019/04/25 14:27
一、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...
2019/08/29 18:07
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" /> ...
2018/12/14 11:28
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...
2020/06/03 22:49
``` 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 ...
没有更多内容
加载失败，请刷新页面
发表于开发技能专区
2019/04/24 19:50
静态页面时我那个margin-bottom:20px还有效，用了laytpl就失效了
没有更多内容
加载失败，请刷新页面
软件作者
深圳市奥思网络科技有限公司版权所有
粤ICP备12009483号
评论 (1)