notice/templates - 副本 (7)/index.html

60 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>项目列表页</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous">
<style>
.container-fluid {
margin-top: 100px;
}
.table-striped th, .table-striped td {
text-align: center;
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row" style="margin-bottom: 30px">
<div class="col"></div>
<div class="col"></div>
<div class="col"><h2 class="text-center text-info">项目列表信息</h2></div>
<div class="col"></div>
</div>
<div class="row">
<div class="col"></div>
<div class="col">
<table class="table table-striped">
<thead class="thead-dark">
<tr>
<th scope="col">序号</th>
<th scope="col">项目名称</th>
<th scope="col">项目负责人</th>
<th scope="col">应用名称</th>
</tr>
</thead>
<tbody>
{% for project in datas %}
<tr>
<th scope="row">{{ forloop.counter }}</th>
<td>{{ project.leader }}</td>
<td>{{ project.project_name }}</td>
<td>{{ project.app_name }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="col"></div>
</div>
</div>
</body>
</html>