60 lines
1.8 KiB
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> |