do-T模板引擎

时间:2021-07-19 17:59:36

数组

do-T模板引擎

<!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>

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

do-T模板引擎do-T模板引擎



<!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>

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

do-T模板引擎do-T模板引擎do-T模板引擎

<!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>