From bcf2c71fad047cd0bb93fbcf6701cf08e77f90d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=80=E6=A2=A6?= <3501646051@qq.com>
Date: Sun, 21 Dec 2025 22:07:23 +0800
Subject: [PATCH] =?UTF-8?q?refactor(frontend):=20=E9=87=8D=E6=9E=84?=
 =?UTF-8?q?=E5=89=8D=E7=AB=AF=E7=9B=AE=E5=BD=95=E7=BB=93=E6=9E=84=E5=B9=B6?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AE=A4=E8=AF=81=E6=B5=81=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将前端文件从html目录迁移到views目录，按功能模块组织
重构认证中间件和路由处理，简化页面权限控制
更新静态资源引用路径，统一使用/public前缀
添加学生仪表板页面，优化移动端显示
移除旧版html和js文件，更新样式和脚本
---
 backend/server.js                             |  109 +-
 frontend/js/auth.js                           |  269 --
 frontend/{ => public}/css/main.css            |    0
 frontend/public/css/notification.css          |   47 +
 frontend/{ => public}/css/style.css           | 2347 +++++++++--------
 frontend/{ => public}/js/admin.js             |   64 +-
 frontend/public/js/auth.js                    |  287 ++
 frontend/{ => public}/js/main.js              |   45 +-
 frontend/{ => public}/js/student.js           |   58 +-
 frontend/{ => public}/js/teacher.js           |   29 +-
 .../admin/dashboard.html}                     |   81 +-
 .../admin}/student_management.html            |  120 +-
 .../admin}/user_management.html               |  127 +-
 frontend/{html => views/auth}/index.html      |   56 +-
 frontend/{html => views/auth}/login.html      |   15 +-
 frontend/{html => views/auth}/register.html   |   38 +-
 .../student/dashboard.html}                   |   48 +-
 .../teacher/dashboard.html}                   |   68 +-
 .../{html => views/teacher}/grade_entry.html  |   92 +-
 .../teacher}/grade_management.html            |  118 +-
 20 files changed, 2009 insertions(+), 2009 deletions(-)
 delete mode 100644 frontend/js/auth.js
 rename frontend/{ => public}/css/main.css (100%)
 create mode 100644 frontend/public/css/notification.css
 rename frontend/{ => public}/css/style.css (87%)
 rename frontend/{ => public}/js/admin.js (90%)
 create mode 100644 frontend/public/js/auth.js
 rename frontend/{ => public}/js/main.js (84%)
 rename frontend/{ => public}/js/student.js (91%)
 rename frontend/{ => public}/js/teacher.js (93%)
 rename frontend/{html/admin_dashboard.html => views/admin/dashboard.html} (87%)
 rename frontend/{html => views/admin}/student_management.html (84%)
 rename frontend/{html => views/admin}/user_management.html (82%)
 rename frontend/{html => views/auth}/index.html (75%)
 rename frontend/{html => views/auth}/login.html (84%)
 rename frontend/{html => views/auth}/register.html (74%)
 rename frontend/{html/student_dashboard.html => views/student/dashboard.html} (83%)
 rename frontend/{html/teacher_dashboard.html => views/teacher/dashboard.html} (89%)
 rename frontend/{html => views/teacher}/grade_entry.html (86%)
 rename frontend/{html => views/teacher}/grade_management.html (88%)

diff --git a/backend/server.js b/backend/server.js
index 4527c11..d35ef00 100644
--- a/backend/server.js
+++ b/backend/server.js
@@ -52,65 +52,72 @@ app.use(session({
     }
 }));
 
-// 静态文件服务
-app.use(express.static(path.join(__dirname, '../frontend')));
+// 静态文件服务 - 只公开 public 目录
+app.use('/public', express.static(path.join(__dirname, '../frontend/public')));
 
