同事前端弄了个DoT.js，之前没用过，查资料，介绍的都比较少，而且就那几篇，几乎雷同。使用的时候总报错，还无法调试，后来摸索写出来了。
-
例1，从后台返回数据，浏览器调试结果：
json返回数据1.png
看调试结果，data是个数组，于是尝试使用{{~ it.data : value : index }}遍历，总是报错，后改为下面遍历方法才成功：
{{? it.length > 0 }}
{{ for(var key in it) { }}
<tr><td>
{{= it[key].studentCount == null ? '0' : it[key].studentCount }}
</td></tr>
{{ } }}
{{??}}
<tr>暂无数据</tr>
{{?}}
（这种数据集被当成map类型的数据，索引0、1等作为key存在，而对象作为值: {"0" : {studentCount : 3}, "1" : {studentCount : 5}}）
-
例2，从后台返回数据，浏览器调试结果：
Paste_Image.png
对于这种数据集，可以直接使用{{~ it.data.list : value : index }}遍历
{{~ it.data.list : value : index }}
<tr><td>
{{= value. studentCount }}
</td></tr>
{{~}}
为啥会这样子，还没搞明白...
// 第一个例子通过浏览器调用接口获得的数据（直接返回list数据）
{
"code":"0",
"data":[
{
"studentCount":1,
"realName":"郭老师",
"id":1
},
{
"studentCount":1,
"realName":"朱老师",
"id":2
}
],
"info":"成功"
}
// 第二个例子通过浏览器调用接口获得的数据（返回page对象，嵌套list数据）
{
"code":"0",
"data":{
"endRow":10,
"list":[
{
"studentCount":1,
"realName":"郭老师",
"id":1
},
{
"studentCount":1,
"realName":"朱老师",
"id":2
}
],
"total":255
},
"info":"成功"
}
