add Web/DoubanMovieWeb/templates/home.html.

Signed-off-by: iamzhaohaibo <941604465@qq.com>
2026-04-18 01:12:29 +08:00 · 2025-12-18 10:29:14 +00:00
parent a049af89a3
commit e88a6f9a93
1 changed files with 95 additions and 0 deletions
--- a/Web/DoubanMovieWeb/templates/home.html
+++ b/Web/DoubanMovieWeb/templates/home.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>豆瓣电影数据可视化Web演示页面</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: "Inter", "Microsoft YaHei", sans-serif;
+        }
+
+        body {
+            background-color: #f0f2f5;
+            padding: 50px;
+        }
+
+        .table-wrap {
+            width: 95%;
+            margin: 0 auto;
+            background: #fff;
+            border-radius: 8px;
+            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+            overflow: hidden;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+
+        thead tr {
+            background-color: #2c3e50;
+            color: #ffffff;
+        }
+
+        th {
+            padding: 18px 15px;
+            text-align: center;
+            font-weight: 500;
+            font-size: 14px;
+            text-transform: uppercase;
+            letter-spacing: 0.8px;
+        }
+
+        tbody tr {
+            border-bottom: 1px solid #e6e6e6;
+        }
+
+        tbody tr:last-child {
+            border-bottom: none;
+        }
+
+        tbody tr:hover {
+            background-color: #fafbfc;
+        }
+
+        td {
+            padding: 16px 15px;
+            text-align: center;
+            font-size: 13px;
+            color: #555;
+        }
+    </style>
+</head>
+<body>
+<div class="table-wrap">
+    <table>
+        <thead>
+        <tr>
+            <th>序号</th>
+            <th>标题</th>
+            <th>评分</th>
+            <th>类型</th>
+            <th>国家/地区</th>
+            <th>上映时间</th>
+        </tr>
+        </thead>
+        <tbody>
+        {% for row in rows %}
+        <tr>
+            <td>{{ row.id }}</td>
+            <td>{{ row.m_title }}</td>
+            <td>{{ row.m_score }}</td>
+            <td>{{ row.m_types }}</td>
+            <td>{{ row.m_regions }}</td>
+            <td>{{ row.m_release_date }}</td>
+        </tr>
+        {% endfor %}
+        </tbody>
+    </table>
+</div>
+</body>
+</html>