-// 重定向旧路径 /frontend/html/* 到 /html/*
-app.get('/frontend/html/*', (req, res) => {
-    const path = req.params[0];
-    res.redirect(`/html/${path}`);
+// 页面认证中间件
+const requirePageAuth = (req, res, next) => {
+    if (!req.session.user) {
+        return res.redirect('/login');
+    }
+    next();
+};
+
+const requirePageRole = (allowedRoles) => {
+    return (req, res, next) => {
+        if (!req.session.user) return res.redirect('/login');
+        if (!allowedRoles.includes(req.session.user.role)) {
+            return res.status(403).send('<h1>403 Forbidden - 权限不足</h1><a href="/dashboard">返回首页</a>');
+        }
+        next();
+    };
+};
+
+// 页面路由
+app.get('/', (req, res) => res.redirect('/login'));
+app.get('/login', (req, res) => {
+    if (req.session.user) return res.redirect('/dashboard');
+    res.sendFile(path.join(__dirname, '../frontend/views/auth/login.html'));
+});
+app.get('/register', (req, res) => res.sendFile(path.join(__dirname, '../frontend/views/auth/register.html')));
+
+app.get('/dashboard', requirePageAuth, (req, res) => {
+    const role = req.session.user?.role;
+    switch (role) {
+        case 'student': res.redirect('/student/dashboard'); break;
+        case 'teacher': res.redirect('/teacher/dashboard'); break;
+        case 'admin': res.redirect('/admin/dashboard'); break;
+        default: res.redirect('/login');
+    }
 });
 
-// 路由
+// 学生页面
+app.get('/student/dashboard', requirePageAuth, requirePageRole(['student']), (req, res) => {
+    res.sendFile(path.join(__dirname, '../frontend/views/student/dashboard.html'));
+});
+
+// 教师页面
+const teacherRouter = express.Router();
+teacherRouter.use(requirePageAuth, requirePageRole(['teacher']));
+teacherRouter.get('/dashboard', (req, res) => res.sendFile(path.join(__dirname, '../frontend/views/teacher/dashboard.html')));
+teacherRouter.get('/grade_entry', (req, res) => res.sendFile(path.join(__dirname, '../frontend/views/teacher/grade_entry.html')));
+teacherRouter.get('/grade_management', (req, res) => res.sendFile(path.join(__dirname, '../frontend/views/teacher/grade_management.html')));
+app.use('/teacher', teacherRouter);
+
+// 管理员页面
+const adminRouter = express.Router();
+adminRouter.use(requirePageAuth, requirePageRole(['admin']));
+adminRouter.get('/dashboard', (req, res) => res.sendFile(path.join(__dirname, '../frontend/views/admin/dashboard.html')));
+adminRouter.get('/student_management', (req, res) => res.sendFile(path.join(__dirname, '../frontend/views/admin/student_management.html')));
+adminRouter.get('/user_management', (req, res) => res.sendFile(path.join(__dirname, '../frontend/views/admin/user_management.html')));
+app.use('/admin', adminRouter);
+
+// API 路由
 app.use('/api/auth', authRoutes);
 app.use('/api/student', studentRoutes);
 app.use('/api/teacher', teacherRoutes);
 app.use('/api/admin', adminRoutes);
 
-// 认证中间件
-const { requireAuth, requireRole } = require('./middleware/auth');
-
-// 页面路由
-app.get('/', (req, res) => {
-    res.sendFile(path.join(__dirname, '../frontend/html/login.html'));
-});
-
-app.get('/dashboard', requireAuth, (req, res) => {
-    // 根据用户角色重定向到不同的仪表板
-    const role = req.session.user?.role;
-    
-    switch (role) {
-        case 'student':
-            res.redirect('/html/student_dashboard.html');
-            break;
-        case 'teacher':
-            res.redirect('/html/teacher_dashboard.html');
-            break;
-        case 'admin':
-            res.redirect('/html/admin_dashboard.html');
-            break;
-        default:
-            // 如果没有角色信息，重定向到登录页面
-            res.redirect('/');
-            break;
-    }
-});
-
-// 学生页面路由
-app.get('/student/*', requireAuth, requireRole(['student', 'admin', 'teacher']), (req, res, next) => {
-    next();
-});
-
-// 教师页面路由
-app.get('/teacher/*', requireAuth, requireRole(['teacher', 'admin']), (req, res, next) => {
-    next();
-});
-
-// 管理员页面路由
-app.get('/admin/*', requireAuth, requireRole(['admin']), (req, res, next) => {
-    next();
-});
-
 // 404处理
 app.use((req, res) => {
     res.status(404).json({ error: 'Not found' });
diff --git a/frontend/js/auth.js b/frontend/js/auth.js
deleted file mode 100644
index a36daad..0000000
--- a/frontend/js/auth.js
+++ /dev/null
@@ -1,269 +0,0 @@
-class AuthManager {
-    constructor() {
-        // 动态设置API基础URL，支持file:///协议和localhost:3000访问
-        this.apiBase = window.location.protocol === 'file:' ? 'http://localhost:3000/api' : '/api';
-        this.initEventListeners();
-        this.checkAuthStatus();
-    }
-    
-    async checkAuthStatus() {
-        try {
-            const response = await fetch(`${this.apiBase}/auth/me`);
-            const data = await response.json();
-            
-            if (data.success && data.user) {
-                // 用户已登录，根据角色重定向到正确的仪表板
-                const userRole = data.user.role;
-                let redirectUrl = '/dashboard';
-                
-                if (userRole === 'student') {
-                    redirectUrl = '/frontend/html/student_dashboard.html';
-                } else if (userRole === 'teacher') {
-                    redirectUrl = '/frontend/html/teacher_dashboard.html';
-                } else if (userRole === 'admin') {
-                    redirectUrl = '/frontend/html/admin_dashboard.html';
-                }
-                
-                // 如果当前页面是登录或注册页面，则重定向到仪表板
-                const currentPath = window.location.pathname;
-                if (currentPath.includes('login.html') || currentPath.includes('register.html')) {
-                    window.location.href = redirectUrl;
-                }
-                // 如果当前页面不是正确的仪表板页面，则重定向
-                else if (!currentPath.includes(redirectUrl) && 
-                         currentPath !== '/' && 
-                         !currentPath.includes('index.html')) {
-                    window.location.href = redirectUrl;
-                }
-            }
-        } catch (error) {
-            console.log('用户未登录');
-        }
-    }
-    
-    initEventListeners() {
-        // 登录表单提交
-        const loginForm = document.getElementById('loginForm');
-        if (loginForm) {
-            loginForm.addEventListener('submit', (e) => this.handleLogin(e));
-        }
-        
-        // 注册表单提交
-        const registerForm = document.getElementById('registerForm');
-        if (registerForm) {
-            registerForm.addEventListener('submit', (e) => this.handleRegister(e));
-        }
-        
-        // 登出按钮
-        const logoutBtn = document.getElementById('logoutBtn');
-        if (logoutBtn) {
-            logoutBtn.addEventListener('click', (e) => this.handleLogout(e));
-        }
-    }
-    
-    async handleLogin(e) {
-        e.preventDefault();
-        
-        const form = e.target;
-        const formData = new FormData(form);
-        const data = Object.fromEntries(formData.entries());
-        
-        const submitBtn = form.querySelector('button[type="submit"]');
-        const originalText = submitBtn.innerHTML;
-        submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 登录中...';
-        submitBtn.disabled = true;
-        
-        try {
-            const response = await fetch(`${this.apiBase}/auth/login`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(data)
-            });
-            
-            const result = await response.json();
-            
-            if (result.success) {
-                this.showNotification('登录成功！正在跳转...', 'success');
-                
-                // 根据用户角色跳转到不同的仪表板
-                const userRole = result.user?.role;
-                let redirectUrl = '/dashboard';
-                
-                if (userRole === 'student') {
-                    redirectUrl = '/frontend/html/student_dashboard.html';
-                } else if (userRole === 'teacher') {
-                    redirectUrl = '/frontend/html/teacher_dashboard.html';
-                } else if (userRole === 'admin') {
-                    redirectUrl = '/frontend/html/admin_dashboard.html';
-                }
-                
-                // 延迟跳转以显示通知
-                setTimeout(() => {
-                    window.location.href = redirectUrl;
-                }, 1500);
-            } else {
-                this.showNotification(result.message || '登录失败', 'error');
-                submitBtn.innerHTML = originalText;
-                submitBtn.disabled = false;
-            }
-        } catch (error) {
-            console.error('登录错误:', error);
-            this.showNotification('网络错误，请重试', 'error');
-            submitBtn.innerHTML = originalText;
-            submitBtn.disabled = false;
-        }
-    }
-    
-    async handleRegister(e) {
-        e.preventDefault();
-        
-        const form = e.target;
-        const formData = new FormData(form);
-        const data = Object.fromEntries(formData.entries());
-        
-        // 验证密码
-        if (data.password !== data.confirmPassword) {
-            this.showNotification('两次输入的密码不一致', 'error');
-            return;
-        }
-        
-        const submitBtn = form.querySelector('button[type="submit"]');
-        const originalText = submitBtn.innerHTML;
-        submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 注册中...';
-        submitBtn.disabled = true;
-        
-        try {
-            const response = await fetch(`${this.apiBase}/auth/register`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(data)
-            });
-            
-            const result = await response.json();
-            
-            if (result.success) {
-                this.showNotification('注册成功！正在跳转到登录页面...', 'success');
-                
-                setTimeout(() => {
-                    window.location.href = '/html/login.html';
-                }, 1500);
-            } else {
-                this.showNotification(result.message || '注册失败', 'error');
-                submitBtn.innerHTML = originalText;
-                submitBtn.disabled = false;
-            }
-        } catch (error) {
-            console.error('注册错误:', error);
-            this.showNotification('网络错误，请重试', 'error');
-            submitBtn.innerHTML = originalText;
-            submitBtn.disabled = false;
-        }
-    }
-    
-    async handleLogout(e) {
-        e.preventDefault();
-        
-        if (!confirm('确定要退出登录吗？')) {
-            return;
-        }
-        
-        try {
-            const response = await fetch(`${this.apiBase}/auth/logout`, {
-                method: 'POST'
-            });
-            
-            const result = await response.json();
-            
-            if (result.success) {
-                this.showNotification('已成功退出登录', 'success');
-                setTimeout(() => {
-                    window.location.href = '/';
-                }, 1000);
-            } else {
-                this.showNotification('退出登录失败', 'error');
-            }
-        } catch (error) {
-            console.error('退出登录错误:', error);
-            this.showNotification('网络错误，请重试', 'error');
-        }
-    }
-    
-    showNotification(message, type = 'info') {
-        // 移除现有的通知
-        const existingNotification = document.querySelector('.notification');
-        if (existingNotification) {
-            existingNotification.remove();
-        }
-        
-        // 创建新的通知
-        const notification = document.createElement('div');
-        notification.className = `notification notification-${type}`;
-        notification.innerHTML = `
-            <i class="fas fa-${type === 'success' ? 'check-circle' : 'exclamation-circle'}"></i>
-            <span>${message}</span>
-        `;
-        
-        // 样式
-        notification.style.cssText = `
-            position: fixed;
-            top: 20px;
-            right: 20px;
-            background: ${type === 'success' ? '#10b981' : type === 'error' ? '#ef4444' : '#3b82f6'};
-            color: white;
-            padding: 15px 20px;
-            border-radius: 8px;
-            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
-            display: flex;
-            align-items: center;
-            gap: 10px;
-            z-index: 1000;
-            animation: slideIn 0.3s ease;
-        `;
-        
-        document.body.appendChild(notification);
-        
-        // 3秒后自动移除
-        setTimeout(() => {
-            notification.style.animation = 'slideOut 0.3s ease';
-            setTimeout(() => notification.remove(), 300);
-        }, 3000);
-        
-        // 添加动画关键帧
-        if (!document.querySelector('#notification-styles')) {
-            const style = document.createElement('style');
-            style.id = 'notification-styles';
-            style.textContent = `
-                @keyframes slideIn {
-                    from {
-                        transform: translateX(100%);
-                        opacity: 0;
-                    }
-                    to {
-                        transform: translateX(0);
-                        opacity: 1;
-                    }
-                }
-                @keyframes slideOut {
-                    from {
-                        transform: translateX(0);
-                        opacity: 1;
-                    }
-                    to {
-                        transform: translateX(100%);
-                        opacity: 0;
-                    }
-                }
-            `;
-            document.head.appendChild(style);
-        }
-    }
-}
-
-// 初始化认证管理器
-document.addEventListener('DOMContentLoaded', () => {
-    window.authManager = new AuthManager();
-});
\ No newline at end of file
diff --git a/frontend/css/main.css b/frontend/public/css/main.css
similarity index 100%
rename from frontend/css/main.css
rename to frontend/public/css/main.css
diff --git a/frontend/public/css/notification.css b/frontend/public/css/notification.css
new file mode 100644
index 0000000..1a8c34f
--- /dev/null
+++ b/frontend/public/css/notification.css
@@ -0,0 +1,47 @@
+/* 通知消息样式 */
+.notification {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    padding: 15px 25px;
+    background: white;
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+    display: flex;
+    align-items: center;
+    z-index: 1000;
+    transform: translateX(120%);
+    transition: transform 0.3s ease;
+    border-left: 4px solid #4e73df;
+    max-width: 350px;
+}
+
+.notification.show {
+    transform: translateX(0);
+}
+
+.notification.success {
+    border-left-color: #2ecc71;
+}
+
+.notification.error {
+    border-left-color: #e74c3c;
+}
+
+.notification i {
+    margin-right: 10px;
+    font-size: 1.2em;
+}
+
+.notification.success i {
+    color: #2ecc71;
+}
+
+.notification.error i {
+    color: #e74c3c;
+}
+
+.notification-content {
+    font-size: 14px;
+    color: #333;
+}
\ No newline at end of file
diff --git a/frontend/css/style.css b/frontend/public/css/style.css
similarity index 87%
rename from frontend/css/style.css
rename to frontend/public/css/style.css
index d44ae76..812154b 100644
--- a/frontend/css/style.css
+++ b/frontend/public/css/style.css
@@ -1,1150 +1,1197 @@
-/* 重置和基础样式 */
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
-    background: #f8f9fa;
-    min-height: 100vh;
-    color: #333;
-}
-
-/* 通用容器 */
-.container {
-    max-width: 1000px;
-    margin: 30px auto;
-    padding: 20px;
-    background: white;
-    border-radius: 10px;
-    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
-}
-
-/* 认证页面容器 */
-.auth-container {
-    max-width: 500px;
-    margin: 50px auto;
-    padding: 40px;
-    background: white;
-    border-radius: 15px;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-}
-
-.auth-card {
-    padding: 0;
-}
-
-/* 卡片样式 */
-.card {
-    background: white;
-    border-radius: 15px;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-    padding: 30px;
-    margin-bottom: 20px;
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-
-.card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
-}
-
-/* 按钮样式 */
-.btn {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: 12px 24px;
-    border: none;
-    border-radius: 8px;
-    font-size: 16px;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    text-decoration: none;
-    gap: 8px;
-}
-
-.btn-primary {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    color: white;
-}
-
-.btn-primary:hover {
-    background: linear-gradient(135deg, #5a6fd8 0%, #6b4090 100%);
-    transform: translateY(-2px);
-    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
-}
-
-.btn-secondary {
-    background: #f8f9fa;
-    color: #495057;
-    border: 1px solid #dee2e6;
-}
-
-.btn-secondary:hover {
-    background: #e9ecef;
-    border-color: #adb5bd;
-}
-
-.btn-danger {
-    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
-    color: white;
-}
-
-.btn-danger:hover {
-    background: linear-gradient(135deg, #e685f0 0%, #e4475c 100%);
-}
-
-.btn-success {
-    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
-    color: white;
-}
-
-.btn-success:hover {
-    background: linear-gradient(135deg, #3a9bf4 0%, #00d9e4 100%);
-}
-
-/* 表格样式 */
-.table-container {
-    background: white;
-    border-radius: 10px;
-    overflow: hidden;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-    margin-bottom: 30px;
-}
-
-table {
-    width: 100%;
-    border-collapse: collapse;
-}
-
-thead {
-    background: #f8f9fa;
-}
-
-th {
-    padding: 15px 20px;
-    text-align: left;
-    font-weight: 600;
-    color: #495057;
-    border-bottom: 2px solid #dee2e6;
-}
-
-td {
-    padding: 15px 20px;
-    border-bottom: 1px solid #dee2e6;
-}
-
-tr:hover {
-    background: #f8f9fa;
-}
-
-/* 表单样式 */
-
-
-/* 导航栏样式 */
-.navbar {
-    background: white;
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-    padding: 15px 30px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-radius: 0 0 15px 15px;
-    margin-bottom: 30px;
-}
-
-.navbar-brand {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    font-size: 20px;
-    font-weight: 600;
-    color: #667eea;
-    text-decoration: none;
-}
-
-.navbar-menu {
-    display: flex;
-    gap: 20px;
-    align-items: center;
-}
-
-.navbar-user {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-}
-
-.user-avatar {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    color: white;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-weight: 600;
-}
-
-/* 响应式设计 */
-@media (max-width: 768px) {
-    .container {
-        padding: 0 15px;
-    }
-    
-    .card {
-        padding: 20px;
-    }
-    
-    .btn {
-        padding: 8px 16px;
-        font-size: 14px;
-    }
-    
-    .table-responsive {
-        overflow-x: auto;
-    }
-}
-
-/* 统计卡片样式 */
-.stats-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    gap: 20px;
-    margin-bottom: 30px;
-}
-
-.stat-card {
-    background: white;
-    border-radius: 10px;
-    padding: 25px;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-    display: flex;
-    align-items: center;
-}
-
-.stat-card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
-}
-
-.stat-icon {
-    width: 60px;
-    height: 60px;
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-right: 20px;
-    font-size: 24px;
-    color: white;
-}
-
-.stat-icon.users,
-.stat-icon.gpa {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-}
-
-.stat-icon.students,
-.stat-icon.courses {
-    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
-}
-
-.stat-icon.teachers,
-.stat-icon.credits {
-    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
-}
-
-.stat-icon.courses,
-.stat-icon.ranking {
-    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
-}
-
-.stat-content {
-    flex: 1;
-}
-
-.stat-value {
-    font-size: 32px;
-    font-weight: 700;
-    color: #2d3748;
-    margin-bottom: 5px;
-}
-
-.stat-label {
-    font-size: 14px;
-    color: #718096;
-    margin-bottom: 10px;
-}
-
-.stat-change {
-    font-size: 12px;
-    display: flex;
-    align-items: center;
-}
-
-.stat-change.positive {
-    color: #38a169;
-}
-
-.stat-change i {
-    margin-right: 5px;
-}
-
-/* 功能卡片样式 */
-.function-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
-    gap: 25px;
-    margin-bottom: 40px;
-}
-
-.function-card {
-    background: white;
-    border-radius: 12px;
-    padding: 30px;
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
-    transition: all 0.3s ease;
-    cursor: pointer;
-    text-align: center;
-    border: 2px solid transparent;
-}
-
-.function-card:hover {
-    transform: translateY(-8px);
-    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
-    border-color: #4a90e2;
-}
-
-.function-icon {
-    width: 80px;
-    height: 80px;
-    border-radius: 50%;
-    background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 0 auto 20px;
-    font-size: 32px;
-    color: white;
-}
-
-.function-title {
-    font-size: 20px;
-    font-weight: 600;
-    color: #2d3748;
-    margin-bottom: 15px;
-}
-
-.function-description {
-    font-size: 14px;
-    color: #718096;
-    line-height: 1.6;
-    margin-bottom: 20px;
-}
-
-/* 系统状态样式 */
-.system-status {
-    background: white;
-    border-radius: 12px;
-    padding: 30px;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-    margin-bottom: 40px;
-}
-
-.section-title {
-    font-size: 20px;
-    font-weight: 600;
-    color: #2d3748;
-    margin-bottom: 25px;
-    display: flex;
-    align-items: center;
-}
-
-.section-title i {
-    margin-right: 10px;
-    color: #4a90e2;
-}
-
-.status-list {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    gap: 20px;
-}
-
-.status-item {
-    display: flex;
-    align-items: center;
-    padding: 15px;
-    background: #f7fafc;
-    border-radius: 8px;
-    transition: background-color 0.3s ease;
-}
-
-.status-item:hover {
-    background: #edf2f7;
-}
-
-.status-indicator {
-    width: 12px;
-    height: 12px;
-    border-radius: 50%;
-    margin-right: 15px;
-}
-
-.status-indicator.online {
-    background-color: #38a169;
-}
-
-.status-indicator.warning {
-    background-color: #d69e2e;
-}
-
-.status-indicator.offline {
-    background-color: #e53e3e;
-}
-
-.status-label {
-    font-size: 14px;
-    font-weight: 600;
-    color: #2d3748;
-    margin-bottom: 5px;
-}
-
-.status-value {
-    font-size: 12px;
-    color: #718096;
-}
-
-/* 最近活动样式 */
-.recent-activities {
-    background: white;
-    border-radius: 12px;
-    padding: 30px;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-}
-
-.activity-list {
-    list-style: none;
-    padding: 0;
-}
-
-.activity-item {
-    display: flex;
-    align-items: center;
-    padding: 15px 0;
-    border-bottom: 1px solid #e2e8f0;
-}
-
-.activity-item:last-child {
-    border-bottom: none;
-}
-
-.activity-icon {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    background: #f7fafc;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-right: 15px;
-    color: #4a90e2;
-}
-
-.activity-content {
-    flex: 1;
-}
-
-.activity-title {
-    font-size: 14px;
-    font-weight: 600;
-    color: #2d3748;
-    margin-bottom: 5px;
-}
-
-.activity-time {
-    font-size: 12px;
-    color: #718096;
-}
-
-/* 面包屑导航 */
-.breadcrumb {
-    display: flex;
-    align-items: center;
-    font-size: 14px;
-    color: #718096;
-    margin-top: 5px;
-}
-
-.breadcrumb a {
-    color: #4a90e2;
-    text-decoration: none;
-    transition: color 0.3s ease;
-}
-
-.breadcrumb a:hover {
-    color: #357abd;
-    text-decoration: underline;
-}
-
-.breadcrumb i {
-    margin: 0 10px;
-    font-size: 12px;
-}
-
-/* 当前时间显示 */
-.current-time {
-    font-size: 14px;
-    color: #718096;
-    background: #f7fafc;
-    padding: 8px 15px;
-    border-radius: 20px;
-}
-
-/* 页面标题 */
-.page-title {
-    font-size: 24px;
-    font-weight: 700;
-    color: #2d3748;
-    margin-bottom: 5px;
-}
-
-/* 内容头部 */
-.content-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    margin-bottom: 30px;
-}
-
-/* ==================== 主页样式 ==================== */
-/* 英雄区域 */
-.hero-section {
-    min-height: 80vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    position: relative;
-    overflow: hidden;
-}
-
-.hero-section::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: url('../images/hero-bg.jpg') center/cover no-repeat;
-    opacity: 0.1;
-}
-
-.hero-content {
-    max-width: 800px;
-    text-align: center;
-    position: relative;
-    z-index: 1;
-    padding: 40px;
-    background: rgba(255, 255, 255, 0.95);
-    border-radius: 20px;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
-    margin: 20px;
-}
-
-.hero-title {
-    font-size: 48px;
-    font-weight: 800;
-    margin-bottom: 20px;
-    color: #2c3e50;
-    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.hero-subtitle {
-    font-size: 20px;
-    margin-bottom: 30px;
-    color: #7f8c8d;
-    opacity: 0.9;
-    line-height: 1.6;
-}
-
-/* 功能区域 */
-.features-section {
-    padding: 80px 20px;
-    background-color: #f8f9fa;
-    border-radius: 20px;
-    margin: 40px 20px;
-}
-
-.section-title {
-    text-align: center;
-    font-size: 36px;
-    color: #2c3e50;
-    margin-bottom: 50px;
-}
-
-.features-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-    gap: 30px;
-    max-width: 1200px;
-    margin: 0 auto;
-}
-
-.feature-card {
-    background: white;
-    border-radius: 15px;
-    padding: 40px 30px;
-    text-align: center;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-
-.feature-card:hover {
-    transform: translateY(-10px);
-    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
-}
-
-.feature-icon {
-    width: 80px;
-    height: 80px;
-    border-radius: 50%;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 0 auto 25px;
-    font-size: 32px;
-    color: white;
-}
-
-.feature-title {
-    font-size: 24px;
-    color: #2c3e50;
-    margin-bottom: 15px;
-}
-
-.feature-description {
-    color: #7f8c8d;
-    line-height: 1.6;
-}
-
-/* 行动号召区域 */
-.cta-section {
-    text-align: center;
-    padding: 80px 20px;
-}
-
-.cta-title {
-    font-size: 36px;
-    color: #2c3e50;
-    margin-bottom: 30px;
-}
-
-.cta-buttons {
-    display: flex;
-    justify-content: center;
-    gap: 20px;
-    flex-wrap: wrap;
-}
-
-/* 页脚 */
-.footer {
-    background-color: #2c3e50;
-    color: white;
-    padding: 60px 20px;
-    text-align: center;
-    border-radius: 20px 20px 0 0;
-    margin-top: 80px;
-}
-
-.footer-content {
-    max-width: 1200px;
-    margin: 0 auto;
-}
-
-.footer-links {
-    display: flex;
-    justify-content: center;
-    gap: 30px;
-    margin: 30px 0;
-    flex-wrap: wrap;
-}
-
-.footer-links a {
-    color: #bdc3c7;
-    text-decoration: none;
-    transition: color 0.3s ease;
-}
-
-.footer-links a:hover {
-    color: white;
-}
-
-.copyright {
-    margin-top: 30px;
-    color: #999;
-    font-size: 0.9rem;
-}
-
-/* 主页响应式设计 */
-@media (max-width: 768px) {
-    .hero-title {
-        font-size: 32px;
-    }
-    
-    .hero-subtitle {
-        font-size: 16px;
-    }
-    
-    .section-title {
-        font-size: 28px;
-    }
-    
-    .cta-buttons {
-        flex-direction: column;
-    }
-    
-    .cta-buttons .btn {
-        width: 100%;
-    }
-}
-
-/* ==================== 仪表板通用样式 ==================== */
-/* 仪表板布局 */
-.dashboard-container {
-    display: flex;
-    min-height: calc(100vh - 100px);
-}
-
-/* 侧边栏 */
-.sidebar {
-    width: 250px;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    position: sticky;
-    top: 0;
-    height: 100vh;
-    overflow-y: auto;
-}
-
-.sidebar.admin-sidebar {
-    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
-}
-
-.sidebar.teacher-sidebar {
-    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
-}
-
-.sidebar-header {
-    padding: 30px 20px;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-    margin-bottom: 20px;
-}
-
-.user-info {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-}
-
-.user-avatar {
-    width: 50px;
-    height: 50px;
-    border-radius: 50%;
-    background: rgba(255, 255, 255, 0.2);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 20px;
-    color: white;
-    font-weight: 600;
-}
-
-.user-details h3 {
-    color: white;
-    font-size: 16px;
-    margin-bottom: 5px;
-}
-
-.user-details p {
-    color: rgba(255, 255, 255, 0.7);
-    font-size: 12px;
-}
-
-.sidebar-menu {
-    list-style: none;
-    padding: 0 20px;
-}
-
-.sidebar-menu li {
-    margin-bottom: 10px;
-}
-
-.sidebar-menu a {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-    padding: 15px;
-    color: rgba(255, 255, 255, 0.8);
-    text-decoration: none;
-    border-radius: 8px;
-    transition: all 0.3s ease;
-}
-
-.sidebar-menu a:hover {
-    background: rgba(255, 255, 255, 0.1);
-    color: white;
-}
-
-.sidebar-menu a.active {
-    background: rgba(255, 255, 255, 0.2);
-    color: white;
-}
-
-.sidebar-menu i {
-    width: 20px;
-    text-align: center;
-}
-
-/* 主内容区 */
-.main-content {
-    flex: 1;
-    padding: 30px;
-    background: #f8f9fa;
-    overflow-y: auto;
-}
-
-.content-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 30px;
-}
-
-.content-header h1 {
-    font-size: 28px;
-    color: #2c3e50;
-    margin: 0;
-}
-
-.breadcrumb {
-    color: #7f8c8d;
-    font-size: 14px;
-    margin-top: 5px;
-}
-
-
-
-/* 成绩表格 */
-.grades-table {
-    background: white;
-    border-radius: 15px;
-    overflow: hidden;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-}
-
-.table-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 20px 25px;
-    border-bottom: 1px solid #eee;
-}
-
-.table-title {
-    font-size: 1.3rem;
-    color: #333;
-    margin: 0;
-}
-
-.table-actions {
-    display: flex;
-    gap: 10px;
-}
-
-.table-container {
-    overflow-x: auto;
-}
-
-.grades-table table {
-    width: 100%;
-    border-collapse: collapse;
-}
-
-.grades-table th {
-    background: #f8f9ff;
-    padding: 15px 20px;
-    text-align: left;
-    font-weight: 600;
-    color: #333;
-    border-bottom: 1px solid #eee;
-}
-
-.grades-table td {
-    padding: 15px 20px;
-    border-bottom: 1px solid #eee;
-}
-
-.grades-table tr:hover {
-    background: #f8f9ff;
-}
-
-/* 成绩徽章 */
-.grade-badge {
-    display: inline-block;
-    padding: 5px 15px;
-    border-radius: 20px;
-    font-size: 12px;
-    font-weight: 600;
-    color: white;
-}
-
-.grade-badge.A {
-    background: #2ecc71;
-}
-
-.grade-badge.B {
-    background: #3498db;
-}
-
-.grade-badge.C {
-    background: #f39c12;
-}
-
-.grade-badge.D {
-    background: #e74c3c;
-}
-
-/* 查看按钮 */
-.view-btn {
-    background: #f8f9fa;
-    color: #495057;
-    border: 1px solid #dee2e6;
-    padding: 8px 16px;
-    border-radius: 5px;
-    font-size: 14px;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.view-btn:hover {
-    background: #e9ecef;
-    border-color: #adb5bd;
-}
-
-/* 仪表板响应式设计 */
-@media (max-width: 992px) {
-    .dashboard-container {
-        flex-direction: column;
-    }
-    
-    .sidebar {
-        width: 100%;
-        height: auto;
-        position: static;
-    }
-    
-    .sidebar-menu {
-        display: flex;
-        overflow-x: auto;
-        padding: 10px 20px;
-    }
-    
-    .sidebar-menu li {
-        margin-bottom: 0;
-        margin-right: 10px;
-    }
-    
-    .sidebar-menu a {
-        white-space: nowrap;
-    }
-}
-
-@media (max-width: 768px) {
-    .main-content {
-        padding: 20px;
-    }
-    
-    .content-header {
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 15px;
-    }
-    
-    .stats-grid {
-        grid-template-columns: 1fr;
-    }
-    
-    .table-actions {
-        flex-direction: column;
-    }
-    
-    .function-grid {
-        grid-template-columns: 1fr;
-    }
-    
-    .status-list {
-        grid-template-columns: 1fr;
-    }
-}
-
-/* ==================== 管理页面通用样式 ==================== */
-/* 页面容器 */
-.page-container {
-    padding: 20px;
-}
-
-/* 页面头部 */
-.page-header {
-    margin-bottom: 30px;
-}
-
-.page-header h1 {
-    font-size: 28px;
-    color: #2c3e50;
-    margin-bottom: 10px;
-}
-
-.page-header p {
-    color: #7f8c8d;
-    font-size: 16px;
-    margin: 0;
-}
-
-/* 过滤区域 */
-.filter-section {
-    background: white;
-    border-radius: 10px;
-    padding: 20px;
-    margin-bottom: 30px;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-}
-
-.filter-title {
-    font-size: 18px;
-    font-weight: 600;
-    color: #2c3e50;
-    margin-bottom: 20px;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-}
-
-.filter-form {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: 15px;
-}
-
-.filter-row {
-    display: flex;
-    gap: 15px;
-    flex-wrap: wrap;
-}
-
-.filter-group {
-    display: flex;
-    flex-direction: column;
-    min-width: 200px;
-}
-
-.filter-group label {
-    font-size: 14px;
-    color: #666;
-    margin-bottom: 5px;
-}
-
-/* 表单样式 */
-.entry-form {
-    background: white;
-    border-radius: 12px;
-    padding: 30px;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-}
-
-.form-row {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    gap: 20px;
-    margin-bottom: 20px;
-}
-
-.form-group {
-    margin-bottom: 20px;
-}
-
-.form-group label {
-    display: block;
-    font-size: 14px;
-    color: #666;
-    margin-bottom: 8px;
-}
-
-.form-control {
-    width: 100%;
-    padding: 12px 15px;
-    border: 1px solid #ddd;
-    border-radius: 8px;
-    font-size: 14px;
-    transition: border-color 0.3s ease;
-}
-
-.form-control:focus {
-    outline: none;
-    border-color: #667eea;
-    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
-}
-
-
-
-/* 操作按钮 */
-.action-buttons {
-    display: flex;
-    gap: 10px;
-}
-
-.btn-add {
-    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
-    color: white;
-    border: none;
-    padding: 10px 20px;
-    border-radius: 8px;
-    font-size: 14px;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.btn-add:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 5px 15px rgba(67, 233, 123, 0.3);
-}
-
-/* 管理页面响应式设计 */
-@media (max-width: 768px) {
-    .filter-form {
-        grid-template-columns: 1fr;
-    }
-    
-    .filter-row {
-        flex-direction: column;
-    }
-    
-    .filter-group {
-        min-width: 100%;
-    }
-    
-    .form-row {
-        grid-template-columns: 1fr;
-    }
-    
-    .action-buttons {
-        flex-direction: column;
-    }
-}
\ No newline at end of file
+/* 重置和基础样式 */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
+    background: #f8f9fa;
+    min-height: 100vh;
+    color: #333;
+}
+
+/* 通用容器 */
+.container {
+    max-width: 1000px;
+    margin: 30px auto;
+    padding: 20px;
+    background: white;
+    border-radius: 10px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
+}
+
+/* 认证页面容器 */
+.auth-container {
+    max-width: 500px;
+    margin: 50px auto;
+    padding: 40px;
+    background: white;
+    border-radius: 15px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+}
+
+.auth-card {
+    padding: 0;
+}
+
+/* 卡片样式 */
+.card {
+    background: white;
+    border-radius: 15px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+    padding: 30px;
+    margin-bottom: 20px;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
+}
+
+/* 按钮样式 */
+.btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 12px 24px;
+    border: none;
+    border-radius: 8px;
+    font-size: 16px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    text-decoration: none;
+    gap: 8px;
+}
+
+.btn-primary {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white;
+}
+
+.btn-primary:hover {
+    background: linear-gradient(135deg, #5a6fd8 0%, #6b4090 100%);
+    transform: translateY(-2px);
+    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
+}
+
+.btn-secondary {
+    background: #f8f9fa;
+    color: #495057;
+    border: 1px solid #dee2e6;
+}
+
+.btn-secondary:hover {
+    background: #e9ecef;
+    border-color: #adb5bd;
+}
+
+.btn-danger {
+    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+    color: white;
+}
+
+.btn-danger:hover {
+    background: linear-gradient(135deg, #e685f0 0%, #e4475c 100%);
+}
+
+.btn-success {
+    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+    color: white;
+}
+
+.btn-success:hover {
+    background: linear-gradient(135deg, #3a9bf4 0%, #00d9e4 100%);
+}
+
+/* 表格样式 */
+.table-container {
+    background: white;
+    border-radius: 10px;
+    overflow: hidden;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    margin-bottom: 30px;
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+thead {
+    background: #f8f9fa;
+}
+
+th {
+    padding: 15px 20px;
+    text-align: left;
+    font-weight: 600;
+    color: #495057;
+    border-bottom: 2px solid #dee2e6;
+}
+
+td {
+    padding: 15px 20px;
+    border-bottom: 1px solid #dee2e6;
+}
+
+tr:hover {
+    background: #f8f9fa;
+}
+
+/* 表单样式 */
+
+
+/* 导航栏样式 */
+.navbar {
+    background: white;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+    padding: 15px 30px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-radius: 0 0 15px 15px;
+    margin-bottom: 30px;
+}
+
+.navbar-brand {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    font-size: 20px;
+    font-weight: 600;
+    color: #667eea;
+    text-decoration: none;
+}
+
+.navbar-menu {
+    display: flex;
+    gap: 20px;
+    align-items: center;
+}
+
+.navbar-user {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.user-avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 600;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+    .container {
+        padding: 0 15px;
+    }
+    
+    .card {
+        padding: 20px;
+    }
+    
+    .btn {
+        padding: 8px 16px;
+        font-size: 14px;
+    }
+    
+    .table-responsive {
+        overflow-x: auto;
+    }
+}
+
+/* 统计卡片样式 */
+.stats-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 20px;
+    margin-bottom: 30px;
+}
+
+.stat-card {
+    background: white;
+    border-radius: 10px;
+    padding: 25px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+    display: flex;
+    align-items: center;
+}
+
+.stat-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
+}
+
+.stat-icon {
+    width: 60px;
+    height: 60px;
+    border-radius: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 20px;
+    font-size: 24px;
+    color: white;
+}
+
+.stat-icon.users,
+.stat-icon.gpa {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+}
+
+.stat-icon.students,
+.stat-icon.courses {
+    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+}
+
+.stat-icon.teachers,
+.stat-icon.credits {
+    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+}
+
+.stat-icon.courses,
+.stat-icon.ranking {
+    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
+}
+
+.stat-content {
+    flex: 1;
+}
+
+.stat-value {
+    font-size: 32px;
+    font-weight: 700;
+    color: #2d3748;
+    margin-bottom: 5px;
+}
+
+.stat-label {
+    font-size: 14px;
+    color: #718096;
+    margin-bottom: 10px;
+}
+
+.stat-change {
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+}
+
+.stat-change.positive {
+    color: #38a169;
+}
+
+.stat-change i {
+    margin-right: 5px;
+}
+
+/* 功能卡片样式 */
+.function-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 25px;
+    margin-bottom: 40px;
+}
+
+.function-card {
+    background: white;
+    border-radius: 12px;
+    padding: 30px;
+    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+    cursor: pointer;
+    text-align: center;
+    border: 2px solid transparent;
+}
+
+.function-card:hover {
+    transform: translateY(-8px);
+    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
+    border-color: #4a90e2;
+}
+
+.function-icon {
+    width: 80px;
+    height: 80px;
+    border-radius: 50%;
+    background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 auto 20px;
+    font-size: 32px;
+    color: white;
+}
+
+.function-title {
+    font-size: 20px;
+    font-weight: 600;
+    color: #2d3748;
+    margin-bottom: 15px;
+}
+
+.function-description {
+    font-size: 14px;
+    color: #718096;
+    line-height: 1.6;
+    margin-bottom: 20px;
+}
+
+/* 系统状态样式 */
+.system-status {
+    background: white;
+    border-radius: 12px;
+    padding: 30px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    margin-bottom: 40px;
+}
+
+.section-title {
+    font-size: 20px;
+    font-weight: 600;
+    color: #2d3748;
+    margin-bottom: 25px;
+    display: flex;
+    align-items: center;
+}
+
+.section-title i {
+    margin-right: 10px;
+    color: #4a90e2;
+}
+
+.status-list {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 20px;
+}
+
+.status-item {
+    display: flex;
+    align-items: center;
+    padding: 15px;
+    background: #f7fafc;
+    border-radius: 8px;
+    transition: background-color 0.3s ease;
+}
+
+.status-item:hover {
+    background: #edf2f7;
+}
+
+.status-indicator {
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    margin-right: 15px;
+}
+
+.status-indicator.online {
+    background-color: #38a169;
+}
+
+.status-indicator.warning {
+    background-color: #d69e2e;
+}
+
+.status-indicator.offline {
+    background-color: #e53e3e;
+}
+
+.status-label {
+    font-size: 14px;
+    font-weight: 600;
+    color: #2d3748;
+    margin-bottom: 5px;
+}
+
+.status-value {
+    font-size: 12px;
+    color: #718096;
+}
+
+/* 最近活动样式 */
+.recent-activities {
+    background: white;
+    border-radius: 12px;
+    padding: 30px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.activity-list {
+    list-style: none;
+    padding: 0;
+}
+
+.activity-item {
+    display: flex;
+    align-items: center;
+    padding: 15px 0;
+    border-bottom: 1px solid #e2e8f0;
+}
+
+.activity-item:last-child {
+    border-bottom: none;
+}
+
+.activity-icon {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    background: #f7fafc;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 15px;
+    color: #4a90e2;
+}
+
+.activity-content {
+    flex: 1;
+}
+
+.activity-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: #2d3748;
+    margin-bottom: 5px;
+}
+
+.activity-time {
+    font-size: 12px;
+    color: #718096;
+}
+
+/* 面包屑导航 */
+.breadcrumb {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    color: #718096;
+    margin-top: 5px;
+}
+
+.breadcrumb a {
+    color: #4a90e2;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+.breadcrumb a:hover {
+    color: #357abd;
+    text-decoration: underline;
+}
+
+.breadcrumb i {
+    margin: 0 10px;
+    font-size: 12px;
+}
+
+/* 当前时间显示 */
+.current-time {
+    font-size: 14px;
+    color: #718096;
+    background: #f7fafc;
+    padding: 8px 15px;
+    border-radius: 20px;
+}
+
+/* 页面标题 */
+.page-title {
+    font-size: 24px;
+    font-weight: 700;
+    color: #2d3748;
+    margin-bottom: 5px;
+}
+
+/* 内容头部 */
+.content-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: 30px;
+}
+
+/* ==================== 主页样式 ==================== */
+/* 英雄区域 */
+.hero-section {
+    min-height: 80vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    position: relative;
+    overflow: hidden;
+}
+
+.hero-section::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: url('../images/hero-bg.jpg') center/cover no-repeat;
+    opacity: 0.1;
+}
+
+.hero-content {
+    max-width: 800px;
+    text-align: center;
+    position: relative;
+    z-index: 1;
+    padding: 40px;
+    background: rgba(255, 255, 255, 0.95);
+    border-radius: 20px;
+    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+    margin: 20px;
+}
+
+.hero-title {
+    font-size: 48px;
+    font-weight: 800;
+    margin-bottom: 20px;
+    color: #2c3e50;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.hero-subtitle {
+    font-size: 20px;
+    margin-bottom: 30px;
+    color: #7f8c8d;
+    opacity: 0.9;
+    line-height: 1.6;
+}
+
+/* 功能区域 */
+.features-section {
+    padding: 80px 20px;
+    background-color: #f8f9fa;
+    border-radius: 20px;
+    margin: 40px 20px;
+}
+
+.section-title {
+    text-align: center;
+    font-size: 36px;
+    color: #2c3e50;
+    margin-bottom: 50px;
+}
+
+.features-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 30px;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.feature-card {
+    background: white;
+    border-radius: 15px;
+    padding: 40px 30px;
+    text-align: center;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.feature-card:hover {
+    transform: translateY(-10px);
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
+}
+
+.feature-icon {
+    width: 80px;
+    height: 80px;
+    border-radius: 50%;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 auto 25px;
+    font-size: 32px;
+    color: white;
+}
+
+.feature-title {
+    font-size: 24px;
+    color: #2c3e50;
+    margin-bottom: 15px;
+}
+
+.feature-description {
+    color: #7f8c8d;
+    line-height: 1.6;
+}
+
+/* 行动号召区域 */
+.cta-section {
+    text-align: center;
+    padding: 80px 20px;
+}
+
+.cta-title {
+    font-size: 36px;
+    color: #2c3e50;
+    margin-bottom: 30px;
+}
+
+.cta-buttons {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    flex-wrap: wrap;
+}
+
+/* 页脚 */
+.footer {
+    background-color: #2c3e50;
+    color: white;
+    padding: 60px 20px;
+    text-align: center;
+    border-radius: 20px 20px 0 0;
+    margin-top: 80px;
+}
+
+.footer-content {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.footer-links {
+    display: flex;
+    justify-content: center;
+    gap: 30px;
+    margin: 30px 0;
+    flex-wrap: wrap;
+}
+
+.footer-links a {
+    color: #bdc3c7;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+.footer-links a:hover {
+    color: white;
+}
+
+.copyright {
+    margin-top: 30px;
+    color: #999;
+    font-size: 0.9rem;
+}
+
+/* 主页响应式设计 */
+@media (max-width: 768px) {
+    .hero-title {
+        font-size: 32px;
+    }
+    
+    .hero-subtitle {
+        font-size: 16px;
+    }
+    
+    .section-title {
+        font-size: 28px;
+    }
+    
+    .cta-buttons {
+        flex-direction: column;
+    }
+    
+    .cta-buttons .btn {
+        width: 100%;
+    }
+}
+
+/* ==================== 仪表板通用样式 ==================== */
+/* 仪表板布局 */
+.dashboard-container {
+    display: flex;
+    min-height: calc(100vh - 100px);
+}
+
+/* 侧边栏 */
+.sidebar {
+    width: 250px;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    position: sticky;
+    top: 0;
+    height: 100vh;
+    overflow-y: auto;
+}
+
+.sidebar.admin-sidebar {
+    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
+}
+
+.sidebar.teacher-sidebar {
+    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
+}
+
+.sidebar-header {
+    padding: 30px 20px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    margin-bottom: 20px;
+}
+
+.user-info {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+}
+
+.user-avatar {
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    background: rgba(255, 255, 255, 0.2);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 20px;
+    color: white;
+    font-weight: 600;
+}
+
+.user-details h3 {
+    color: white;
+    font-size: 16px;
+    margin-bottom: 5px;
+}
+
+.user-details p {
+    color: rgba(255, 255, 255, 0.7);
+    font-size: 12px;
+}
+
+.sidebar-menu {
+    list-style: none;
+    padding: 0 20px;
+}
+
+.sidebar-menu li {
+    margin-bottom: 10px;
+}
+
+.sidebar-menu a {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    padding: 15px;
+    color: rgba(255, 255, 255, 0.8);
+    text-decoration: none;
+    border-radius: 8px;
+    transition: all 0.3s ease;
+}
+
+.sidebar-menu a:hover {
+    background: rgba(255, 255, 255, 0.1);
+    color: white;
+}
+
+.sidebar-menu a.active {
+    background: rgba(255, 255, 255, 0.2);
+    color: white;
+}
+
+.sidebar-menu i {
+    width: 20px;
+    text-align: center;
+}
+
+/* 主内容区 */
+.main-content {
+    flex: 1;
+    padding: 30px;
+    background: #f8f9fa;
+    overflow-y: auto;
+}
+
+.content-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 30px;
+}
+
+.content-header h1 {
+    font-size: 28px;
+    color: #2c3e50;
+    margin: 0;
+}
+
+.breadcrumb {
+    color: #7f8c8d;
+    font-size: 14px;
+    margin-top: 5px;
+}
+
+
+
+/* 成绩表格 */
+.grades-table {
+    background: white;
+    border-radius: 15px;
+    overflow: hidden;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+}
+
+.table-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20px 25px;
+    border-bottom: 1px solid #eee;
+}
+
+.table-title {
+    font-size: 1.3rem;
+    color: #333;
+    margin: 0;
+}
+
+.table-actions {
+    display: flex;
+    gap: 10px;
+}
+
+.table-container {
+    overflow-x: auto;
+}
+
+.grades-table table {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.grades-table th {
+    background: #f8f9ff;
+    padding: 15px 20px;
+    text-align: left;
+    font-weight: 600;
+    color: #333;
+    border-bottom: 1px solid #eee;
+}
+
+.grades-table td {
+    padding: 15px 20px;
+    border-bottom: 1px solid #eee;
+}
+
+.grades-table tr:hover {
+    background: #f8f9ff;
+}
+
+/* 成绩徽章 */
+.grade-badge {
+    display: inline-block;
+    padding: 5px 15px;
+    border-radius: 20px;
+    font-size: 12px;
+    font-weight: 600;
+    color: white;
+}
+
+.grade-badge.A {
+    background: #2ecc71;
+}
+
+.grade-badge.B {
+    background: #3498db;
+}
+
+.grade-badge.C {
+    background: #f39c12;
+}
+
+.grade-badge.D {
+    background: #e74c3c;
+}
+
+/* 查看按钮 */
+.view-btn {
+    background: #f8f9fa;
+    color: #495057;
+    border: 1px solid #dee2e6;
+    padding: 8px 16px;
+    border-radius: 5px;
+    font-size: 14px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.view-btn:hover {
+    background: #e9ecef;
+    border-color: #adb5bd;
+}
+
+/* 仪表板响应式设计 */
+@media (max-width: 992px) {
+    .dashboard-container {
+        flex-direction: column;
+    }
+    
+    .sidebar {
+        width: 100%;
+        height: auto;
+        position: static;
+    }
+    
+    .sidebar-menu {
+        display: flex;
+        overflow-x: auto;
+        padding: 10px 20px;
+    }
+    
+    .sidebar-menu li {
+        margin-bottom: 0;
+        margin-right: 10px;
+    }
+    
+    .sidebar-menu a {
+        white-space: nowrap;
+    }
+}
+
+@media (max-width: 768px) {
+    .main-content {
+        padding: 20px;
+    }
+    
+    .content-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 15px;
+    }
+    
+    .stats-grid {
+        grid-template-columns: 1fr;
+    }
+    
+    .table-actions {
+        flex-direction: column;
+    }
+    
+    .function-grid {
+        grid-template-columns: 1fr;
+    }
+    
+    .status-list {
+        grid-template-columns: 1fr;
+    }
+}
+
+/* ==================== 管理页面通用样式 ==================== */
+/* 页面容器 */
+.page-container {
+    padding: 20px;
+}
+
+/* 页面头部 */
+.page-header {
+    margin-bottom: 30px;
+}
+
+.page-header h1 {
+    font-size: 28px;
+    color: #2c3e50;
+    margin-bottom: 10px;
+}
+
+.page-header p {
+    color: #7f8c8d;
+    font-size: 16px;
+    margin: 0;
+}
+
+/* 过滤区域 */
+.filter-section {
+    background: white;
+    border-radius: 10px;
+    padding: 20px;
+    margin-bottom: 30px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.filter-title {
+    font-size: 18px;
+    font-weight: 600;
+    color: #2c3e50;
+    margin-bottom: 20px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.filter-form {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 15px;
+}
+
+.filter-row {
+    display: flex;
+    gap: 15px;
+    flex-wrap: wrap;
+}
+
+.filter-group {
+    display: flex;
+    flex-direction: column;
+    min-width: 200px;
+}
+
+.filter-group label {
+    font-size: 14px;
+    color: #666;
+    margin-bottom: 5px;
+}
+
+/* 表单样式 */
+.entry-form {
+    background: white;
+    border-radius: 12px;
+    padding: 30px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+}
+
+.form-row {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 20px;
+    margin-bottom: 20px;
+}
+
+.form-group {
+    margin-bottom: 20px;
+}
+
+.form-group label {
+    display: block;
+    font-size: 14px;
+    color: #666;
+    margin-bottom: 8px;
+}
+
+.form-control {
+    width: 100%;
+    padding: 12px 15px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    font-size: 14px;
+    transition: border-color 0.3s ease;
+}
+
+.form-control:focus {
+    outline: none;
+    border-color: #667eea;
+    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+}
+
+
+
+/* 操作按钮 */
+.action-buttons {
+    display: flex;
+    gap: 10px;
+}
+
+.btn-add {
+    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 8px;
+    font-size: 14px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.btn-add:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 5px 15px rgba(67, 233, 123, 0.3);
+}
+
+/* 管理页面响应式设计 */
+@media (max-width: 768px) {
+    .filter-form {
+        grid-template-columns: 1fr;
+    }
+    
+    .filter-row {
+        flex-direction: column;
+    }
+    
+    .filter-group {
+        min-width: 100%;
+    }
+    
+    .form-row {
+        grid-template-columns: 1fr;
+    }
+    
+    .action-buttons {
+        flex-direction: column;
+    }
+}/* ��1laqZXO͓�\!} */

+.notification {

+    position: fixed;

+    top: 20px;

+    right: 20px;

+    padding: 15px 25px;

+    background: white;

+    border-radius: 8px;

+    box-shadow: 0 4px 12px rgba(0,0,0,0.15);

+    display: flex;

+    align-items: center;

+    z-index: 1000;

+    transform: translateX(120%);

+    transition: transform 0.3s ease;

+    border-left: 4px solid #4e73df;

+    max-width: 350px;

+}

+

+.notification.show {

+    transform: translateX(0);

+}

+

+.notification.success {

+    border-left-color: #2ecc71;

+}

+

+.notification.error {

+    border-left-color: #e74c3c;

+}

+

+.notification i {

+    margin-right: 10px;

+    font-size: 1.2em;

+}

+

+.notification.success i {

+    color: #2ecc71;

+}

+

+.notification.error i {

+    color: #e74c3c;

+}

+

+.notification-content {

+    font-size: 14px;

+    color: #333;

+}

+
\ No newline at end of file
diff --git a/frontend/js/admin.js b/frontend/public/js/admin.js
similarity index 90%
rename from frontend/js/admin.js
rename to frontend/public/js/admin.js
index a0c3944..b7eae66 100644
--- a/frontend/js/admin.js
+++ b/frontend/public/js/admin.js
@@ -11,9 +11,8 @@ class AdminDashboard {
     }
 
     async init() {
-        // 检查登录状态
-        if (!await this.checkAuth()) {
-            window.location.href = '/frontend/html/login.html';
+        // 检查登录状�?        if (!await this.checkAuth()) {
+            window.location.href = '/login';
             return;
         }
 
@@ -32,8 +31,7 @@ class AdminDashboard {
         // 更新界面
         this.updateUI();
         
-        // 初始化图表
-        this.initCharts();
+        // 初始化图�?        this.initCharts();
     }
 
     async checkAuth() {
@@ -49,7 +47,7 @@ class AdminDashboard {
             const data = await response.json();
             return data.success && data.user.role === 'admin';
         } catch (error) {
-            console.error('认证检查失败:', error);
+            console.error('认证检查失�?', error);
             return false;
         }
     }
@@ -234,8 +232,7 @@ class AdminDashboard {
             }
         });
 
-        // 退出登录
-        document.getElementById('logoutBtn')?.addEventListener('click', () => {
+        // 退出登�?        document.getElementById('logoutBtn')?.addEventListener('click', () => {
             this.handleLogout();
         });
 
@@ -247,23 +244,20 @@ class AdminDashboard {
 
     async loadPage(page) {
         // 这里可以实现页面切换逻辑
-        // 暂时使用简单跳转
-        switch (page) {
+        // 暂时使用简单跳�?        switch (page) {
             case 'users':
-                window.location.href = '/frontend/html/user_management.html';
+                window.location.href = '/admin/user_management';
                 break;
             case 'students':
-                window.location.href = '/frontend/html/student_management.html';
+                window.location.href = '/admin/student_management';
                 break;
             case 'teachers':
-                // 可以跳转到教师管理页面
-                break;
+                // 可以跳转到教师管理页�?                break;
             case 'grades':
-                window.location.href = '/frontend/html/grade_management.html';
+                window.location.href = '/teacher/grade_management';
                 break;
             case 'settings':
-                // 可以跳转到系统设置页面
-                break;
+                // 可以跳转到系统设置页�?                break;
         }
     }
 
@@ -274,7 +268,7 @@ class AdminDashboard {
         const className = document.getElementById('classFilter')?.value || '';
         
         // 这里可以实现搜索逻辑
-        this.showNotification('搜索功能待实现', 'info');
+        this.showNotification('搜索功能待实�?, 'info');
     }
 
     resetFilters() {
@@ -291,10 +285,10 @@ class AdminDashboard {
         // 这里可以打开添加用户模态框
         const userData = {
             user_id: prompt('请输入用户ID:'),
-            full_name: prompt('请输入姓名:'),
-            role: prompt('请输入角色 (admin/teacher/student):'),
-            email: prompt('请输入邮箱:'),
-            class_name: prompt('请输入班级 (学生/教师可选):')
+            full_name: prompt('请输入姓�?'),
+            role: prompt('请输入角�?(admin/teacher/student):'),
+            email: prompt('请输入邮�?'),
+            class_name: prompt('请输入班�?(学生/教师可�?:')
         };
 
         if (!userData.user_id || !userData.full_name || !userData.role) {
@@ -353,7 +347,7 @@ class AdminDashboard {
             return;
         }
 
-        if (!confirm(`确定要删除选中的 ${checkboxes.length} 个用户吗？`)) {
+        if (!confirm(`确定要删除选中�?${checkboxes.length} 个用户吗？`)) {
             return;
         }
 
@@ -385,10 +379,10 @@ class AdminDashboard {
         if (!user) return;
 
         // 这里可以打开编辑模态框
-        const newName = prompt('请输入新的姓名:', user.full_name);
+        const newName = prompt('请输入新的姓�?', user.full_name);
         if (newName === null) return;
 
-        const newRole = prompt('请输入新的角色:', user.role);
+        const newRole = prompt('请输入新的角�?', user.role);
         if (newRole === null) return;
 
         try {
@@ -418,7 +412,7 @@ class AdminDashboard {
     }
 
     async deleteUser(userId) {
-        if (!confirm('确定要删除这个用户吗？')) {
+        if (!confirm('确定要删除这个用户吗�?)) {
             return;
         }
 
@@ -449,17 +443,17 @@ class AdminDashboard {
             });
             
             if (response.ok) {
-                window.location.href = '/html/login.html';
+                window.location.href = '/login';
             }
         } catch (error) {
-            console.error('退出登录失败:', error);
+            console.error('退出登录失�?', error);
         }
     }
 
     async refreshData() {
         await this.loadStats();
         await this.loadUsers();
-        this.showNotification('数据已刷新', 'success');
+        this.showNotification('数据已刷�?, 'success');
     }
 
     updateUI() {
@@ -473,11 +467,9 @@ class AdminDashboard {
     }
 
     async initCharts() {
-        // 加载Chart.js库
-        await this.loadChartLibrary();
+        // 加载Chart.js�?        await this.loadChartLibrary();
         
-        // 初始化用户分布饼图
-        this.initUserDistributionChart();
+        // 初始化用户分布饼�?        this.initUserDistributionChart();
         
         // 初始化成绩分布柱状图
         this.initGradeDistributionChart();
@@ -493,8 +485,7 @@ class AdminDashboard {
             <button class="notification-close">&times;</button>
         `;
         
-        // 添加到页面
-        document.body.appendChild(notification);
+        // 添加到页�?        document.body.appendChild(notification);
         
         // 添加关闭事件
         notification.querySelector('.notification-close').addEventListener('click', () => {
@@ -527,7 +518,7 @@ class AdminDashboard {
 
         // 模拟数据
         const data = {
-            labels: ['学生', '教师', '管理员'],
+            labels: ['学生', '教师', '管理�?],
             datasets: [{
                 data: [this.stats.totalStudents || 100, this.stats.totalTeachers || 20, 1],
                 backgroundColor: [
@@ -589,3 +580,4 @@ class AdminDashboard {
         });
     }
 }
+
diff --git a/frontend/public/js/auth.js b/frontend/public/js/auth.js
new file mode 100644
index 0000000..ef33b8c
--- /dev/null
+++ b/frontend/public/js/auth.js
@@ -0,0 +1,287 @@
+/**
+ * 认证模块管理器
+ * 处理登录、注册、注销及权限检查
+ */
+class AuthManager {
+    constructor() {
+        this.apiBase = '/api';
+        this.init();
+    }
+    
+    init() {
+        this.createNotificationContainer();
+        this.initEventListeners();
+        this.checkAuthStatus();
+    }
+    
+    /**
+     * 创建通知容器
+     */
+    createNotificationContainer() {
+        if (!document.getElementById('notification-container')) {
+            const container = document.createElement('div');
+            container.id = 'notification-container';
+            container.style.cssText = `
+                position: fixed;
+                top: 20px;
+                right: 20px;
+                z-index: 9999;
+                display: flex;
+                flex-direction: column;
+                gap: 10px;
+            `;
+            document.body.appendChild(container);
+        }
+    }
+    
+    /**
+     * 检查用户认证状态
+     */
+    async checkAuthStatus() {
+        // 如果当前是公共页面，可以选择不检查，或者检查后更新UI
+        const currentPath = window.location.pathname;
+        const isAuthPage = currentPath.includes('/login') || currentPath.includes('/register');
+        
+        try {
+            const response = await fetch(`${this.apiBase}/auth/me`);
+            const data = await response.json();
+            
+            if (data.success && data.user) {
+                // 用户已登录
+                const redirectUrl = this.getDashboardUrl(data.user.role);
+                
+                // 如果在登录/注册页，跳转到仪表板
+                if (isAuthPage || currentPath === '/') {
+                    window.location.href = redirectUrl;
+                }
+            } else {
+                // 用户未登录，如果在受保护页面，跳转到登录页
+                // 注意：后端通常已经处理了重定向，这里是前端的额外保障
+                if (!isAuthPage && currentPath !== '/') {
+                    // 可以在这里添加逻辑，但通常交给后端控制
+                }
+            }
+        } catch (error) {
+            console.error('Auth check failed:', error);
+        }
+    }
+    
+    getDashboardUrl(role) {
+        switch(role) {
+            case 'student': return '/student/dashboard';
+            case 'teacher': return '/teacher/dashboard';
+            case 'admin': return '/admin/dashboard';
+            default: return '/dashboard';
+        }
+    }
+    
+    initEventListeners() {
+        // 登录表单
+        const loginForm = document.getElementById('loginForm');
+        if (loginForm) {
+            loginForm.addEventListener('submit', (e) => this.handleLogin(e));
+        }
+        
+        // 注册表单
+        const registerForm = document.getElementById('registerForm');
+        if (registerForm) {
+            registerForm.addEventListener('submit', (e) => this.handleRegister(e));
+            
+            // 角色选择联动
+            const roleSelect = document.getElementById('role');
+            if (roleSelect) {
+                roleSelect.addEventListener('change', (e) => this.handleRoleChange(e));
+            }
+        }
+        
+        // 注销按钮 (可能有多个，例如在导航栏)
+        document.querySelectorAll('.btn-logout, #logoutBtn').forEach(btn => {
+            btn.addEventListener('click', (e) => this.handleLogout(e));
+        });
+    }
+    
+    handleRoleChange(e) {
+        const role = e.target.value;
+        const classField = document.getElementById('classField');
+        const classInput = document.getElementById('class');
+        
+        if (classField && classInput) {
+            if (role === 'student' || role === 'teacher') {
+                classField.style.display = 'block';
+                classInput.required = true;
+            } else {
+                classField.style.display = 'none';
+                classInput.required = false;
+                classInput.value = ''; // 清空值
+            }
+        }
+    }
+    
+    async handleLogin(e) {
+        e.preventDefault();
+        const form = e.target;
+        const submitBtn = form.querySelector('button[type="submit"]');
+        
+        if (this.setLoading(submitBtn, true, '登录中...')) {
+            try {
+                const formData = new FormData(form);
+                const data = Object.fromEntries(formData.entries());
+                
+                const response = await fetch(`${this.apiBase}/auth/login`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(data)
+                });
+                
+                const result = await response.json();
+                
+                if (result.success) {
+                    this.showNotification('登录成功，正在跳转...', 'success');
+                    setTimeout(() => {
+                        window.location.href = this.getDashboardUrl(result.user.role);
+                    }, 1000);
+                } else {
+                    this.showNotification(result.message || '登录失败', 'error');
+                    this.setLoading(submitBtn, false);
+                }
+            } catch (error) {
+                console.error('Login error:', error);
+                this.showNotification('网络错误，请稍后重试', 'error');
+                this.setLoading(submitBtn, false);
+            }
+        }
+    }
+    
+    async handleRegister(e) {
+        e.preventDefault();
+        const form = e.target;
+        const submitBtn = form.querySelector('button[type="submit"]');
+        
+        // 获取数据
+        const formData = new FormData(form);
+        const data = Object.fromEntries(formData.entries());
+        
+        // 简单验证
+        if (data.password !== data.confirmPassword) {
+            this.showNotification('两次输入的密码不一致', 'error');
+            return;
+        }
+        
+        if (this.setLoading(submitBtn, true, '注册中...')) {
+            try {
+                const response = await fetch(`${this.apiBase}/auth/register`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(data)
+                });
+                
+                const result = await response.json();
+                
+                if (result.success) {
+                    this.showNotification('注册成功，请登录', 'success');
+                    setTimeout(() => {
+                        window.location.href = '/login';
+                    }, 1500);
+                } else {
+                    this.showNotification(result.message || '注册失败', 'error');
+                    this.setLoading(submitBtn, false);
+                }
+            } catch (error) {
+                console.error('Register error:', error);
+                this.showNotification('网络错误，请稍后重试', 'error');
+                this.setLoading(submitBtn, false);
+            }
+        }
+    }
+    
+    async handleLogout(e) {
+        e.preventDefault();
+        
+        if (confirm('确定要退出登录吗？')) {
+            try {
+                const response = await fetch(`${this.apiBase}/auth/logout`, {
+                    method: 'POST'
+                });
+                
+                const result = await response.json();
+                
+                if (result.success) {
+                    this.showNotification('已退出登录', 'success');
+                    setTimeout(() => {
+                        window.location.href = '/login';
+                    }, 1000);
+                }
+            } catch (error) {
+                console.error('Logout error:', error);
+                // 即使出错也强制跳转到登录页
+                window.location.href = '/login';
+            }
+        }
+    }
+    
+    /**
+     * 设置按钮加载状态
+     * @param {HTMLElement} btn 按钮元素
+     * @param {boolean} isLoading 是否正在加载
+     * @param {string} text 加载时的文本
+     * @returns {boolean} true表示状态设置成功
+     */
+    setLoading(btn, isLoading, text = '') {
+        if (!btn) return false;
+        
+        if (isLoading) {
+            if (btn.dataset.loading) return false; // 防止重复提交
+            btn.dataset.loading = 'true';
+            btn.dataset.originalText = btn.innerHTML;
+            btn.innerHTML = `<i class="fas fa-spinner fa-spin"></i> ${text}`;
+            btn.disabled = true;
+        } else {
+            btn.innerHTML = btn.dataset.originalText || btn.innerHTML;
+            delete btn.dataset.loading;
+            btn.disabled = false;
+        }
+        return true;
+    }
+    
+    /**
+     * 显示通知
+     * @param {string} message 消息内容
+     * @param {string} type 消息类型 'success' | 'error' | 'info'
+     */
+    showNotification(message, type = 'info') {
+        const container = document.getElementById('notification-container');
+        if (!container) return;
+        
+        const notification = document.createElement('div');
+        notification.className = `notification ${type}`;
+        
+        let icon = 'info-circle';
+        if (type === 'success') icon = 'check-circle';
+        if (type === 'error') icon = 'exclamation-circle';
+        
+        notification.innerHTML = `
+            <i class="fas fa-${icon}"></i>
+            <span class="notification-content">${message}</span>
+        `;
+        
+        container.appendChild(notification);
+        
+        // 动画显示
+        requestAnimationFrame(() => {
+            notification.classList.add('show');
+        });
+        
+        // 自动消失
+        setTimeout(() => {
+            notification.classList.remove('show');
+            notification.addEventListener('transitionend', () => {
+                notification.remove();
+            });
+        }, 3000);
+    }
+}
+
+// 初始化
+document.addEventListener('DOMContentLoaded', () => {
+    window.authManager = new AuthManager();
+});
\ No newline at end of file
diff --git a/frontend/js/main.js b/frontend/public/js/main.js
similarity index 84%
rename from frontend/js/main.js
rename to frontend/public/js/main.js
index 0b11d50..0ed4800 100644
--- a/frontend/js/main.js
+++ b/frontend/public/js/main.js
@@ -7,8 +7,7 @@ class MainPage {
     }
 
     init() {
-        // 初始化所有功能
-        this.initNavbar();
+        // 初始化所有功�?        this.initNavbar();
         this.initScrollEffects();
         this.initSmoothScroll();
         this.initBackToTop();
@@ -30,8 +29,7 @@ class MainPage {
             }
         });
 
-        // 初始化当前页面高亮
-        this.highlightCurrentPage();
+        // 初始化当前页面高�?        this.highlightCurrentPage();
     }
 
     // 高亮当前页面导航链接
@@ -47,9 +45,8 @@ class MainPage {
         });
     }
 
-    // 初始化滚动效果
-    initScrollEffects() {
-        // 滚动时显示/隐藏元素
+    // 初始化滚动效�?    initScrollEffects() {
+        // 滚动时显�?隐藏元素
         const observerOptions = {
             root: null,
             rootMargin: '0px',
@@ -70,8 +67,7 @@ class MainPage {
         });
     }
 
-    // 初始化平滑滚动
-    initSmoothScroll() {
+    // 初始化平滑滚�?    initSmoothScroll() {
         document.querySelectorAll('a[href^="#"]').forEach(anchor => {
             anchor.addEventListener('click', (e) => {
                 e.preventDefault();
@@ -89,15 +85,14 @@ class MainPage {
         });
     }
 
-    // 初始化返回顶部按钮
-    initBackToTop() {
+    // 初始化返回顶部按�?    initBackToTop() {
         const backToTopBtn = document.createElement('button');
         backToTopBtn.id = 'backToTop';
         backToTopBtn.innerHTML = '<i class="fas fa-chevron-up"></i>';
         backToTopBtn.title = '返回顶部';
         document.body.appendChild(backToTopBtn);
 
-        // 滚动时显示/隐藏按钮
+        // 滚动时显�?隐藏按钮
         window.addEventListener('scroll', () => {
             if (window.scrollY > 300) {
                 backToTopBtn.classList.add('show');
@@ -136,8 +131,7 @@ class MainPage {
         });
     }
 
-    // 初始化认证按钮状态
-    initAuthButtons() {
+    // 初始化认证按钮状�?    initAuthButtons() {
         // 检查用户是否已登录
         this.checkLoginStatus().then(user => {
             const loginBtn = document.getElementById('loginBtn');
@@ -145,23 +139,22 @@ class MainPage {
             const heroLoginBtn = document.getElementById('heroLoginBtn');
             
             if (user) {
-                // 用户已登录，显示仪表板按钮
-                // 根据用户角色设置正确的仪表板路径
+                // 用户已登录，显示仪表板按�?                // 根据用户角色设置正确的仪表板路径
                 let dashboardUrl = '/dashboard';
                 if (user.role === 'student') {
-                    dashboardUrl = '/frontend/html/student_dashboard.html';
+                    dashboardUrl = '/student/dashboard';
                 } else if (user.role === 'teacher') {
-                    dashboardUrl = '/frontend/html/teacher_dashboard.html';
+                    dashboardUrl = '/teacher/dashboard';
                 } else if (user.role === 'admin') {
-                    dashboardUrl = '/frontend/html/admin_dashboard.html';
+                    dashboardUrl = '/admin/dashboard';
                 }
                 
                 if (loginBtn) {
-                    loginBtn.textContent = '进入仪表板';
+                    loginBtn.textContent = '进入仪表�?;
                     loginBtn.href = dashboardUrl;
                 }
                 if (heroLoginBtn) {
-                    heroLoginBtn.textContent = '进入仪表板';
+                    heroLoginBtn.textContent = '进入仪表�?;
                     heroLoginBtn.href = dashboardUrl;
                 }
                 if (registerBtn) {
@@ -171,15 +164,14 @@ class MainPage {
         });
     }
 
-    // 检查登录状态
-    async checkLoginStatus() {
+    // 检查登录状�?    async checkLoginStatus() {
         try {
             const apiBase = window.location.protocol === 'file:' ? 'http://localhost:3000/api' : '/api';
             const response = await fetch(`${apiBase}/auth/me`);
             const data = await response.json();
             return data.success && data.user;
         } catch (error) {
-            console.log('用户未登录');
+            console.log('用户未登�?);
             return false;
         }
     }
@@ -196,8 +188,7 @@ class MainPage {
             </div>
         `;
         
-        // 添加到页面
-        document.body.appendChild(notification);
+        // 添加到页�?        document.body.appendChild(notification);
         
         // 显示通知
         setTimeout(() => {
@@ -219,4 +210,4 @@ class MainPage {
 // 页面加载完成后初始化
 document.addEventListener('DOMContentLoaded', () => {
     new MainPage();
-});
\ No newline at end of file
+});
diff --git a/frontend/js/student.js b/frontend/public/js/student.js
similarity index 91%
rename from frontend/js/student.js
rename to frontend/public/js/student.js
index 8f750a4..aa743af 100644
--- a/frontend/js/student.js
+++ b/frontend/public/js/student.js
@@ -19,10 +19,10 @@ class StudentManager {
             });
             
             if (response.status === 401) {
-                // 未登录，重定向到登录页
+                // 未登录，重定向到登录�?
                 this.showNotification('请先登录', 'error');
                 setTimeout(() => {
-                    window.location.href = '/html/login.html';
+                    window.location.href = '/login';
                 }, 1500);
                 return;
             }
@@ -113,14 +113,14 @@ class StudentManager {
                         <i class="fas fa-star"></i>
                     </div>
                     <div class="stat-value">${statistics.totalCredits}</div>
-                    <div class="stat-label">总学分</div>
+                    <div class="stat-label">总学�?/div>
                 </div>
                 <div class="stat-card">
                     <div class="stat-icon grade">
                         <i class="fas fa-chart-line"></i>
                     </div>
                     <div class="stat-value">${statistics.averageScore}</div>
-                    <div class="stat-label">平均分</div>
+                    <div class="stat-label">平均�?/div>
                 </div>
                 <div class="stat-card">
                     <div class="stat-icon teacher">
@@ -143,10 +143,10 @@ class StudentManager {
             });
             
             if (response.status === 401) {
-                // 未登录，重定向到登录页
+                // 未登录，重定向到登录�?
                 this.showNotification('请先登录', 'error');
                 setTimeout(() => {
-                    window.location.href = '/html/login.html';
+                    window.location.href = '/login';
                 }, 1500);
                 return;
             }
@@ -156,7 +156,7 @@ class StudentManager {
             if (data.success) {
                 const profile = data.profile;
                 
-                // 更新学生仪表板顶部信息
+                // 更新学生仪表板顶部信�?
                 const userNameElement = document.getElementById('userName');
                 const studentNameElement = document.getElementById('studentName');
                 const studentClassElement = document.getElementById('studentClass');
@@ -168,7 +168,7 @@ class StudentManager {
                     studentNameElement.textContent = profile.full_name || profile.username;
                 }
                 if (studentClassElement) {
-                    studentClassElement.textContent = profile.class_name || '未设置';
+                    studentClassElement.textContent = profile.class_name || '未设�?;
                 }
                 
                 profileElement.innerHTML = `
@@ -202,14 +202,14 @@ class StudentManager {
                             <i class="fas fa-book"></i>
                             <div>
                                 <h4>专业</h4>
-                                <p>${profile.major || '未设置'}</p>
+                                <p>${profile.major || '未设�?}</p>
                             </div>
                         </div>
                         <div class="detail-item">
                             <i class="fas fa-calendar-alt"></i>
                             <div>
                                 <h4>入学年份</h4>
-                                <p>${profile.enrollment_year || '未设置'}</p>
+                                <p>${profile.enrollment_year || '未设�?}</p>
                             </div>
                         </div>
                     </div>
@@ -258,14 +258,14 @@ class StudentManager {
         else if (grade.score >= 80) gradeDescription = '良好';
         else if (grade.score >= 70) gradeDescription = '中等';
         else if (grade.score >= 60) gradeDescription = '及格';
-        else gradeDescription = '不及格';
+        else gradeDescription = '不及�?;
         
         container.innerHTML = `
             <div class="grade-detail-card">
                 <div class="grade-header">
                     <h2>${grade.course_name} (${grade.course_code})</h2>
                     <div class="grade-score ${grade.score >= 60 ? 'score-pass' : 'score-fail'}">
-                        ${grade.score} 分
+                        ${grade.score} �?
                         <span class="grade-description">${gradeDescription}</span>
                     </div>
                 </div>
@@ -274,23 +274,23 @@ class StudentManager {
                     <div class="detail-section">
                         <h3><i class="fas fa-info-circle"></i> 基本信息</h3>
                         <div class="detail-row">
-                            <span>学分：</span>
+                            <span>学分�?/span>
                             <strong>${grade.credit}</strong>
                         </div>
                         <div class="detail-row">
-                            <span>学期：</span>
+                            <span>学期�?/span>
                             <strong>${grade.semester}</strong>
                         </div>
                         <div class="detail-row">
-                            <span>考试日期：</span>
+                            <span>考试日期�?/span>
                             <strong>${new Date(grade.exam_date).toLocaleDateString()}</strong>
                         </div>
                         <div class="detail-row">
-                            <span>等级：</span>
+                            <span>等级�?/span>
                             <strong class="grade-level-${grade.grade_level}">${grade.grade_level || '-'}</strong>
                         </div>
                         <div class="detail-row">
-                            <span>绩点：</span>
+                            <span>绩点�?/span>
                             <strong>${grade.grade_point || '-'}</strong>
                         </div>
                     </div>
@@ -298,31 +298,31 @@ class StudentManager {
                     <div class="detail-section">
                         <h3><i class="fas fa-user-graduate"></i> 学生信息</h3>
                         <div class="detail-row">
-                            <span>姓名：</span>
+                            <span>姓名�?/span>
                             <strong>${grade.full_name}</strong>
                         </div>
                         <div class="detail-row">
-                            <span>学号：</span>
+                            <span>学号�?/span>
                             <strong>${grade.student_number}</strong>
                         </div>
                         <div class="detail-row">
-                            <span>班级：</span>
+                            <span>班级�?/span>
                             <strong>${grade.class_name}</strong>
                         </div>
                         <div class="detail-row">
-                            <span>专业：</span>
-                            <strong>${grade.major || '未设置'}</strong>
+                            <span>专业�?/span>
+                            <strong>${grade.major || '未设�?}</strong>
                         </div>
                     </div>
                     
                     <div class="detail-section">
                         <h3><i class="fas fa-chalkboard-teacher"></i> 教师信息</h3>
                         <div class="detail-row">
-                            <span>任课教师：</span>
+                            <span>任课教师�?/span>
                             <strong>${grade.teacher_name}</strong>
                         </div>
                         <div class="detail-row">
-                            <span>教师邮箱：</span>
+                            <span>教师邮箱�?/span>
                             <strong>${grade.teacher_email}</strong>
                         </div>
                     </div>
@@ -337,7 +337,7 @@ class StudentManager {
                 
                 <div class="grade-actions">
                     <button onclick="window.print()" class="btn btn-secondary">
-                        <i class="fas fa-print"></i> 打印成绩单
+                        <i class="fas fa-print"></i> 打印成绩�?
                     </button>
                     <button onclick="window.history.back()" class="btn btn-primary">
                         <i class="fas fa-arrow-left"></i> 返回
@@ -352,7 +352,7 @@ class StudentManager {
         if (!ctx) return;
         
         if (typeof Chart === 'undefined') {
-            // 如果没有Chart.js，延迟加载
+            // 如果没有Chart.js，延迟加�?
             this.loadChartLibrary().then(() => this.updateChart(grades));
             return;
         }
@@ -360,7 +360,7 @@ class StudentManager {
         const courseNames = grades.map(g => g.course_name);
         const scores = grades.map(g => g.score);
         
-        // 销毁现有图表实例
+        // 销毁现有图表实�?
         if (window.gradeChart instanceof Chart) {
             window.gradeChart.destroy();
         }
@@ -421,7 +421,7 @@ class StudentManager {
     }
     
     showNotification(message, type = 'info') {
-        // 使用AuthManager的通知系统或自己实现
+        // 使用AuthManager的通知系统或自己实�?
         if (window.authManager && window.authManager.showNotification) {
             window.authManager.showNotification(message, type);
         } else {
@@ -435,4 +435,4 @@ document.addEventListener('DOMContentLoaded', () => {
     if (window.location.pathname.includes('/student/')) {
         window.studentManager = new StudentManager();
     }
-});
\ No newline at end of file
+});
diff --git a/frontend/js/teacher.js b/frontend/public/js/teacher.js
similarity index 93%
rename from frontend/js/teacher.js
rename to frontend/public/js/teacher.js
index 2df8457..e9535ee 100644
--- a/frontend/js/teacher.js
+++ b/frontend/public/js/teacher.js
@@ -9,9 +9,8 @@ class TeacherDashboard {
     }
 
     async init() {
-        // 检查登录状态
-        if (!await this.checkAuth()) {
-            window.location.href = '/frontend/html/login.html';
+        // 检查登录状�?        if (!await this.checkAuth()) {
+            window.location.href = '/login';
             return;
         }
 
@@ -44,7 +43,7 @@ class TeacherDashboard {
             const data = await response.json();
             return data.success && data.user.role === 'teacher';
         } catch (error) {
-            console.error('认证检查失败:', error);
+            console.error('认证检查失�?', error);
             return false;
         }
     }
@@ -108,8 +107,7 @@ class TeacherDashboard {
     }
 
     populateCourseSelectors() {
-        // 填充课程选择器
-        const courseSelectors = document.querySelectorAll('.course-selector');
+        // 填充课程选择�?        const courseSelectors = document.querySelectorAll('.course-selector');
         courseSelectors.forEach(select => {
             select.innerHTML = '<option value="">请选择课程</option>';
             this.courses.forEach(course => {
@@ -153,7 +151,7 @@ class TeacherDashboard {
                         <span class="grade-score">${grade.score}</span>
                         <span class="grade-level">${grade.grade_level}</span>
                     </td>
-                    <td>${grade.exam_date ? new Date(grade.exam_date).toLocaleDateString() : '未设置'}</td>
+                    <td>${grade.exam_date ? new Date(grade.exam_date).toLocaleDateString() : '未设�?}</td>
                     <td>
                         <div class="action-buttons">
                             <button class="btn-edit" data-id="${grade.id}">
@@ -226,8 +224,7 @@ class TeacherDashboard {
             }
         });
 
-        // 退出登录
-        document.getElementById('logoutBtn')?.addEventListener('click', () => {
+        // 退出登�?        document.getElementById('logoutBtn')?.addEventListener('click', () => {
             this.handleLogout();
         });
     }
@@ -275,7 +272,7 @@ class TeacherDashboard {
             return;
         }
 
-        if (!confirm(`确定要删除选中的 ${checkboxes.length} 条成绩记录吗？`)) {
+        if (!confirm(`确定要删除选中�?${checkboxes.length} 条成绩记录吗？`)) {
             return;
         }
 
@@ -308,12 +305,12 @@ class TeacherDashboard {
 
         // 这里可以打开编辑模态框
         // 暂时使用简单提示框
-        const newScore = prompt('请输入新的分数:', grade.score);
+        const newScore = prompt('请输入新的分�?', grade.score);
         if (newScore === null) return;
 
         const numericScore = parseFloat(newScore);
         if (isNaN(numericScore) || numericScore < 0 || numericScore > 100) {
-            this.showNotification('请输入0-100之间的有效分数', 'error');
+            this.showNotification('请输�?-100之间的有效分�?, 'error');
             return;
         }
 
@@ -343,7 +340,7 @@ class TeacherDashboard {
     }
 
     async deleteGrade(gradeId) {
-        if (!confirm('确定要删除这条成绩记录吗？')) {
+        if (!confirm('确定要删除这条成绩记录吗�?)) {
             return;
         }
 
@@ -374,10 +371,10 @@ class TeacherDashboard {
             });
             
             if (response.ok) {
-                window.location.href = '/frontend/html/login.html';
+                window.location.href = '/login';
             }
         } catch (error) {
-            console.error('退出登录失败:', error);
+            console.error('退出登录失�?', error);
         }
     }
 
@@ -406,4 +403,4 @@ document.addEventListener('DOMContentLoaded', () => {
     if (window.location.pathname.includes('/teacher/')) {
         new TeacherDashboard();
     }
-});
\ No newline at end of file
+});
diff --git a/frontend/html/admin_dashboard.html b/frontend/views/admin/dashboard.html
similarity index 87%
rename from frontend/html/admin_dashboard.html
rename to frontend/views/admin/dashboard.html
index a93f4c7..4b1604e 100644
--- a/frontend/html/admin_dashboard.html
+++ b/frontend/views/admin/dashboard.html
@@ -4,33 +4,32 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>学生成绩管理系统 - 管理员仪表板</title>
-    <link rel="stylesheet" href="../css/style.css">
+    <link rel="stylesheet" href="/public/css/style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
 </head>
 </head>
 <body>
-    <!-- 顶部导航栏 -->
+    <!-- 顶部导航�?-->
     <nav class="navbar">
         <div class="navbar-brand">
             <i class="fas fa-graduation-cap"></i>
             <span>XX学校成绩管理系统</span>
         </div>
         <div class="navbar-menu">
-            <a href="index.html" class="btn btn-secondary">
+            <a href="/" class="btn btn-secondary">
                 <i class="fas fa-home"></i> 主页
             </a>
             <div class="navbar-user">
-                <span class="user-name" id="userName">管理员</span>
+                <span class="user-name" id="userName">管理�?/span>
                 <button id="logoutBtn" class="btn btn-primary">
-                    <i class="fas fa-sign-out-alt"></i> 退出
-                </button>
+                    <i class="fas fa-sign-out-alt"></i> 退�?                </button>
             </div>
         </div>
     </nav>
 
-    <!-- 仪表板容器 -->
+    <!-- 仪表板容�?-->
     <div class="dashboard-container">
-        <!-- 左侧侧边栏 -->
+        <!-- 左侧侧边�?-->
         <aside class="sidebar">
             <div class="sidebar-header">
                 <div class="user-info">
@@ -38,8 +37,8 @@
                         <i class="fas fa-user-shield"></i>
                     </div>
                     <div class="user-details">
-                        <h3 id="adminName">管理员</h3>
-                        <p>系统管理员 | 权限：<span id="adminRole">超级管理员</span></p>
+                        <h3 id="adminName">管理�?/h3>
+                        <p>系统管理�?| 权限�?span id="adminRole">超级管理�?/span></p>
                     </div>
                 </div>
             </div>
@@ -48,17 +47,17 @@
                 <li>
                     <a href="#" class="active">
                         <i class="fas fa-tachometer-alt"></i>
-                        <span>仪表板</span>
+                        <span>仪表�?/span>
                     </a>
                 </li>
                 <li>
-                    <a href="user_management.html">
+                    <a href="/admin/user_management">
                         <i class="fas fa-users"></i>
                         <span>用户管理</span>
                     </a>
                 </li>
                 <li>
-                    <a href="student_management.html">
+                    <a href="/admin/student_management">
                         <i class="fas fa-user-graduate"></i>
                         <span>学生管理</span>
                     </a>
@@ -102,7 +101,7 @@
                 <div>
                     <h1 class="page-title">管理员仪表板</h1>
                     <div class="breadcrumb">
-                        <a href="index.html">主页</a>
+                        <a href="/">主页</a>
                         <i class="fas fa-chevron-right"></i>
                         <span>管理员仪表板</span>
                     </div>
@@ -146,8 +145,7 @@
                         <div class="stat-value" id="totalTeachers">128</div>
                         <div class="stat-label">教师总数</div>
                         <div class="stat-change">
-                            <i class="fas fa-minus"></i> 无变化
-                        </div>
+                            <i class="fas fa-minus"></i> 无变�?                        </div>
                     </div>
                 </div>
 
@@ -173,8 +171,7 @@
                     </div>
                     <h3 class="function-title">用户管理</h3>
                     <p class="function-description">
-                        管理所有用户账户，包括添加、编辑、删除用户，设置用户角色和权限。
-                    </p>
+                        管理所有用户账户，包括添加、编辑、删除用户，设置用户角色和权限�?                    </p>
                     <button class="btn btn-primary">进入管理</button>
                 </div>
 
@@ -184,8 +181,7 @@
                     </div>
                     <h3 class="function-title">学生管理</h3>
                     <p class="function-description">
-                        管理学生信息，包括学籍管理、班级分配、信息维护和批量导入导出。
-                    </p>
+                        管理学生信息，包括学籍管理、班级分配、信息维护和批量导入导出�?                    </p>
                     <button class="btn btn-primary">进入管理</button>
                 </div>
 
@@ -195,8 +191,7 @@
                     </div>
                     <h3 class="function-title">教师管理</h3>
                     <p class="function-description">
-                        管理教师信息，包括教师分配、课程安排、权限设置和绩效考核。
-                    </p>
+                        管理教师信息，包括教师分配、课程安排、权限设置和绩效考核�?                    </p>
                     <button class="btn btn-primary">进入管理</button>
                 </div>
 
@@ -206,30 +201,28 @@
                     </div>
                     <h3 class="function-title">成绩统计</h3>
                     <p class="function-description">
-                        查看全校成绩统计，生成分析报告，支持图表展示和数据导出。
-                    </p>
+                        查看全校成绩统计，生成分析报告，支持图表展示和数据导出�?                    </p>
                     <button class="btn btn-primary">查看统计</button>
                 </div>
             </div>
 
-            <!-- 系统状态 -->
+            <!-- 系统状�?-->
             <div class="system-status">
                 <h2 class="section-title">
                     <i class="fas fa-server"></i>
-                    系统状态
-                </h2>
+                    系统状�?                </h2>
                 <div class="status-list">
                     <div class="status-item">
                         <div class="status-indicator online"></div>
                         <div>
-                            <div class="status-label">数据库服务</div>
+                            <div class="status-label">数据库服�?/div>
                             <div class="status-value">运行正常 | 响应时间: 12ms</div>
                         </div>
                     </div>
                     <div class="status-item">
                         <div class="status-indicator online"></div>
                         <div>
-                            <div class="status-label">Web服务器</div>
+                            <div class="status-label">Web服务�?/div>
                             <div class="status-value">运行正常 | 在线用户: 156</div>
                         </div>
                     </div>
@@ -237,7 +230,7 @@
                         <div class="status-indicator online"></div>
                         <div>
                             <div class="status-label">文件存储</div>
-                            <div class="status-value">使用率: 65% | 剩余: 35GB</div>
+                            <div class="status-value">使用�? 65% | 剩余: 35GB</div>
                         </div>
                     </div>
                     <div class="status-item">
@@ -250,12 +243,11 @@
                 </div>
             </div>
 
-            <!-- 最近活动 -->
+            <!-- 最近活�?-->
             <div class="recent-activities">
                 <h2 class="section-title">
                     <i class="fas fa-history"></i>
-                    最近活动
-                </h2>
+                    最近活�?                </h2>
                 <ul class="activity-list">
                     <li class="activity-item">
                         <div class="activity-icon">
@@ -263,7 +255,7 @@
                         </div>
                         <div class="activity-content">
                             <div class="activity-title">新增学生用户</div>
-                            <div class="activity-time">10分钟前 | 操作人: 管理员</div>
+                            <div class="activity-time">10分钟�?| 操作�? 管理�?/div>
                         </div>
                     </li>
                     <li class="activity-item">
@@ -272,7 +264,7 @@
                         </div>
                         <div class="activity-content">
                             <div class="activity-title">修改教师信息</div>
-                            <div class="activity-time">1小时前 | 操作人: 管理员</div>
+                            <div class="activity-time">1小时�?| 操作�? 管理�?/div>
                         </div>
                     </li>
                     <li class="activity-item">
@@ -281,7 +273,7 @@
                         </div>
                         <div class="activity-content">
                             <div class="activity-title">生成成绩统计报告</div>
-                            <div class="activity-time">3小时前 | 操作人: 系统</div>
+                            <div class="activity-time">3小时�?| 操作�? 系统</div>
                         </div>
                     </li>
                     <li class="activity-item">
@@ -290,7 +282,7 @@
                         </div>
                         <div class="activity-content">
                             <div class="activity-title">导出用户数据</div>
-                            <div class="activity-time">5小时前 | 操作人: 管理员</div>
+                            <div class="activity-time">5小时�?| 操作�? 管理�?/div>
                         </div>
                     </li>
                     <li class="activity-item">
@@ -299,7 +291,7 @@
                         </div>
                         <div class="activity-content">
                             <div class="activity-title">系统设置更新</div>
-                            <div class="activity-time">1天前 | 操作人: 管理员</div>
+                            <div class="activity-time">1天前 | 操作�? 管理�?/div>
                         </div>
                     </li>
                 </ul>
@@ -328,16 +320,13 @@
             updateCurrentTime();
             setInterval(updateCurrentTime, 1000);
 
-            // 退出登录
-            document.getElementById('logoutBtn').addEventListener('click', function() {
-                if (confirm('确定要退出登录吗？')) {
-                    // 清除登录状态
-                    localStorage.removeItem('token');
+            // 退出登�?            document.getElementById('logoutBtn').addEventListener('click', function() {
+                if (confirm('确定要退出登录吗�?)) {
+                    // 清除登录状�?                    localStorage.removeItem('token');
                     localStorage.removeItem('userRole');
                     localStorage.removeItem('userInfo');
                     
-                    // 跳转到登录页面
-                    window.location.href = 'login.html';
+                    // 跳转到登录页�?                    window.location.href = 'login.html';
                 }
             });
 
@@ -350,4 +339,4 @@
         });
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/frontend/html/student_management.html b/frontend/views/admin/student_management.html
similarity index 84%
rename from frontend/html/student_management.html
rename to frontend/views/admin/student_management.html
index 100e700..55f95c1 100644
--- a/frontend/html/student_management.html
+++ b/frontend/views/admin/student_management.html
@@ -4,55 +4,55 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>学生管理 - XX学校成绩管理系统</title>
-    <link rel="stylesheet" href="../css/style.css">
+    <link rel="stylesheet" href="/public/css/style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 
 </head>
 <body>
-    <!-- 导航栏 -->
+    <!-- 导航�?-->
     <nav class="navbar">
         <div class="container">
             <div class="navbar-brand">
-                <a href="index.html">
+                <a href="/">
                     <i class="fas fa-graduation-cap"></i>
                     <span>XX学校成绩管理系统</span>
                 </a>
             </div>
             <div class="navbar-menu">
-                <a href="index.html" class="navbar-item">
+                <a href="/" class="navbar-item">
                     <i class="fas fa-home"></i>
                     <span>主页</span>
                 </a>
-                <a href="admin_dashboard.html" class="navbar-item">
+                <a href="/admin/dashboard" class="navbar-item">
                     <i class="fas fa-tachometer-alt"></i>
                     <span>控制面板</span>
                 </a>
-                <a href="student_management.html" class="navbar-item active">
+                <a href="/admin/student_management" class="navbar-item active">
                     <i class="fas fa-users"></i>
                     <span>学生管理</span>
                 </a>
-                <a href="grade_management.html" class="navbar-item">
+                <a href="/teacher/grade_management" class="navbar-item">
                     <i class="fas fa-chart-bar"></i>
                     <span>成绩管理</span>
                 </a>
-                <a href="user_management.html" class="navbar-item">
+                <a href="/admin/user_management" class="navbar-item">
                     <i class="fas fa-user-cog"></i>
                     <span>用户管理</span>
                 </a>
                 <div class="navbar-user">
                     <i class="fas fa-user-circle"></i>
-                    <span>管理员</span>
+                    <span>管理�?/span>
                     <div class="user-dropdown">
                         <a href="#"><i class="fas fa-user"></i> 个人资料</a>
                         <a href="#"><i class="fas fa-cog"></i> 设置</a>
-                        <a href="login.html"><i class="fas fa-sign-out-alt"></i> 退出登录</a>
+                        <a href="/login"><i class="fas fa-sign-out-alt"></i> 退出登�?/a>
                     </div>
                 </div>
             </div>
         </div>
     </nav>
 
-    <!-- 主要内容区 -->
+    <!-- 主要内容�?-->
     <main class="main-content">
         <div class="container">
             <div class="student-management">
@@ -62,35 +62,35 @@
                     <p>管理学生基本信息，支持添加、编辑、删除和查询学生信息</p>
                 </div>
                 
-                <!-- 筛选区域 -->
+                <!-- 筛选区�?-->
                 <div class="filter-section">
                     <div class="filter-row">
                         <div class="filter-group">
                             <label for="student-id"><i class="fas fa-id-card"></i> 学号</label>
-                            <input type="text" id="student-id" placeholder="请输入学号">
+                            <input type="text" id="student-id" placeholder="请输入学�?>
                         </div>
                         <div class="filter-group">
                             <label for="student-name"><i class="fas fa-user"></i> 姓名</label>
-                            <input type="text" id="student-name" placeholder="请输入姓名">
+                            <input type="text" id="student-name" placeholder="请输入姓�?>
                         </div>
                         <div class="filter-group">
                             <label for="class-select"><i class="fas fa-school"></i> 班级</label>
                             <select id="class-select">
                                 <option value="">全部班级</option>
-                                <option value="计算机科学与技术1班">计算机科学与技术1班</option>
-                                <option value="计算机科学与技术2班">计算机科学与技术2班</option>
-                                <option value="软件工程1班">软件工程1班</option>
-                                <option value="软件工程2班">软件工程2班</option>
-                                <option value="网络工程1班">网络工程1班</option>
-                                <option value="网络工程2班">网络工程2班</option>
+                                <option value="计算机科学与技�?�?>计算机科学与技�?�?/option>
+                                <option value="计算机科学与技�?�?>计算机科学与技�?�?/option>
+                                <option value="软件工程1�?>软件工程1�?/option>
+                                <option value="软件工程2�?>软件工程2�?/option>
+                                <option value="网络工程1�?>网络工程1�?/option>
+                                <option value="网络工程2�?>网络工程2�?/option>
                             </select>
                         </div>
                         <div class="filter-group">
                             <label for="gender-select"><i class="fas fa-venus-mars"></i> 性别</label>
                             <select id="gender-select">
                                 <option value="">全部性别</option>
-                                <option value="男">男</option>
-                                <option value="女">女</option>
+                                <option value="�?>�?/option>
+                                <option value="�?>�?/option>
                             </select>
                         </div>
                     </div>
@@ -131,7 +131,7 @@
                             </tr>
                         </thead>
                         <tbody id="student-table-body">
-                            <!-- 数据将通过JavaScript动态加载 -->
+                            <!-- 数据将通过JavaScript动态加�?-->
                             <tr>
                                 <td colspan="8" class="loading">
                                     <i class="fas fa-spinner fa-spin"></i>
@@ -146,14 +146,12 @@
                 <div class="pagination" id="pagination">
                     <button id="prev-btn" disabled>
                         <i class="fas fa-chevron-left"></i>
-                        上一页
-                    </button>
+                        上一�?                    </button>
                     <button class="active">1</button>
                     <button>2</button>
                     <button>3</button>
                     <button id="next-btn">
-                        下一页
-                        <i class="fas fa-chevron-right"></i>
+                        下一�?                        <i class="fas fa-chevron-right"></i>
                     </button>
                 </div>
             </div>
@@ -163,8 +161,8 @@
     <!-- 页脚 -->
     <footer class="footer">
         <div class="container">
-            <p>© 2023 XX学校成绩管理系统. 版权所有.</p>
-            <p>技术支持: 计算机科学与技术学院</p>
+            <p>© 2023 XX学校成绩管理系统. 版权所�?</p>
+            <p>技术支�? 计算机科学与技术学�?/p>
         </div>
     </footer>
 
@@ -174,8 +172,8 @@
             {
                 id: '20230001',
                 name: '张三',
-                gender: '男',
-                class: '计算机科学与技术1班',
+                gender: '�?,
+                class: '计算机科学与技�?�?,
                 phone: '13800138001',
                 email: 'zhangsan@example.com',
                 enrollmentDate: '2023-09-01'
@@ -183,8 +181,8 @@
             {
                 id: '20230002',
                 name: '李四',
-                gender: '女',
-                class: '计算机科学与技术1班',
+                gender: '�?,
+                class: '计算机科学与技�?�?,
                 phone: '13800138002',
                 email: 'lisi@example.com',
                 enrollmentDate: '2023-09-01'
@@ -192,8 +190,8 @@
             {
                 id: '20230003',
                 name: '王五',
-                gender: '男',
-                class: '计算机科学与技术2班',
+                gender: '�?,
+                class: '计算机科学与技�?�?,
                 phone: '13800138003',
                 email: 'wangwu@example.com',
                 enrollmentDate: '2023-09-01'
@@ -201,8 +199,8 @@
             {
                 id: '20230004',
                 name: '赵六',
-                gender: '女',
-                class: '软件工程1班',
+                gender: '�?,
+                class: '软件工程1�?,
                 phone: '13800138004',
                 email: 'zhaoliu@example.com',
                 enrollmentDate: '2023-09-01'
@@ -210,8 +208,8 @@
             {
                 id: '20230005',
                 name: '钱七',
-                gender: '男',
-                class: '软件工程2班',
+                gender: '�?,
+                class: '软件工程2�?,
                 phone: '13800138005',
                 email: 'qianqi@example.com',
                 enrollmentDate: '2023-09-01'
@@ -219,8 +217,8 @@
             {
                 id: '20230006',
                 name: '孙八',
-                gender: '男',
-                class: '网络工程1班',
+                gender: '�?,
+                class: '网络工程1�?,
                 phone: '13800138006',
                 email: 'sunba@example.com',
                 enrollmentDate: '2023-09-01'
@@ -228,8 +226,8 @@
             {
                 id: '20230007',
                 name: '周九',
-                gender: '女',
-                class: '网络工程2班',
+                gender: '�?,
+                class: '网络工程2�?,
                 phone: '13800138007',
                 email: 'zhoujiu@example.com',
                 enrollmentDate: '2023-09-01'
@@ -237,16 +235,15 @@
             {
                 id: '20230008',
                 name: '吴十',
-                gender: '男',
-                class: '计算机科学与技术1班',
+                gender: '�?,
+                class: '计算机科学与技�?�?,
                 phone: '13800138008',
                 email: 'wushi@example.com',
                 enrollmentDate: '2023-09-01'
             }
         ];
 
-        // 当前页数据
-        let currentPage = 1;
+        // 当前页数�?        let currentPage = 1;
         const pageSize = 5;
         let filteredStudents = [...mockStudents];
 
@@ -272,7 +269,7 @@
                         <td colspan="8" class="no-results">
                             <i class="fas fa-user-slash"></i>
                             <h3>没有找到学生信息</h3>
-                            <p>请尝试调整筛选条件或添加新学生</p>
+                            <p>请尝试调整筛选条件或添加新学�?/p>
                         </td>
                     </tr>
                 `;
@@ -325,13 +322,11 @@
                 }
             });
 
-            // 更新上一页/下一页按钮状态
-            prevBtn.disabled = currentPage === 1;
+            // 更新上一�?下一页按钮状�?            prevBtn.disabled = currentPage === 1;
             nextBtn.disabled = currentPage === totalPages || totalPages === 0;
         }
 
-        // 筛选学生
-        function filterStudents() {
+        // 筛选学�?        function filterStudents() {
             const studentId = document.getElementById('student-id').value.trim();
             const studentName = document.getElementById('student-name').value.trim();
             const selectedClass = document.getElementById('class-select').value;
@@ -351,8 +346,7 @@
             updatePagination();
         }
 
-        // 重置筛选条件
-        function resetFilters() {
+        // 重置筛选条�?        function resetFilters() {
             document.getElementById('student-id').value = '';
             document.getElementById('student-name').value = '';
             document.getElementById('class-select').value = '';
@@ -366,15 +360,13 @@
 
         // 添加学生
         function addStudent() {
-            alert('添加学生功能将在后端API完成后实现');
-            // 这里可以打开一个模态框来添加学生信息
-        }
+            alert('添加学生功能将在后端API完成后实�?);
+            // 这里可以打开一个模态框来添加学生信�?        }
 
         // 编辑学生
         function editStudent(studentId) {
             alert(`编辑学生 ${studentId} 功能将在后端API完成后实现`);
-            // 这里可以打开一个模态框来编辑学生信息
-        }
+            // 这里可以打开一个模态框来编辑学生信�?        }
 
         // 删除学生
         function deleteStudent(studentId) {
@@ -386,7 +378,7 @@
 
         // 导出数据
         function exportData() {
-            alert('导出数据功能将在后端API完成后实现');
+            alert('导出数据功能将在后端API完成后实�?);
             // 这里可以调用API导出Excel或CSV文件
         }
 
@@ -397,8 +389,7 @@
             updatePagination();
         }
 
-        // 初始化事件监听
-        function initEventListeners() {
+        // 初始化事件监�?        function initEventListeners() {
             searchBtn.addEventListener('click', filterStudents);
             resetBtn.addEventListener('click', resetFilters);
             addBtn.addEventListener('click', addStudent);
@@ -427,8 +418,7 @@
                 }
             });
             
-            // 输入框回车搜索
-            document.getElementById('student-id').addEventListener('keypress', (e) => {
+            // 输入框回车搜�?            document.getElementById('student-id').addEventListener('keypress', (e) => {
                 if (e.key === 'Enter') filterStudents();
             });
             
@@ -448,4 +438,4 @@
         });
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/frontend/html/user_management.html b/frontend/views/admin/user_management.html
similarity index 82%
rename from frontend/html/user_management.html
rename to frontend/views/admin/user_management.html
index 3c71334..e95daea 100644
--- a/frontend/html/user_management.html
+++ b/frontend/views/admin/user_management.html
@@ -4,35 +4,35 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>用户管理 - XX学校成绩管理系统</title>
-    <link rel="stylesheet" href="../css/style.css">
+    <link rel="stylesheet" href="/public/css/style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 
 </head>
 <body>
-    <!-- 导航栏 -->
+    <!-- 导航�?-->
     <nav class="navbar">
         <div class="container">
             <div class="navbar-brand">
-                <a href="index.html">
+                <a href="/">
                     <i class="fas fa-graduation-cap"></i>
                     <span>XX学校成绩管理系统</span>
                 </a>
             </div>
             <div class="navbar-menu">
                 <div class="navbar-start">
-                    <a href="admin_dashboard.html" class="navbar-item">
+                    <a href="/admin/dashboard" class="navbar-item">
                         <i class="fas fa-tachometer-alt"></i>
-                        <span>仪表板</span>
+                        <span>仪表�?/span>
                     </a>
-                    <a href="user_management.html" class="navbar-item active">
+                    <a href="/admin/user_management" class="navbar-item active">
                         <i class="fas fa-users"></i>
                         <span>用户管理</span>
                     </a>
-                    <a href="student_management.html" class="navbar-item">
+                    <a href="/admin/student_management" class="navbar-item">
                         <i class="fas fa-user-graduate"></i>
                         <span>学生管理</span>
                     </a>
-                    <a href="grade_management.html" class="navbar-item">
+                    <a href="/teacher/grade_management" class="navbar-item">
                         <i class="fas fa-chart-bar"></i>
                         <span>成绩统计</span>
                     </a>
@@ -40,25 +40,23 @@
                 <div class="navbar-end">
                     <div class="navbar-item user-info">
                         <i class="fas fa-user-circle"></i>
-                        <span>管理员</span>
+                        <span>管理�?/span>
                         <div class="dropdown">
                             <a href="#" class="dropdown-toggle">
                                 <i class="fas fa-caret-down"></i>
                             </a>
                             <div class="dropdown-menu">
-                                <a href="admin_dashboard.html" class="dropdown-item">
+                                <a href="/admin/dashboard" class="dropdown-item">
                                     <i class="fas fa-tachometer-alt"></i>
-                                    仪表板
-                                </a>
+                                    仪表�?                                </a>
                                 <a href="#" class="dropdown-item">
                                     <i class="fas fa-cog"></i>
                                     系统设置
                                 </a>
                                 <div class="dropdown-divider"></div>
-                                <a href="index.html" class="dropdown-item">
+                                <a href="/" class="dropdown-item">
                                     <i class="fas fa-sign-out-alt"></i>
-                                    退出登录
-                                </a>
+                                    退出登�?                                </a>
                             </div>
                         </div>
                     </div>
@@ -75,13 +73,13 @@
                 <div class="page-header">
                     <h1>用户管理</h1>
                     <div class="breadcrumb">
-                        <a href="index.html">主页</a> &gt; 
-                        <a href="admin_dashboard.html">管理员仪表板</a> &gt; 
+                        <a href="/">主页</a> &gt; 
+                        <a href="/admin/dashboard">管理员仪表板</a> &gt; 
                         <span>用户管理</span>
                     </div>
                 </div>
 
-                <!-- 筛选区域 -->
+                <!-- 筛选区�?-->
                 <div class="filter-section">
                     <form class="filter-form" id="filter-form">
                         <div class="filter-group">
@@ -90,13 +88,13 @@
                         </div>
                         <div class="filter-group">
                             <label for="user-name">姓名</label>
-                            <input type="text" id="user-name" placeholder="请输入姓名">
+                            <input type="text" id="user-name" placeholder="请输入姓�?>
                         </div>
                         <div class="filter-group">
                             <label for="role-select">角色</label>
                             <select id="role-select">
                                 <option value="">全部角色</option>
-                                <option value="admin">管理员</option>
+                                <option value="admin">管理�?/option>
                                 <option value="teacher">教师</option>
                                 <option value="student">学生</option>
                             </select>
@@ -105,12 +103,12 @@
                             <label for="class-select">班级</label>
                             <select id="class-select">
                                 <option value="">全部班级</option>
-                                <option value="计算机科学与技术1班">计算机科学与技术1班</option>
-                                <option value="计算机科学与技术2班">计算机科学与技术2班</option>
-                                <option value="软件工程1班">软件工程1班</option>
-                                <option value="软件工程2班">软件工程2班</option>
-                                <option value="网络工程1班">网络工程1班</option>
-                                <option value="网络工程2班">网络工程2班</option>
+                                <option value="计算机科学与技�?�?>计算机科学与技�?�?/option>
+                                <option value="计算机科学与技�?�?>计算机科学与技�?�?/option>
+                                <option value="软件工程1�?>软件工程1�?/option>
+                                <option value="软件工程2�?>软件工程2�?/option>
+                                <option value="网络工程1�?>网络工程1�?/option>
+                                <option value="网络工程2�?>网络工程2�?/option>
                             </select>
                         </div>
                         <div class="filter-actions">
@@ -150,7 +148,7 @@
                             </tr>
                         </thead>
                         <tbody id="user-table-body">
-                            <!-- 数据将通过JavaScript动态加载 -->
+                            <!-- 数据将通过JavaScript动态加�?-->
                             <tr>
                                 <td colspan="8" class="loading">
                                     <i class="fas fa-spinner fa-spin"></i>
@@ -165,16 +163,14 @@
                 <div class="pagination" id="pagination">
                     <button id="prev-btn" disabled>
                         <i class="fas fa-chevron-left"></i>
-                        上一页
-                    </button>
+                        上一�?                    </button>
                     <div id="page-numbers">
                         <button class="active">1</button>
                         <button>2</button>
                         <button>3</button>
                     </div>
                     <button id="next-btn">
-                        下一页
-                        <i class="fas fa-chevron-right"></i>
+                        下一�?                        <i class="fas fa-chevron-right"></i>
                     </button>
                 </div>
             </div>
@@ -184,8 +180,8 @@
     <!-- 页脚 -->
     <footer class="footer">
         <div class="container">
-            <p>&copy; 2023 XX学校成绩管理系统. 版权所有.</p>
-            <p>技术支持: 信息技术中心 | 联系电话: 010-12345678</p>
+            <p>&copy; 2023 XX学校成绩管理系统. 版权所�?</p>
+            <p>技术支�? 信息技术中�?| 联系电话: 010-12345678</p>
         </div>
     </footer>
 
@@ -206,7 +202,7 @@
                 id: 'teacher001',
                 name: '李老师',
                 role: 'teacher',
-                className: '计算机科学与技术1班',
+                className: '计算机科学与技�?�?,
                 phone: '13800138002',
                 email: 'li.teacher@xxschool.edu.cn',
                 registerTime: '2023-02-10'
@@ -215,7 +211,7 @@
                 id: 'teacher002',
                 name: '王老师',
                 role: 'teacher',
-                className: '软件工程1班',
+                className: '软件工程1�?,
                 phone: '13800138003',
                 email: 'wang.teacher@xxschool.edu.cn',
                 registerTime: '2023-02-12'
@@ -224,7 +220,7 @@
                 id: 'student001',
                 name: '张三',
                 role: 'student',
-                className: '计算机科学与技术1班',
+                className: '计算机科学与技�?�?,
                 phone: '13800138004',
                 email: 'zhangsan@xxschool.edu.cn',
                 registerTime: '2023-03-01'
@@ -233,7 +229,7 @@
                 id: 'student002',
                 name: '李四',
                 role: 'student',
-                className: '计算机科学与技术1班',
+                className: '计算机科学与技�?�?,
                 phone: '13800138005',
                 email: 'lisi@xxschool.edu.cn',
                 registerTime: '2023-03-01'
@@ -242,7 +238,7 @@
                 id: 'student003',
                 name: '王五',
                 role: 'student',
-                className: '软件工程1班',
+                className: '软件工程1�?,
                 phone: '13800138006',
                 email: 'wangwu@xxschool.edu.cn',
                 registerTime: '2023-03-02'
@@ -251,7 +247,7 @@
                 id: 'student004',
                 name: '赵六',
                 role: 'student',
-                className: '软件工程1班',
+                className: '软件工程1�?,
                 phone: '13800138007',
                 email: 'zhaoliu@xxschool.edu.cn',
                 registerTime: '2023-03-02'
@@ -260,7 +256,7 @@
                 id: 'student005',
                 name: '钱七',
                 role: 'student',
-                className: '网络工程1班',
+                className: '网络工程1�?,
                 phone: '13800138008',
                 email: 'qianqi@xxschool.edu.cn',
                 registerTime: '2023-03-03'
@@ -269,7 +265,7 @@
                 id: 'student006',
                 name: '孙八',
                 role: 'student',
-                className: '网络工程2班',
+                className: '网络工程2�?,
                 phone: '13800138009',
                 email: 'sunba@xxschool.edu.cn',
                 registerTime: '2023-03-03'
@@ -278,15 +274,14 @@
                 id: 'student007',
                 name: '周九',
                 role: 'student',
-                className: '计算机科学与技术2班',
+                className: '计算机科学与技�?�?,
                 phone: '13800138010',
                 email: 'zhoujiu@xxschool.edu.cn',
                 registerTime: '2023-03-04'
             }
         ];
 
-        // 当前显示的用户数据
-        let currentUsers = [...mockUsers];
+        // 当前显示的用户数�?        let currentUsers = [...mockUsers];
         let currentPage = 1;
         const usersPerPage = 5;
 
@@ -305,15 +300,13 @@
         const roleSelect = document.getElementById('role-select');
         const classSelect = document.getElementById('class-select');
 
-        // 初始化
-        document.addEventListener('DOMContentLoaded', function() {
+        // 初始�?        document.addEventListener('DOMContentLoaded', function() {
             renderUserTable();
             setupEventListeners();
             updatePagination();
         });
 
-        // 设置事件监听器
-        function setupEventListeners() {
+        // 设置事件监听�?        function setupEventListeners() {
             searchBtn.addEventListener('click', handleSearch);
             resetBtn.addEventListener('click', handleReset);
             addBtn.addEventListener('click', handleAddUser);
@@ -330,7 +323,7 @@
                         <td colspan="8" class="no-results">
                             <i class="fas fa-user-slash"></i>
                             <h3>没有找到用户</h3>
-                            <p>请尝试其他筛选条件或添加新用户</p>
+                            <p>请尝试其他筛选条件或添加新用�?/p>
                         </td>
                     </tr>
                 `;
@@ -347,7 +340,7 @@
                 // 角色徽章
                 let roleBadge = '';
                 if (user.role === 'admin') {
-                    roleBadge = '<span class="role-badge role-admin">管理员</span>';
+                    roleBadge = '<span class="role-badge role-admin">管理�?/span>';
                 } else if (user.role === 'teacher') {
                     roleBadge = '<span class="role-badge role-teacher">教师</span>';
                 } else {
@@ -359,7 +352,7 @@
                         <td>${user.id}</td>
                         <td>${user.name}</td>
                         <td>${roleBadge}</td>
-                        <td>${user.className || '—'}</td>
+                        <td>${user.className || '�?}</td>
                         <td>${user.phone}</td>
                         <td>${user.email}</td>
                         <td>${user.registerTime}</td>
@@ -386,15 +379,13 @@
         function updatePagination() {
             const totalPages = Math.ceil(currentUsers.length / usersPerPage);
             
-            // 更新按钮状态
-            prevBtn.disabled = currentPage === 1;
+            // 更新按钮状�?            prevBtn.disabled = currentPage === 1;
             nextBtn.disabled = currentPage === totalPages || totalPages === 0;
             
             // 更新页码按钮
             let pageButtonsHTML = '';
             for (let i = 1; i <= totalPages; i++) {
-                if (i <= 5) { // 最多显示5个页码
-                    pageButtonsHTML += `<button class="${i === currentPage ? 'active' : ''}" onclick="goToPage(${i})">${i}</button>`;
+                if (i <= 5) { // 最多显�?个页�?                    pageButtonsHTML += `<button class="${i === currentPage ? 'active' : ''}" onclick="goToPage(${i})">${i}</button>`;
                 }
             }
             pageNumbers.innerHTML = pageButtonsHTML;
@@ -408,23 +399,19 @@
             const className = classSelect.value;
 
             currentUsers = mockUsers.filter(user => {
-                // 用户ID筛选
-                if (userId && !user.id.toLowerCase().includes(userId.toLowerCase())) {
+                // 用户ID筛�?                if (userId && !user.id.toLowerCase().includes(userId.toLowerCase())) {
                     return false;
                 }
                 
-                // 姓名筛选
-                if (userName && !user.name.toLowerCase().includes(userName.toLowerCase())) {
+                // 姓名筛�?                if (userName && !user.name.toLowerCase().includes(userName.toLowerCase())) {
                     return false;
                 }
                 
-                // 角色筛选
-                if (role && user.role !== role) {
+                // 角色筛�?                if (role && user.role !== role) {
                     return false;
                 }
                 
-                // 班级筛选
-                if (className && user.className !== className) {
+                // 班级筛�?                if (className && user.className !== className) {
                     return false;
                 }
                 
@@ -451,31 +438,29 @@
 
         // 处理添加用户
         function handleAddUser() {
-            alert('添加用户功能将在后端API完成后实现');
+            alert('添加用户功能将在后端API完成后实�?);
             // 这里可以打开一个模态框来添加新用户
         }
 
         // 处理导出
         function handleExport() {
-            alert('导出功能将在后端API完成后实现');
+            alert('导出功能将在后端API完成后实�?);
             // 这里可以导出为Excel或CSV格式
         }
 
         // 编辑用户
         function editUser(userId) {
             alert(`编辑用户 ${userId} - 功能将在后端API完成后实现`);
-            // 这里可以打开一个模态框来编辑用户信息
-        }
+            // 这里可以打开一个模态框来编辑用户信�?        }
 
         // 删除用户
         function deleteUser(userId) {
-            if (confirm(`确定要删除用户 ${userId} 吗？此操作不可撤销。`)) {
+            if (confirm(`确定要删除用�?${userId} 吗？此操作不可撤销。`)) {
                 // 从模拟数据中删除
                 const index = mockUsers.findIndex(user => user.id === userId);
                 if (index !== -1) {
                     mockUsers.splice(index, 1);
-                    // 更新当前显示的数据
-                    handleSearch();
+                    // 更新当前显示的数�?                    handleSearch();
                     alert('用户删除成功');
                 }
             }
@@ -506,4 +491,4 @@
         }
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/frontend/html/index.html b/frontend/views/auth/index.html
similarity index 75%
rename from frontend/html/index.html
rename to frontend/views/auth/index.html
index 81173ea..24624c4 100644
--- a/frontend/html/index.html
+++ b/frontend/views/auth/index.html
@@ -4,43 +4,41 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>学生成绩管理系统</title>
-    <link rel="stylesheet" href="../css/style.css">
-    <link rel="stylesheet" href="../css/main.css">
+    <link rel="stylesheet" href="/public/css/style.css">
+    <link rel="stylesheet" href="/public/css/main.css">
 </head>
 <body>
-    <!-- 导航栏 -->
+    <!-- 导航�?-->
     <nav class="navbar">
         <div class="navbar-brand">
             <i class="fas fa-graduation-cap"></i>
             <span>XX学校成绩管理系统</span>
         </div>
         <div class="navbar-menu">
-            <a href="index.html" class="btn btn-secondary">
+            <a href="/" class="btn btn-secondary">
                 <i class="fas fa-home"></i> 主页
             </a>
             <div class="navbar-user">
-                <a href="login.html" class="btn btn-primary" id="loginBtn">
+                <a href="/login" class="btn btn-primary" id="loginBtn">
                     <i class="fas fa-sign-in-alt"></i> 登录
                 </a>
-                <a href="register.html" class="btn btn-secondary" id="registerBtn">
+                <a href="/register" class="btn btn-secondary" id="registerBtn">
                     <i class="fas fa-user-plus"></i> 注册
                 </a>
             </div>
         </div>
     </nav>
 
-    <!-- 主体内容区 -->
+    <!-- 主体内容�?-->
     <main>
         <!-- 英雄区域 -->
         <section class="hero-section">
             <div class="hero-content">
                 <h1 class="hero-title">XX学校学生成绩管理系统</h1>
                 <p class="hero-subtitle">
-                    高效、安全、智能的成绩管理平台，为学校师生提供全方位的成绩管理服务，
-                    实现成绩录入、查询、统计和分析的一体化解决方案。
-                </p>
+                    高效、安全、智能的成绩管理平台，为学校师生提供全方位的成绩管理服务�?                    实现成绩录入、查询、统计和分析的一体化解决方案�?                </p>
                 <div class="cta-buttons">
-                    <a href="login.html" class="btn btn-primary" id="heroLoginBtn">
+                    <a href="/login" class="btn btn-primary" id="heroLoginBtn">
                         <i class="fas fa-sign-in-alt"></i> 立即登录
                     </a>
                     <a href="#features" class="btn btn-secondary">
@@ -60,9 +58,7 @@
                     </div>
                     <h3 class="feature-title">学生成绩查询</h3>
                     <p class="feature-description">
-                        学生可随时查看个人成绩，包括各科成绩、平均分、排名等信息，
-                        支持成绩趋势分析和历史记录查看。
-                    </p>
+                        学生可随时查看个人成绩，包括各科成绩、平均分、排名等信息�?                        支持成绩趋势分析和历史记录查看�?                    </p>
                 </div>
 
                 <div class="feature-card">
@@ -72,19 +68,16 @@
                     <h3 class="feature-title">教师成绩管理</h3>
                     <p class="feature-description">
                         教师可便捷录入、修改、查询学生成绩，支持批量操作和成绩统计分析，
-                        提供多种数据导出格式。
-                    </p>
+                        提供多种数据导出格式�?                    </p>
                 </div>
 
                 <div class="feature-card">
                     <div class="feature-icon">
                         <i class="fas fa-user-shield"></i>
                     </div>
-                    <h3 class="feature-title">管理员权限控制</h3>
+                    <h3 class="feature-title">管理员权限控�?/h3>
                     <p class="feature-description">
-                        管理员可管理用户账户、学生信息，查看系统统计报表，
-                        设置权限和系统参数，确保数据安全。
-                    </p>
+                        管理员可管理用户账户、学生信息，查看系统统计报表�?                        设置权限和系统参数，确保数据安全�?                    </p>
                 </div>
 
                 <div class="feature-card">
@@ -93,9 +86,7 @@
                     </div>
                     <h3 class="feature-title">智能统计分析</h3>
                     <p class="feature-description">
-                        提供丰富的图表统计功能，包括成绩分布、趋势分析、对比图表等，
-                        帮助学校进行教学评估和决策支持。
-                    </p>
+                        提供丰富的图表统计功能，包括成绩分布、趋势分析、对比图表等�?                        帮助学校进行教学评估和决策支持�?                    </p>
                 </div>
             </div>
         </section>
@@ -104,12 +95,10 @@
         <section class="cta-section">
             <h2 class="cta-title">立即体验智能成绩管理</h2>
             <p style="font-size: 1.2rem; color: #666; margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto;">
-                加入XX学校成绩管理系统，体验高效、便捷的成绩管理服务。
-            </p>
+                加入XX学校成绩管理系统，体验高效、便捷的成绩管理服务�?            </p>
             <div class="cta-buttons">
-                <a href="login.html" class="btn btn-primary">
-                    <i class="fas fa-sign-in-alt"></i> 开始使用
-                </a>
+                <a href="/login" class="btn btn-primary">
+                    <i class="fas fa-sign-in-alt"></i> 开始使�?                </a>
                 <a href="#" class="btn btn-secondary">
                     <i class="fas fa-book"></i> 查看文档
                 </a>
@@ -122,8 +111,7 @@
         <div class="footer-content">
             <h3 style="margin-bottom: 20px;">XX学校学生成绩管理系统</h3>
             <p style="color: #ccc; margin-bottom: 20px; max-width: 600px; margin-left: auto; margin-right: auto;">
-                致力于为学校提供专业、安全、高效的数字化成绩管理解决方案。
-            </p>
+                致力于为学校提供专业、安全、高效的数字化成绩管理解决方案�?            </p>
             <div class="footer-links">
                 <a href="#"><i class="fas fa-info-circle"></i> 关于我们</a>
                 <a href="#"><i class="fas fa-envelope"></i> 联系我们</a>
@@ -131,12 +119,12 @@
                 <a href="#"><i class="fas fa-file-contract"></i> 服务条款</a>
             </div>
             <div class="copyright">
-                <p>© 2023 XX学校学生成绩管理系统 版权所有</p>
-                <p>联系电话：010-12345678 | 邮箱：contact@school.edu.cn</p>
+                <p>© 2023 XX学校学生成绩管理系统 版权所�?/p>
+                <p>联系电话�?10-12345678 | 邮箱：contact@school.edu.cn</p>
             </div>
         </div>
     </footer>
 
-    <script src="../js/main.js"></script>
+    <script src="/public/js/main.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/frontend/html/login.html b/frontend/views/auth/login.html
similarity index 84%
rename from frontend/html/login.html
rename to frontend/views/auth/login.html
index a66605d..9bd53f5 100644
--- a/frontend/html/login.html
+++ b/frontend/views/auth/login.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>学生成绩管理系统 - 登录</title>
-    <link rel="stylesheet" href="../css/style.css">
+    <link rel="stylesheet" href="/public/css/style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
 </head>
 <body>
@@ -21,7 +21,7 @@
                         <i class="fas fa-user"></i> 学号/工号
                     </label>
                     <input type="text" id="id" name="id" required 
-                           placeholder="请输入学号/工号">
+                           placeholder="请输入学号/工号" autocomplete="username">
                 </div>
                 
                 <div class="form-group">
@@ -29,7 +29,7 @@
                         <i class="fas fa-lock"></i> 密码
                     </label>
                     <input type="password" id="password" name="password" required 
-                           placeholder="请输入密码">
+                           placeholder="请输入密码" autocomplete="current-password">
                 </div>
                 
                 <div class="form-group">
@@ -45,17 +45,18 @@
                 </div>
                 
                 <div class="form-group">
-                    <button type="submit" class="btn btn-primary">
+                    <button type="submit" class="btn btn-primary btn-block">
                         <i class="fas fa-sign-in-alt"></i> 登录
                     </button>
                 </div>
                 
                 <div class="auth-footer">
-                    <p>没有账户？ <a href="register.html">立即注册</a></p>
+                    <p>没有账户？ <a href="/register">立即注册</a></p>
                 </div>
             </form>
         </div>
-        
-    <script src="../js/auth.js"></script>
+    </div>
+    
+    <script src="/public/js/auth.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/frontend/html/register.html b/frontend/views/auth/register.html
similarity index 74%
rename from frontend/html/register.html
rename to frontend/views/auth/register.html
index 2902e8d..ed4df6b 100644
--- a/frontend/html/register.html
+++ b/frontend/views/auth/register.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>学生成绩管理系统 - 注册</title>
-    <link rel="stylesheet" href="../css/style.css">
+    <link rel="stylesheet" href="/public/css/style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
 </head>
 <body>
@@ -21,7 +21,7 @@
                         <i class="fas fa-id-card"></i> 学号/工号
                     </label>
                     <input type="text" id="id" name="id" required 
-                           placeholder="请输入学号或工号">
+                           placeholder="请输入学号或工号" autocomplete="username">
                 </div>
                 
                 <div class="form-group">
@@ -37,7 +37,7 @@
                         <i class="fas fa-lock"></i> 密码
                     </label>
                     <input type="password" id="password" name="password" required 
-                           placeholder="请输入密码">
+                           placeholder="请输入密码" autocomplete="new-password">
                 </div>
                 
                 <div class="form-group">
@@ -45,7 +45,7 @@
                         <i class="fas fa-lock"></i> 确认密码
                     </label>
                     <input type="password" id="confirmPassword" name="confirmPassword" required 
-                           placeholder="请再次输入密码">
+                           placeholder="请再次输入密码" autocomplete="new-password">
                 </div>
                 
                 <div class="form-group">
@@ -69,38 +69,18 @@
                 </div>
                 
                 <div class="form-group">
-                    <button type="submit" class="btn btn-primary">
+                    <button type="submit" class="btn btn-primary btn-block">
                         <i class="fas fa-user-plus"></i> 注册
                     </button>
                 </div>
                 
                 <div class="auth-footer">
-                    <p>已有账户？ <a href="login.html">立即登录</a></p>
+                    <p>已有账户？ <a href="/login">立即登录</a></p>
                 </div>
             </form>
         </div>
-        
-    <script src="../js/auth.js"></script>
-    <script>
-        // 显示/隐藏班级字段
-        document.getElementById('role').addEventListener('change', function() {
-            const role = this.value;
-            const classField = document.getElementById('classField');
-            const classInput = document.getElementById('class');
-            
-            if (role === 'student' || role === 'teacher') {
-                classField.style.display = 'block';
-                classInput.required = true;
-            } else {
-                classField.style.display = 'none';
-                classInput.required = false;
-            }
-        });
-        
-        // 初始化AuthManager
-        document.addEventListener('DOMContentLoaded', () => {
-            new AuthManager();
-        });
-    </script>
+    </div>
+    
+    <script src="/public/js/auth.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/frontend/html/student_dashboard.html b/frontend/views/student/dashboard.html
similarity index 83%
rename from frontend/html/student_dashboard.html
rename to frontend/views/student/dashboard.html
index baa2ba0..534c8e8 100644
--- a/frontend/html/student_dashboard.html
+++ b/frontend/views/student/dashboard.html
@@ -3,34 +3,33 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>学生成绩管理系统 - 学生仪表板</title>
-    <link rel="stylesheet" href="../css/style.css">
+    <title>学生成绩管理系统 - 学生仪表�?/title>
+    <link rel="stylesheet" href="/public/css/style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
 </head>
 </head>
 <body>
-    <!-- 顶部导航栏 -->
+    <!-- 顶部导航�?-->
     <nav class="navbar">
         <div class="navbar-brand">
             <i class="fas fa-graduation-cap"></i>
             <span>XX学校成绩管理系统</span>
         </div>
         <div class="navbar-menu">
-            <a href="index.html" class="btn btn-secondary">
+            <a href="/" class="btn btn-secondary">
                 <i class="fas fa-home"></i> 主页
             </a>
             <div class="navbar-user">
-                <span class="user-name" id="userName">加载中...</span>
+                <span class="user-name" id="userName">加载�?..</span>
                 <button id="logoutBtn" class="btn btn-primary">
-                    <i class="fas fa-sign-out-alt"></i> 退出
-                </button>
+                    <i class="fas fa-sign-out-alt"></i> 退�?                </button>
             </div>
         </div>
     </nav>
 
-    <!-- 仪表板容器 -->
+    <!-- 仪表板容�?-->
     <div class="dashboard-container">
-        <!-- 左侧侧边栏 -->
+        <!-- 左侧侧边�?-->
         <aside class="sidebar">
             <div class="sidebar-header">
                 <div class="user-info">
@@ -38,8 +37,8 @@
                         <i class="fas fa-user-graduate"></i>
                     </div>
                     <div class="user-details">
-                    <h3 id="studentName">加载中...</h3>
-                    <p>学生 | 班级：<span id="studentClass">加载中...</span></p>
+                    <h3 id="studentName">加载�?..</h3>
+                    <p>学生 | 班级�?span id="studentClass">加载�?..</span></p>
                 </div>
                 </div>
             </div>
@@ -48,7 +47,7 @@
                 <li>
                     <a href="#" class="active">
                         <i class="fas fa-tachometer-alt"></i>
-                        <span>仪表板</span>
+                        <span>仪表�?/span>
                     </a>
                 </li>
                 <li>
@@ -88,11 +87,11 @@
         <main class="main-content">
             <div class="content-header">
                 <div>
-                    <h1 class="page-title">学生仪表板</h1>
+                    <h1 class="page-title">学生仪表�?/h1>
                     <div class="breadcrumb">
-                        <a href="index.html">主页</a>
+                        <a href="/">主页</a>
                         <i class="fas fa-chevron-right"></i>
-                        <span>学生仪表板</span>
+                        <span>学生仪表�?/span>
                     </div>
                 </div>
                 <div class="current-time" id="currentTime"></div>
@@ -121,7 +120,7 @@
                         <i class="fas fa-certificate"></i>
                     </div>
                     <div class="stat-value" id="creditTotal">24</div>
-                    <div class="stat-label">总学分</div>
+                    <div class="stat-label">总学�?/div>
                 </div>
 
                 <div class="stat-card">
@@ -136,16 +135,15 @@
             <!-- 成绩表格 -->
             <div class="grades-table">
                 <div class="table-header">
-                    <h2 class="table-title">本学期成绩</h2>
+                    <h2 class="table-title">本学期成�?/h2>
                     <div class="table-actions">
                         <select class="form-select" style="width: 150px;">
-                            <option value="all">所有学期</option>
+                            <option value="all">所有学�?/option>
                             <option value="2023-2" selected>2023-2024学年第二学期</option>
                             <option value="2023-1">2023-2024学年第一学期</option>
                         </select>
                         <button class="btn btn-primary">
-                            <i class="fas fa-download"></i> 导出成绩单
-                        </button>
+                            <i class="fas fa-download"></i> 导出成绩�?                        </button>
                     </div>
                 </div>
 
@@ -158,13 +156,13 @@
                                 <th>学分</th>
                                 <th>平时成绩</th>
                                 <th>期末成绩</th>
-                                <th>总成绩</th>
+                                <th>总成�?/th>
                                 <th>绩点</th>
                                 <th>操作</th>
                             </tr>
                         </thead>
                         <tbody id="gradesTableBody">
-                            <!-- 成绩数据将通过JavaScript动态加载 -->
+                            <!-- 成绩数据将通过JavaScript动态加�?-->
                         </tbody>
                     </table>
                 </div>
@@ -172,8 +170,8 @@
         </main>
     </div>
 
-    <script src="../js/student.js"></script>
-    <script src="../js/auth.js"></script>
+    <script src="/public/js/student.js"></script>
+    <script src="/public/js/auth.js"></script>
     <script>
         // 更新当前时间
         function updateCurrentTime() {
@@ -192,4 +190,4 @@
         updateCurrentTime();
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/frontend/html/teacher_dashboard.html b/frontend/views/teacher/dashboard.html
similarity index 89%
rename from frontend/html/teacher_dashboard.html
rename to frontend/views/teacher/dashboard.html
index e848a7d..6dfbaa4 100644
--- a/frontend/html/teacher_dashboard.html
+++ b/frontend/views/teacher/dashboard.html
@@ -3,8 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>学生成绩管理系统 - 教师仪表板</title>
-    <link rel="stylesheet" href="../css/style.css">
+    <title>学生成绩管理系统 - 教师仪表�?/title>
+    <link rel="stylesheet" href="/public/css/style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
 </head>
         /* 仪表板布局 */
@@ -13,7 +13,7 @@
             min-height: calc(100vh - 80px);
         }
 
-        /* 侧边栏 */
+        /* 侧边�?*/
         .sidebar {
             width: 250px;
             background: linear-gradient(180deg, #43e97b 0%, #38f9d7 100%);
@@ -183,7 +183,7 @@
             margin-bottom: 20px;
         }
 
-        /* 快速操作 */
+        /* 快速操�?*/
         .quick-actions {
             background: white;
             border-radius: 15px;
@@ -230,7 +230,7 @@
             border-color: #43e97b;
         }
 
-        /* 最近活动 */
+        /* 最近活�?*/
         .recent-activities {
             background: white;
             border-radius: 15px;
@@ -282,7 +282,7 @@
             color: #999;
         }
 
-        /* 响应式设计 */
+        /* 响应式设�?*/
         @media (max-width: 992px) {
             .dashboard-container {
                 flex-direction: column;
@@ -344,28 +344,27 @@
     </style>
 </head>
 <body>
-    <!-- 顶部导航栏 -->
+    <!-- 顶部导航�?-->
     <nav class="navbar">
         <div class="navbar-brand">
             <i class="fas fa-graduation-cap"></i>
             <span>XX学校成绩管理系统</span>
         </div>
         <div class="navbar-menu">
-            <a href="index.html" class="btn btn-secondary">
+            <a href="/" class="btn btn-secondary">
                 <i class="fas fa-home"></i> 主页
             </a>
             <div class="navbar-user">
                 <span class="user-name" id="userName">李老师</span>
                 <button id="logoutBtn" class="btn btn-primary">
-                    <i class="fas fa-sign-out-alt"></i> 退出
-                </button>
+                    <i class="fas fa-sign-out-alt"></i> 退�?                </button>
             </div>
         </div>
     </nav>
 
-    <!-- 仪表板容器 -->
+    <!-- 仪表板容�?-->
     <div class="dashboard-container">
-        <!-- 左侧侧边栏 -->
+        <!-- 左侧侧边�?-->
         <aside class="sidebar">
             <div class="sidebar-header">
                 <div class="user-info">
@@ -374,7 +373,7 @@
                     </div>
                     <div class="user-details">
                         <h3 id="teacherName">李老师</h3>
-                        <p>教师 | 部门：<span id="teacherDept">计算机学院</span></p>
+                        <p>教师 | 部门�?span id="teacherDept">计算机学�?/span></p>
                     </div>
                 </div>
             </div>
@@ -383,11 +382,11 @@
                 <li>
                     <a href="#" class="active">
                         <i class="fas fa-tachometer-alt"></i>
-                        <span>仪表板</span>
+                        <span>仪表�?/span>
                     </a>
                 </li>
                 <li>
-                    <a href="grade_entry.html">
+                    <a href="/teacher/grade_entry">
                         <i class="fas fa-edit"></i>
                         <span>成绩录入</span>
                     </a>
@@ -429,11 +428,11 @@
         <main class="main-content">
             <div class="content-header">
                 <div>
-                    <h1 class="page-title">教师仪表板</h1>
+                    <h1 class="page-title">教师仪表�?/h1>
                     <div class="breadcrumb">
-                        <a href="index.html">主页</a>
+                        <a href="/">主页</a>
                         <i class="fas fa-chevron-right"></i>
-                        <span>教师仪表板</span>
+                        <span>教师仪表�?/span>
                     </div>
                 </div>
                 <div class="current-time" id="currentTime"></div>
@@ -447,9 +446,8 @@
                     </div>
                     <h3 class="function-title">成绩录入</h3>
                     <p class="function-description">
-                        为学生录入新的课程成绩，支持批量导入和单个录入。
-                    </p>
-                    <button class="btn btn-primary">开始录入</button>
+                        为学生录入新的课程成绩，支持批量导入和单个录入�?                    </p>
+                    <button class="btn btn-primary">开始录�?/button>
                 </div>
 
                 <div class="function-card" onclick="window.location.href='grade_query.html'">
@@ -458,9 +456,8 @@
                     </div>
                     <h3 class="function-title">成绩查询</h3>
                     <p class="function-description">
-                        查询学生成绩，支持按班级、课程、学期等多维度筛选。
-                    </p>
-                    <button class="btn btn-primary">开始查询</button>
+                        查询学生成绩，支持按班级、课程、学期等多维度筛选�?                    </p>
+                    <button class="btn btn-primary">开始查�?/button>
                 </div>
 
                 <div class="function-card" onclick="window.location.href='grade_manage.html'">
@@ -469,9 +466,8 @@
                     </div>
                     <h3 class="function-title">成绩管理</h3>
                     <p class="function-description">
-                        修改或删除已录入的成绩，管理成绩记录和状态。
-                    </p>
-                    <button class="btn btn-primary">开始管理</button>
+                        修改或删除已录入的成绩，管理成绩记录和状态�?                    </p>
+                    <button class="btn btn-primary">开始管�?/button>
                 </div>
 
                 <div class="function-card" onclick="window.location.href='#'">
@@ -480,31 +476,27 @@
                     </div>
                     <h3 class="function-title">统计分析</h3>
                     <p class="function-description">
-                        查看成绩统计图表，分析教学效果和学生表现。
-                    </p>
+                        查看成绩统计图表，分析教学效果和学生表现�?                    </p>
                     <button class="btn btn-primary">查看统计</button>
                 </div>
             </div>
 
-            <!-- 快速操作 -->
+            <!-- 快速操�?-->
             <div class="quick-actions">
                 <h2 class="section-title">
                     <i class="fas fa-bolt"></i>
-                    快速操作
-                </h2>
+                    快速操�?                </h2>
                 <div class="action-buttons">
-                    <a href="grade_entry.html" class="action-btn">
+                    <a href="/teacher/grade_entry" class="action-btn">
                         <i class="fas fa-plus"></i>
-                        录入新成绩
-                    </a>
+                        录入新成�?                    </a>
                     <a href="grade_query.html" class="action-btn">
                         <i class="fas fa-search"></i>
                         查询成绩
                     </a>
                     <a href="#" class="action-btn">
                         <i class="fas fa-download"></i>
-                        导出成绩单
-                    </a>
+                        导出成绩�?                    </a>
                     <a href="#" class="action-btn">
                         <i class="fas fa-chart-pie"></i>
                         生成统计报告
@@ -512,4 +504,4 @@
                 </div>
             </div>
 
-            <!-- 最近活动
\ No newline at end of file
+            <!-- 最近活�
diff --git a/frontend/html/grade_entry.html b/frontend/views/teacher/grade_entry.html
similarity index 86%
rename from frontend/html/grade_entry.html
rename to frontend/views/teacher/grade_entry.html
index b86f505..1b9e515 100644
--- a/frontend/html/grade_entry.html
+++ b/frontend/views/teacher/grade_entry.html
@@ -4,34 +4,34 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>成绩录入 - XX学校成绩管理系统</title>
-    <link rel="stylesheet" href="../css/style.css">
+    <link rel="stylesheet" href="/public/css/style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 
 </head>
 <body>
-    <!-- 导航栏 -->
+    <!-- 导航�?-->
     <nav class="navbar">
         <div class="navbar-brand">
-            <a href="index.html"><i class="fas fa-graduation-cap"></i> XX学校成绩管理系统</a>
+            <a href="/"><i class="fas fa-graduation-cap"></i> XX学校成绩管理系统</a>
         </div>
         <div class="navbar-menu">
-            <a href="teacher_dashboard.html" class="navbar-item"><i class="fas fa-tachometer-alt"></i> 教师仪表板</a>
-            <a href="grade_entry.html" class="navbar-item active"><i class="fas fa-edit"></i> 成绩录入</a>
-            <a href="grade_management.html" class="navbar-item"><i class="fas fa-list"></i> 成绩管理</a>
+            <a href="/teacher/dashboard" class="navbar-item"><i class="fas fa-tachometer-alt"></i> 教师仪表�?/a>
+            <a href="/teacher/grade_entry" class="navbar-item active"><i class="fas fa-edit"></i> 成绩录入</a>
+            <a href="/teacher/grade_management" class="navbar-item"><i class="fas fa-list"></i> 成绩管理</a>
             <div class="user-info">
                 <span class="user-name">李老师</span>
                 <span class="user-role">教师</span>
-                <a href="login.html" class="btn btn-outline btn-small"><i class="fas fa-sign-out-alt"></i> 退出</a>
+                <a href="/login" class="btn btn-outline btn-small"><i class="fas fa-sign-out-alt"></i> 退�?/a>
             </div>
         </div>
     </nav>
 
-    <!-- 面包屑导航 -->
+    <!-- 面包屑导�?-->
     <div class="container">
         <div class="breadcrumb">
-            <a href="index.html">主页</a>
+            <a href="/">主页</a>
             <i class="fas fa-chevron-right"></i>
-            <a href="teacher_dashboard.html">教师仪表板</a>
+            <a href="/teacher/dashboard">教师仪表�?/a>
             <i class="fas fa-chevron-right"></i>
             <span>成绩录入</span>
         </div>
@@ -41,7 +41,7 @@
     <div class="grade-entry-container">
         <div class="entry-header">
             <h1><i class="fas fa-edit"></i> 成绩录入</h1>
-            <p>请选择班级和课程，然后为每个学生录入成绩</p>
+            <p>请选择班级和课程，然后为每个学生录入成�?/p>
         </div>
 
         <div class="entry-form">
@@ -50,11 +50,11 @@
                     <label for="class-select"><i class="fas fa-users"></i> 选择班级</label>
                     <select id="class-select" class="form-control">
                         <option value="">请选择班级</option>
-                        <option value="class1">计算机科学与技术2021级1班</option>
-                        <option value="class2">计算机科学与技术2021级2班</option>
-                        <option value="class3">软件工程2021级1班</option>
-                        <option value="class4">软件工程2021级2班</option>
-                        <option value="class5">网络工程2021级1班</option>
+                        <option value="class1">计算机科学与技�?021�?�?/option>
+                        <option value="class2">计算机科学与技�?021�?�?/option>
+                        <option value="class3">软件工程2021�?�?/option>
+                        <option value="class4">软件工程2021�?�?/option>
+                        <option value="class5">网络工程2021�?�?/option>
                     </select>
                 </div>
                 
@@ -71,12 +71,12 @@
             
             <div class="form-group">
                 <label><i class="fas fa-info-circle"></i> 备注说明（可选）</label>
-                <textarea id="remarks" rows="3" placeholder="可输入本次考试的说明信息，如：期中考试、期末考试等"></textarea>
+                <textarea id="remarks" rows="3" placeholder="可输入本次考试的说明信息，如：期中考试、期末考试�?></textarea>
             </div>
             
             <div class="students-table-container">
                 <h3><i class="fas fa-user-graduate"></i> 学生成绩录入</h3>
-                <p class="text-muted">选择班级后，系统将自动加载该班级的学生列表</p>
+                <p class="text-muted">选择班级后，系统将自动加载该班级的学生列�?/p>
                 
                 <div id="students-loading" class="loading" style="display: none;">
                     <i class="fas fa-spinner"></i>
@@ -100,7 +100,7 @@
                         </tr>
                     </thead>
                     <tbody id="students-tbody">
-                        <!-- 学生数据将通过JavaScript动态加载 -->
+                        <!-- 学生数据将通过JavaScript动态加�?-->
                     </tbody>
                 </table>
             </div>
@@ -118,11 +118,11 @@
         <div class="card">
             <h3><i class="fas fa-lightbulb"></i> 使用说明</h3>
             <ul class="text-muted">
-                <li>首先选择要录入成绩的班级和课程</li>
-                <li>系统会自动加载该班级的学生列表</li>
+                <li>首先选择要录入成绩的班级和课�?/li>
+                <li>系统会自动加载该班级的学生列�?/li>
                 <li>为每个学生输入平时成绩、期中成绩和期末成绩</li>
-                <li>总评成绩将根据权重自动计算（默认权重：平时20%，期中30%，期末50%）</li>
-                <li>确认无误后点击“提交成绩”按钮保存数据</li>
+                <li>总评成绩将根据权重自动计算（默认权重：平�?0%，期�?0%，期�?0%�?/li>
+                <li>确认无误后点击“提交成绩”按钮保存数�?/li>
                 <li>提交后可以在“成绩管理”页面查看和修改已录入的成绩</li>
             </ul>
         </div>
@@ -154,8 +154,7 @@
         const cancelBtn = document.getElementById('cancel-btn');
         const submitBtn = document.getElementById('submit-btn');
         
-        // 设置默认考试日期为今天
-        const today = new Date().toISOString().split('T')[0];
+        // 设置默认考试日期为今�?        const today = new Date().toISOString().split('T')[0];
         examDateInput.value = today;
         
         // 班级选择变化事件
@@ -168,8 +167,7 @@
                 return;
             }
             
-            // 显示加载状态
-            showLoading();
+            // 显示加载状�?            showLoading();
             
             // 模拟API调用延迟
             setTimeout(() => {
@@ -194,8 +192,7 @@
             // 清空表格
             studentsTbody.innerHTML = '';
             
-            // 添加学生行
-            students.forEach((student, index) => {
+            // 添加学生�?            students.forEach((student, index) => {
                 const row = document.createElement('tr');
                 row.innerHTML = `
                     <td>${student.id}</td>
@@ -234,20 +231,17 @@
             addGradeInputListeners();
         }
         
-        // 显示加载状态
-        function showLoading() {
+        // 显示加载状�?        function showLoading() {
             studentsLoading.style.display = 'block';
             studentsTable.style.display = 'none';
             noStudents.style.display = 'none';
         }
         
-        // 隐藏加载状态
-        function hideLoading() {
+        // 隐藏加载状�?        function hideLoading() {
             studentsLoading.style.display = 'none';
         }
         
-        // 显示无学生数据
-        function showNoStudents() {
+        // 显示无学生数�?        function showNoStudents() {
             hideLoading();
             studentsTable.style.display = 'none';
             noStudents.style.display = 'block';
@@ -293,11 +287,9 @@
             const midterm = parseFloat(midtermInput.value) || 0;
             const final = parseFloat(finalInput.value) || 0;
             
-            // 计算总评成绩（权重：平时20%，期中30%，期末50%）
-            const total = (usual * 0.2) + (midterm * 0.3) + (final * 0.5);
+            // 计算总评成绩（权重：平时20%，期�?0%，期�?0%�?            const total = (usual * 0.2) + (midterm * 0.3) + (final * 0.5);
             
-            // 显示总评成绩（四舍五入到整数）
-            totalSpan.textContent = Math.round(total);
+            // 显示总评成绩（四舍五入到整数�?            totalSpan.textContent = Math.round(total);
             
             // 根据成绩范围设置颜色
             if (total >= 90) {
@@ -323,13 +315,12 @@
             }
             
             if (!courseName) {
-                alert('请输入课程名称');
+                alert('请输入课程名�?);
                 courseNameInput.focus();
                 return false;
             }
             
-            // 检查是否有学生成绩未填写
-            const usualGrades = document.querySelectorAll('.usual-grade');
+            // 检查是否有学生成绩未填�?            const usualGrades = document.querySelectorAll('.usual-grade');
             const midtermGrades = document.querySelectorAll('.midterm-grade');
             const finalGrades = document.querySelectorAll('.final-grade');
             
@@ -350,7 +341,7 @@
                 if (usualNum < 0 || usualNum > 100 || 
                     midtermNum < 0 || midtermNum > 100 || 
                     finalNum < 0 || finalNum > 100) {
-                    alert(`第${i + 1}行学生的成绩必须在0-100之间`);
+                    alert(`�?{i + 1}行学生的成绩必须�?-100之间`);
                     return false;
                 }
             }
@@ -403,17 +394,15 @@
             
             const formData = collectFormData();
             
-            // 显示提交中状态
-            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 提交中...';
+            // 显示提交中状�?            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 提交�?..';
             submitBtn.disabled = true;
             
             // 模拟API调用
             setTimeout(() => {
                 // 模拟成功响应
-                alert(`成绩提交成功！\n班级：${formData.className}\n课程：${formData.courseName}\n共录入${formData.grades.length}名学生成绩`);
+                alert(`成绩提交成功！\n班级�?{formData.className}\n课程�?{formData.courseName}\n共录�?{formData.grades.length}名学生成绩`);
                 
-                // 重置按钮状态
-                submitBtn.innerHTML = '<i class="fas fa-check"></i> 提交成绩';
+                // 重置按钮状�?                submitBtn.innerHTML = '<i class="fas fa-check"></i> 提交成绩';
                 submitBtn.disabled = false;
                 
                 // 重置表单
@@ -439,7 +428,7 @@
         
         // 取消按钮事件
         cancelBtn.addEventListener('click', function() {
-            if (confirm('确定要取消吗？所有未保存的更改将会丢失。')) {
+            if (confirm('确定要取消吗？所有未保存的更改将会丢失�?)) {
                 resetForm();
             }
         });
@@ -449,11 +438,10 @@
         
         // 页面加载时初始化
         document.addEventListener('DOMContentLoaded', function() {
-            // 检查是否有必要的数据
-            if (!classSelect.value) {
+            // 检查是否有必要的数�?            if (!classSelect.value) {
                 submitBtn.disabled = true;
             }
         });
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/frontend/html/grade_management.html b/frontend/views/teacher/grade_management.html
similarity index 88%
rename from frontend/html/grade_management.html
rename to frontend/views/teacher/grade_management.html
index 2ff3339..0a4b42c 100644
--- a/frontend/html/grade_management.html
+++ b/frontend/views/teacher/grade_management.html
@@ -4,30 +4,30 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>成绩查询/管理 - 学生成绩管理系统</title>
-    <link rel="stylesheet" href="../css/style.css">
+    <link rel="stylesheet" href="/public/css/style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 
 </head>
 <body>
-    <!-- 导航栏 -->
+    <!-- 导航�?-->
     <nav class="navbar">
         <div class="nav-container">
             <div class="nav-brand">
-                <a href="index.html">
+                <a href="/">
                     <i class="fas fa-graduation-cap"></i>
                     <span>XX学校成绩管理系统</span>
                 </a>
             </div>
             <div class="nav-menu">
-                <a href="teacher_dashboard.html" class="nav-link">
+                <a href="/teacher/dashboard" class="nav-link">
                     <i class="fas fa-tachometer-alt"></i>
-                    <span>教师仪表板</span>
+                    <span>教师仪表�?/span>
                 </a>
-                <a href="grade_entry.html" class="nav-link">
+                <a href="/teacher/grade_entry" class="nav-link">
                     <i class="fas fa-edit"></i>
                     <span>成绩录入</span>
                 </a>
-                <a href="grade_management.html" class="nav-link active">
+                <a href="/teacher/grade_management" class="nav-link active">
                     <i class="fas fa-search"></i>
                     <span>成绩管理</span>
                 </a>
@@ -37,9 +37,9 @@
                     <i class="fas fa-user-circle"></i>
                     <span>张老师</span>
                 </div>
-                <a href="login.html" class="btn-logout">
+                <a href="/login" class="btn-logout">
                     <i class="fas fa-sign-out-alt"></i>
-                    <span>退出</span>
+                    <span>退�?/span>
                 </a>
             </div>
         </div>
@@ -48,11 +48,11 @@
     <!-- 主内容区 -->
     <main class="main-content">
         <div class="container">
-            <!-- 面包屑导航 -->
+            <!-- 面包屑导�?-->
             <div class="breadcrumb">
-                <a href="index.html">主页</a>
+                <a href="/">主页</a>
                 <i class="fas fa-chevron-right"></i>
-                <a href="teacher_dashboard.html">教师仪表板</a>
+                <a href="/teacher/dashboard">教师仪表�?/a>
                 <i class="fas fa-chevron-right"></i>
                 <span>成绩查询/管理</span>
             </div>
@@ -63,22 +63,21 @@
                 <p class="page-description">查询、修改和删除学生成绩记录</p>
             </div>
             
-            <!-- 筛选区域 -->
+            <!-- 筛选区�?-->
             <div class="filter-section">
                 <h2 class="filter-title">
                     <i class="fas fa-filter"></i>
-                    筛选条件
-                </h2>
+                    筛选条�?                </h2>
                 <div class="filter-form">
                     <div class="form-group">
                         <label for="class-select">班级</label>
                         <select id="class-select" class="form-control">
                             <option value="">全部班级</option>
-                            <option value="class1">计算机科学与技术1班</option>
-                            <option value="class2">计算机科学与技术2班</option>
-                            <option value="class3">软件工程1班</option>
-                            <option value="class4">软件工程2班</option>
-                            <option value="class5">网络工程1班</option>
+                            <option value="class1">计算机科学与技�?�?/option>
+                            <option value="class2">计算机科学与技�?�?/option>
+                            <option value="class3">软件工程1�?/option>
+                            <option value="class4">软件工程2�?/option>
+                            <option value="class5">网络工程1�?/option>
                         </select>
                     </div>
                     <div class="form-group">
@@ -87,8 +86,8 @@
                             <option value="">全部课程</option>
                             <option value="course1">数据结构</option>
                             <option value="course2">操作系统</option>
-                            <option value="course3">计算机网络</option>
-                            <option value="course4">数据库系统</option>
+                            <option value="course3">计算机网�?/option>
+                            <option value="course4">数据库系�?/option>
                             <option value="course5">软件工程</option>
                         </select>
                     </div>
@@ -147,7 +146,7 @@
                             </tr>
                         </thead>
                         <tbody id="grade-table-body">
-                            <!-- 数据将通过JavaScript动态加载 -->
+                            <!-- 数据将通过JavaScript动态加�?-->
                             <tr>
                                 <td colspan="11" class="loading">
                                     <i class="fas fa-spinner fa-spin"></i>
@@ -160,11 +159,11 @@
                 
                 <!-- 分页 -->
                 <div class="pagination">
-                    <button id="prev-page" disabled>上一页</button>
+                    <button id="prev-page" disabled>上一�?/button>
                     <button class="active">1</button>
                     <button>2</button>
                     <button>3</button>
-                    <button id="next-page">下一页</button>
+                    <button id="next-page">下一�?/button>
                 </div>
             </div>
         </div>
@@ -173,8 +172,8 @@
     <!-- 页脚 -->
     <footer class="footer">
         <div class="container">
-            <p>&copy; 2023 XX学校成绩管理系统. 版权所有.</p>
-            <p>技术支持: 计算机科学与技术学院</p>
+            <p>&copy; 2023 XX学校成绩管理系统. 版权所�?</p>
+            <p>技术支�? 计算机科学与技术学�?/p>
         </div>
     </footer>
 
@@ -185,7 +184,7 @@
                 id: 1,
                 studentId: "20230001",
                 studentName: "张三",
-                className: "计算机科学与技术1班",
+                className: "计算机科学与技�?�?,
                 courseName: "数据结构",
                 regularScore: 85,
                 midtermScore: 88,
@@ -197,7 +196,7 @@
                 id: 2,
                 studentId: "20230002",
                 studentName: "李四",
-                className: "计算机科学与技术1班",
+                className: "计算机科学与技�?�?,
                 courseName: "数据结构",
                 regularScore: 78,
                 midtermScore: 82,
@@ -209,7 +208,7 @@
                 id: 3,
                 studentId: "20230003",
                 studentName: "王五",
-                className: "计算机科学与技术2班",
+                className: "计算机科学与技�?�?,
                 courseName: "操作系统",
                 regularScore: 92,
                 midtermScore: 88,
@@ -221,7 +220,7 @@
                 id: 4,
                 studentId: "20230004",
                 studentName: "赵六",
-                className: "计算机科学与技术2班",
+                className: "计算机科学与技�?�?,
                 courseName: "操作系统",
                 regularScore: 65,
                 midtermScore: 70,
@@ -233,8 +232,8 @@
                 id: 5,
                 studentId: "20230005",
                 studentName: "钱七",
-                className: "软件工程1班",
-                courseName: "数据库系统",
+                className: "软件工程1�?,
+                courseName: "数据库系�?,
                 regularScore: 88,
                 midtermScore: 85,
                 finalScore: 90,
@@ -245,8 +244,8 @@
                 id: 6,
                 studentId: "20230006",
                 studentName: "孙八",
-                className: "软件工程1班",
-                courseName: "数据库系统",
+                className: "软件工程1�?,
+                courseName: "数据库系�?,
                 regularScore: 75,
                 midtermScore: 78,
                 finalScore: 80,
@@ -257,7 +256,7 @@
                 id: 7,
                 studentId: "20230007",
                 studentName: "周九",
-                className: "软件工程2班",
+                className: "软件工程2�?,
                 courseName: "软件工程",
                 regularScore: 90,
                 midtermScore: 92,
@@ -269,7 +268,7 @@
                 id: 8,
                 studentId: "20230008",
                 studentName: "吴十",
-                className: "软件工程2班",
+                className: "软件工程2�?,
                 courseName: "软件工程",
                 regularScore: 82,
                 midtermScore: 85,
@@ -294,8 +293,7 @@
         // 当前选中的成绩ID
         let selectedGradeIds = new Set();
         
-        // 初始化页面
-        function initPage() {
+        // 初始化页�?        function initPage() {
             renderGradeTable(mockGrades);
             setupEventListeners();
             updateSelectedCount();
@@ -308,7 +306,7 @@
                     <tr>
                         <td colspan="11" class="no-results">
                             <i class="fas fa-search"></i>
-                            <h3>未找到相关成绩记录</h3>
+                            <h3>未找到相关成绩记�?/h3>
                             <p>请尝试调整筛选条件或添加新的成绩记录</p>
                         </td>
                     </tr>
@@ -319,8 +317,7 @@
             let tableHTML = '';
             
             grades.forEach(grade => {
-                // 根据成绩确定CSS类
-                let gradeClass = 'grade-cell';
+                // 根据成绩确定CSS�?                let gradeClass = 'grade-cell';
                 if (grade.totalScore >= 90) {
                     gradeClass += ' grade-excellent';
                 } else if (grade.totalScore >= 80) {
@@ -377,8 +374,7 @@
             });
         }
         
-        // 设置事件监听器
-        function setupEventListeners() {
+        // 设置事件监听�?        function setupEventListeners() {
             // 查询按钮
             searchBtn.addEventListener('click', function() {
                 performSearch();
@@ -404,11 +400,11 @@
             // 批量删除按钮
             batchDeleteBtn.addEventListener('click', function() {
                 if (selectedGradeIds.size === 0) {
-                    alert('请先选择要删除的成绩记录！');
+                    alert('请先选择要删除的成绩记录�?);
                     return;
                 }
                 
-                if (confirm(`确定要删除选中的 ${selectedGradeIds.size} 条成绩记录吗？此操作不可撤销。`)) {
+                if (confirm(`确定要删除选中�?${selectedGradeIds.size} 条成绩记录吗？此操作不可撤销。`)) {
                     batchDeleteGrades();
                 }
             });
@@ -445,8 +441,7 @@
             const studentId = studentIdInput.value.trim();
             const studentName = studentNameInput.value.trim();
             
-            // 显示加载状态
-            gradeTableBody.innerHTML = `
+            // 显示加载状�?            gradeTableBody.innerHTML = `
                 <tr>
                     <td colspan="11" class="loading">
                         <i class="fas fa-spinner fa-spin"></i>
@@ -458,23 +453,19 @@
             // 模拟API延迟
             setTimeout(() => {
                 let filteredGrades = mockGrades.filter(grade => {
-                    // 班级筛选
-                    if (selectedClass && grade.className !== selectedClass) {
+                    // 班级筛�?                    if (selectedClass && grade.className !== selectedClass) {
                         return false;
                     }
                     
-                    // 课程筛选
-                    if (selectedCourse && grade.courseName !== selectedCourse) {
+                    // 课程筛�?                    if (selectedCourse && grade.courseName !== selectedCourse) {
                         return false;
                     }
                     
-                    // 学号筛选
-                    if (studentId && !grade.studentId.includes(studentId)) {
+                    // 学号筛�?                    if (studentId && !grade.studentId.includes(studentId)) {
                         return false;
                     }
                     
-                    // 姓名筛选
-                    if (studentName && !grade.studentName.includes(studentName)) {
+                    // 姓名筛�?                    if (studentName && !grade.studentName.includes(studentName)) {
                         return false;
                     }
                     
@@ -492,10 +483,10 @@
         function exportGrades() {
             // 这里应该调用后端API导出成绩
             // 暂时使用模拟导出
-            alert('成绩导出功能正在开发中，将支持Excel和CSV格式导出。');
+            alert('成绩导出功能正在开发中，将支持Excel和CSV格式导出�?);
             
             // 模拟导出过程
-            exportBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 导出中...';
+            exportBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 导出�?..';
             exportBtn.disabled = true;
             
             setTimeout(() => {
@@ -504,7 +495,7 @@
                 
                 // 在实际应用中，这里会触发文件下载
                 // 暂时显示成功消息
-                showNotification('成绩导出成功！文件已开始下载。', 'success');
+                showNotification('成绩导出成功！文件已开始下载�?, 'success');
             }, 1500);
         }
         
@@ -512,12 +503,11 @@
         function batchDeleteGrades() {
             // 这里应该调用后端API删除成绩
             // 暂时使用模拟删除
-            batchDeleteBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 删除中...';
+            batchDeleteBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 删除�?..';
             batchDeleteBtn.disabled = true;
             
             setTimeout(() => {
-                // 从模拟数据中删除选中的成绩
-                selectedGradeIds.forEach(id => {
+                // 从模拟数据中删除选中的成�?                selectedGradeIds.forEach(id => {
                     const index = mockGrades.findIndex(grade => grade.id === id);
                     if (index !== -1) {
                         mockGrades.splice(index, 1);
@@ -546,7 +536,7 @@
         
         // 删除单个成绩
         function deleteGrade(gradeId) {
-            if (confirm('确定要删除这条成绩记录吗？此操作不可撤销。')) {
+            if (confirm('确定要删除这条成绩记录吗？此操作不可撤销�?)) {
                 // 这里应该调用后端API删除成绩
                 // 暂时使用模拟删除
                 const index = mockGrades.findIndex(grade => grade.id === gradeId);
@@ -581,4 +571,4 @@
         document.addEventListener('DOMContentLoaded', initPage);
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>