前端遍历,后端传入的数据
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
</head>
<body>
<table id="data-table" style="width:1000px; line-height:35px;">
<caption><strong>s7数据采集</strong></caption>
<thead>
<tr>
<th>id</th>
<th>地址</th>
<th>值</th>
<th>数据类型</th>
<th>功能</th>
<th>描述</th>
<th>时间</th>
</tr>
</thead>
<tbody id="data-body">
{% for cp in cp999 %}
<tr>
<td>{{cp.id}}</td>
<td>{{cp.地址}}</td>
<td>{{cp.值}}</td>
<td>{{cp.数据类型}}</td>
<td>{{cp.功能}}</td>
<td>{{cp.描述}}</td>
<td style="width: 300px;">{{cp.time|date:"Y-m-d H:i:s.u" }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<style>
table{
table, td, th
{
border:1px solid green;
text-align: center;
}
}
</style>
<script>
// 定义函数来实现页面刷新
function refreshPage() {
location.reload(); // 重新加载页面
}
// 设置定时器,每隔一定时间执行一次页面刷新函数
setTimeout(refreshPage, 50); // 5000毫秒,即5秒刷新一次
</script>
</body>
</html>
后端调用
def end(request):
# while True:
cpList = DB3000_act01.objects.all()
ctx = {"cp999" : cpList}
return render(request, "show1.html", context=ctx)