do-T模板引擎

最新推荐文章于 2023-09-27 10:39:29 发布
最新推荐文章于 2023-09-27 10:39:29 发布
阅读量882 收藏
点赞数
分类专栏： 【Javascript点滴知识 】
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_17775997/article/details/52354771
版权

数组


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul id="MumberList">

</ul>
</body>
<script src="sea.js" type="text/javascript" charset="utf-8"></script>
<script src="dot.js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="doT.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">


var totalData = [123,223,334,445,556,667,778,889];

var result = '\
{{~it:value:index}}\
<p style="background:green">{{=value}}</p>\
{{~}}';
var template1 = doT.template(result);


$("#MumberList").append(template1(totalData));
</script>
</html>

对象==========================




<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul id="MumberList">

</ul>
</body>
<script src="sea.js" type="text/javascript" charset="utf-8"></script>
<script src="dot.js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="doT.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">


var totalData = [
{
code:'dongtao01',
name:'111111111'
},
{
code:'dongtao02',
name:'222222222'
},
{
code:'dongtao03',
name:'222222222'
},
{
code:'dongtao04',
name:'222222222'
},
]
//var totalData = [1,2,3,4,5,6,7,8]

var result = '\
{{~it:value:index}}\
<li class="mui-input-row  after_none" salerInfo={{=JSON.stringify(it[index])}}>\
<label class="mui-color-555">{{=it[index].code}}</label>\
<p class="mui-input-value mui-color-555">{{=it[index].name}}</p>\
</li>\
{{~}}';
/*var result = '\
{{~it:value:index}}\
<li class="mui-input-row  after_none" salerInfo={{=JSON.stringify(it[index])}}>\
<label class="mui-color-555">{{=it[index]}}</label>\
</li>\
{{~}}';*/
//var result= require('./001item.html')
var template1 = doT.template(result);


$("#MumberList").append(template1(totalData));
</script>
</html>

对象加数组===============================


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul id="MumberList">

</ul>
</body>
<script src="sea.js" type="text/javascript" charset="utf-8"></script>
<script src="dot.js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="doT.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">


var totalData = {
sumary:{
QuotationNumber:1111,
cumulativePremium:'327,501.79',
quotedNumVehicles:819
},
myitem_array:[
{
contractNumbe:"20",
month:"08",
quotationNumber:"133",
realizedPremium:'222'
},
{
contractNumbe:"20",
month:"08",
quotationNumber:"133",
realizedPremium:'222'
},
{
contractNumbe:"20",
month:"08",
quotationNumber:"133",
realizedPremium:'222'
}
]
}
var result = '\
<ul>\
   <li>\
       <h3>{{=it.sumary.quotedNumVehicles}}</h3>\
       <p>累计报价车辆数</p>\
</li>\
<li>\
<h3>{{=it.sumary.cumulativePremium}}</h3>\
       <p>累计实现保费</p>\
</li>\
<li>\
<h3>{{=it.sumary.QuotationNumber}}</h3>\
       <p>报价次数</p>\
</li>\
</ul>\
<ul>\
<li><p>月份</p><p>报价数</p><p>承保数</p>\
<p>保费(元)</p>\
</li>\
{{~it.myitem_array:item:index }}\
<li class="mui-table-row">\
<p>{{=item.month}}月</p>\
<p>{{=item.quotationNumber}}</p>\
<p>{{=item.contractNumbe}}</p>\
<p>{{=item.realizedPremium}}</p>\
</li>\
{{~}}\
</ul>';

var template1 = doT.template(result);
$("#MumberList").append(template1(totalData));
</script>
</html>

