layui 模板引擎-laytpl（局部渲染）

layui 模板引擎-laytpl

一、layui模板

    <div class="center-top clearfix" id="economiesSummary"><script type="text/html" id="economiesSummaryTemplate"><div class="c-box mr50"><div class="num-tit">入驻企业数(户)</div><div class="num-con">{{data.totalRevenue}}</div></div><div class="c-box mr50"><div class="num-tit">税收总额(万元)</div><div class="num-con">{{data.totalTaxes}}</div></div><div class="c-box"><div class="num-tit">社会消费品零售总额(万元)</div><div class="num-con">{{data.totalProfits}}</div></div></script></div>

二、js渲染layui模板引擎

    layui.use(['form', 'jquery', 'laytpl'], function () {var $ = layui.jquery, form = layui.form, laytpl = layui.laytpl, layer = layui.layer;var data = {totalRevenue: 182345,totalTaxes: 1012322,totalProfits: 512322}// 顶部统计信息laytpl(economiesSummaryTemplate).render(data, function (html) {$('#economiesSummary').html(html);});});

说明：渲染结果为script 内部的内容，不包含<script >标签及其ID

layui 模板引擎-laytpl（局部渲染）相关推荐

html 开发中遇到的问题，ajax异步传输，layui模板引擎并重新渲染
1.实际中自己遇到的,比较杂乱绑定点击事件绑定enter事件 html A页面跳转到B页面,并传参.取值 layui模板引擎,渲染样式 Ajax 异步传输数据,动态更新内容绑定点击事件 < ...
layui模板引擎laytpl判断为null或为空
<script type="text/html" id="stu_nameTpl">{{# if(d.stu_name==null || d.stu ...
Enjoy模板里使用layui模板引擎laytpl
注:https://jfinal.com/share/1023
怎样存储layui模板引擎后台返回的数据，在需要的时候获取
在项目中遇到一个情况,需要动态获取后台的返回数据,并在前台渲染出来,并且能够根据所点击的不同标签,随时获取对应数据.在网上看到两种方法,一种是写一个动态创建div模板的函数,并将返回值作为参数在其中展 ...
LayUI模板引擎渲染数据
前端模板引擎介绍接上节Spring boot项目开发实战--(LayUI实现前后端数据交换与定义方法渲染数据) 模板引擎能简化开发,极大提高效率,小编之前使用过JSP和Thymeleaf,以及pyt ...
《layui宇宙版教程》：模板引擎laytpl
<Layui宇宙版教程>提供2000人的QQ群进行交流学习,QQ群号:1046961650,或通过手机QQ扫描二维码进入: 1.22 模板引擎laytpl laytpl是JavaScrip ...
express应用中ajax结合模板引擎ejs.js渲染页面
一.express应用中ajax结合模板引擎ejs.js渲染页面在views新建一个渲染模板命名 Template.ejs Template.ejs 示例: <% if(coursesList ...
layui模板引擎做动态增加和减少表单
效果显示目录结构代码 <!DOCTYPE html> <html lang="en"><head><meta charset=&quo ...
Node.js 动手实现简单的模板引擎（列表渲染）
准备HTML模板文件index.html <!DOCTYPE html> <html lang="en"> <head><meta cha ...
ajax结合前端模板引擎ejs.js渲染页面（自己理解，不建议参考）
<一.利用前端前端引擎和ajax来渲染前端页面> 1.就是创建一个装渲染内容的盒子 comment是接口传进来的参数,就是传进来的数据,名字就叫"comment"因此: ...

layui 模板引擎-laytpl（局部渲染）

layui 模板引擎-laytpl

一、layui模板

二、js渲染layui模板引擎

layui 模板引擎-laytpl（局部渲染）相关推荐

最新文章

热门文章