Version 0.1.1 rise to flask app factory

2025-08-27 19:39:38 +08:00
parent 8dba8688a7
commit 5c0187bc4b
55 changed files with 1708 additions and 613 deletions
--- a/Html/apps/templates/navbar.html
+++ b/Html/apps/templates/navbar.html
@@ -0,0 +1,99 @@
+<!-- 页眉导航栏 -->
+<header class="navbar">
+    <style>
+        /* 页眉导航栏 */
+        .navbar {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background-color: #2575fc;
+            padding: 10px 30px;
+            color: white;
+            border-radius: 10px;
+            margin: 20px;
+            margin-bottom: 30px;
+        }
+
+        .navbar .logo h1 {
+            font-size: 24px;
+            font-weight: bold;
+        }
+
+        .navbar-links a {
+            color: white;
+            text-decoration: none;
+            margin: 0 20px;
+            font-size: 16px;
+            transition: color 0.3s;
+        }
+
+        .navbar-links a:hover {
+            color: #f1c40f;
+        }
+
+        .navbar .avatar img {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            border: 2px solid white;
+            cursor: pointer;
+        }
+
+        .avatar {
+            margin-left: 200px;
+        }
+
+        /* 控制浮框 */
+        .dropdown {
+            position: relative;
+            display: inline-block;
+        }
+
+        .dropdown-content {
+            display: none;
+            position: absolute;
+            right: 0;
+            background-color: white;
+            color: black;
+            min-width: 200px;
+            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
+            border-radius: 10px;
+            z-index: 1;
+            padding: 10px;
+            font-size: 14px;
+        }
+
+        .dropdown-content a {
+            color: black;
+            text-decoration: none;
+            padding: 10px;
+            display: block;
+            transition: background-color 0.3s;
+        }
+
+        .dropdown-content a:hover {
+            background-color: #f1c40f;
+        }
+
+        /* 显示浮框 */
+        .dropdown:hover .dropdown-content {
+            display: block;
+        }
+
+    </style>
+    <div class="logo">
+        <h1>华实君：教学练评一体的虚拟助教</h1>
+    </div>
+    <nav class="navbar-links">
+        <a href="/">首页</a>
+        <a href="/dashboard">课程</a>
+        <a href="/">成绩</a>
+    </nav>
+    <div class="avatar dropdown">
+        <img src="/static/image/algorithm/book_cover.png" alt="个人头像" class="avatar-img">
+        <div class="dropdown-content">
+            <a href="/switch-role" id="switch-role">切换到学生/教师</a>
+            <a href="/logout" id="logout">注销</a>
+        </div>
+    </div>
+</header>