barnett_y
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
dot-template
05-10
import dot from '../../../dotLib/dot' var deviceInfo = wx.getSystemInfoSync() var now = new Date().getTime(); var addition = { "timestamp": now, "version": deviceInfo.version, "platform": deviceInfo.platform, "id": 0, }; /** * dot config */ __dot_page: function () { return { title: 'dot-config-title', category: 'user-info-dot', addition: '', } }, o
doT模版入门
自由人生
04-13 1738
之前工作中一直使用artTemplate，新公司这边用的是doT，那就入乡随俗吧。 首先下载doT文件：doT.1.0.3.min.js 然后在HTML里面引入 script src="doT.min.js">script> 还需要一个script用来放模版，需要指定一个id或者class，还需要指定type="text/x-dot
T 模板
sundanping_123的博客
09-05 328
artTempate模板引擎
duanyuehuan
05-24 435
模板引擎
doT.js 模板引擎
taotaomin99的博客
05-23 863
doT.js 模板引擎
php模板函数 正则实现代码
10-27
在现代Web开发中，模板引擎扮演着重要的角色，它将视图层与逻辑层分离，提高了代码的可维护性和可重用性。在这篇文章中，作者探讨了如何使用PHP语言和正则表达式来实现一个简单的模板引擎。通过该引擎，开发者可以将...
scq2015t:PHP 课程 Santiago de Compostela t
06-09
6. **模板引擎**：学习如何使用模板引擎（如Twig或Smarty）分离业务逻辑和视图。 7. **PHP框架**：如Laravel、Symfony或CodeIgniter等，这些框架简化了开发过程并提供了最佳实践。 8. **安全最佳实践**：包括防止...
do_it_django：심범수의
02-12
通过 "do_it_django" 这个教程，学习者可以期待掌握 Django 框架的基础知识，包括如何创建项目和应用、设计数据库模型、构建视图、编写模板、设置路由、处理用户认证以及如何部署 Django 应用。这是一个全面了解和...
code-example-cs-fundamentals：代码示例
02-13
C#是一种面向对象的、类型安全的编程语言，广泛应用于Windows桌面应用、游戏开发（尤其是Unity引擎）、移动应用以及Web服务。 标题中的“代码示例CS基础”暗示了这个压缩包可能包含一系列C#编程的简单到复杂的实例...
dot-template:根据预定义的模板创建新文件
05-17
dot-template 新建文件或文件夹时，根据预定义的配置和模板，自动向新文件里插入模板内容，或在新文件夹里生成新文件 主要功能 自动写入项目模板中的文件 自动注入文件模板到新建的文件中 生成某一文件的关联文件 注入内容到指定的文件中（新功能） 如何使用 vscode 插件中查找并安装 dot-template-vscode 重启 vscode 在当前打开的项目中的根目录上创建一个 .dtpl 的文件夹（然后跟随 vscode 弹出的提示做即可） 项目配置 dot-template-vscode.debug: 设置是否输出调试信息在项目根目录中的 dtpl.debug.log 文件中 dot-template-vscode.noExampleWhenCreateDtplFolder: 新建 .dtpl 文件夹时不要创建演示用的模板 dot-template-vscode.watchFi
模板引擎Dot
weixin_33981932的博客
09-26 96
Dot.js 很轻，处理速度也快，作为将json数据赋值到html页面的最好帮手。 html5新引入的<template></template>就不用原先的<script text/x-dot-template id=""></script> 注意template中的使用： var dotTemplate = doT.template(jQu...
模板引擎的几种写法
weixin_42663701的博客
09-09 693
方法一： &lt;script type="text/template" id="navTemp"&gt; &lt;% for(var i=0;i&lt;items.length;i++){ %&gt; &lt;li&gt; &lt;a href="#"&gt; &lt;img src=
doT模板简介
蓝色水池的博客
12-10 1046
在多个公司的多个项目工作中，每一次我都极力推荐项目使用doT模板来减少工作量，提高工作效率。特别向大家推荐这个好东西来提高工作的幸福感。     doT简介： doT是一个高性能JavaScript模板引擎，简单易用，其大小只有4KB（压缩后），适合各种数据和UI交互的地方使用，尤其适合MVC类WEB应用中，其也可以再NodeJS里面使用，并且表现出色。是本人觉得综合性能最好JavaS...
doT模板引擎
Mr.Yuan
06-06 2056
doT模板引擎是一个比较高效的引擎，一直都在使用，只有3kb大小，简洁的语法，无任何依赖，简单易用；下面的代码直接拷贝引用就可以使用；插件代码(function(){function p(b,a,d){return("string"===typeof a?a:a.toString()).replace(b.define||h,function(a,c,e,g){0===c.indexOf("def.
doT模板使用心得
Harry Blog
04-28 1800
DoT是一个小巧快速无依赖的JS模板框架: 无依赖, 120 行代码 极其快速 自定义定界符 (custom delimiters) 运行时求值 (runtime evaluation) 运行时插值 (runtime interpolation) 编译时求值 (compile-time evaluation) 支持局部模板 支持条件语句 Github源码地址 DoT定界符列表: {{ }} 用于求
java dot模板怎么使用_前端模板引擎doT.js的使用
weixin_34378148的博客
03-04 447
前言我们在做前端开发时，经常需要根据后台返回的json数据动态生成html并插入到页面中显示。最简单的方法就是通过jQuery去遍历数据拼接html，如以下：var data = {list: [{id: 1,name: 'zhangsan',email: 'zhangsan@lwhweb.com'}, {id: 2,name: 'lisi',email: 'lisi@lwhweb.com'}]}...
doT.js模板学习笔记
最新发布
总该长大了的博客
09-27 987
doT.js 是一个 JavaScript 模板框架，在 web 前端使用 dot.js 作为模板引擎，主要的用途就是，在写好的模板上，放进数据，生成含有数据的 html 代码。以上是doT.js的基础用法，接下来会介绍实战项目中的具体使用。
模板方法模式(Template)
qq_39241239的博客
10-28 371
1.简述 模板模式：定义一个操作中的算法的骨架，而将步骤延迟到子类中。模板方法使得子类可以不改变一个算法的结构即可重定义算法的某些特定步骤。 2.角色 角色1：抽象模板(Abstract Template)角色有如下责任 定义了一个或多个抽象操作，以便让子类实现。这些抽象操作叫做基本操作，它们是一个顶级逻辑的组成步骤。 定义并实现了一个模板方法。这个模板方法一般是一个具体方法，它给出了一...
DO-178C软件生命周期资料详解及模板
"该资源是一份关于DO-178C生命周期数据的总结及SAS（Software Assurance Sourcebook）模板文件，旨在帮助理解和遵循航空电子软件开发的行业标准。" DO-178C是国际航空电子软件开发的行业标准，它定义了软件开发过程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值