同事前端弄了个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":"成功"
}