laytpl模板简单使用

最新推荐文章于 2023-12-15 11:50:20 发布

曦神传

最新推荐文章于 2023-12-15 11:50:20 发布

阅读量652

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/zhu122316700/article/details/51364692

版权

js 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何在JSP中使用laytpl模板引擎来渲染数据。通过创建一个`<div id="listTpl"></div>`，然后定义一个JavaScript模板`<script id="demo" type="text/html">...</script>`，将数据渲染到表格中。当接收到后台传来的Map集合数据时，使用laytpl的render方法将数据填充到模板，并将生成的HTML插入到指定的div中，从而动态更新界面。

摘要由CSDN通过智能技术生成

在jsp中写一个div，<div id="listTpl"></div>，然后再jsp中嵌入js代码

<script id="demo" type="text/html">

{{# for(var i=0,len=d.sensors.length;i< len ; i++ ){ }}
<tr>
    <td>{{d.sensors[i].name }}</td>
    <td>{{d.sensors[i].lng }}</td>
    <td>{{d.sensors[i].lat }}</td>
    <td>{{d.sensors[i].sensorType }}</td>
    <td>{{d.sensors[i].businessType }}</td>
    <td>{{d.sensors[i].createTime }}</td>
</tr>
{{# } }}

</script>

数据是从后台传入的一个Map集合，在js脚本中加入如下代码即可渲染界面：var gettpl = document.getElementById('demo').innerHTML;
laytpl(gettpl).render(data, function(html){
    document.getElementById('listTpl').innerHTML = html;
});