feat(学生): 添加学生课程查询功能

- 后端添加获取学生课程列表的API路由
- 实现Course模型中的findByStudentId方法查询学生课程
- 新增学生控制器的getCourses方法处理课程请求
- 前端添加课程表格展示及刷新功能

frontend/public/js/student.js

@@ -9,8 +9,15 @@ class StudentManager {
     
     init() {
         this.initDashboard();
+        this.initCourses();
         this.updateCurrentTime();
         setInterval(() => this.updateCurrentTime(), 1000);
+        
+        // 绑定刷新按钮
+        const refreshBtn = document.getElementById('refreshCourses');
+        if (refreshBtn) {
+            refreshBtn.addEventListener('click', () => this.initCourses());
+        }
     }
     
     updateCurrentTime() {
@@ -44,6 +51,51 @@ class StudentManager {
             console.error('Fetch dashboard data failed:', error);
         }
     }
+
+    async initCourses() {
+        // 检查是否在仪表板页面
+        if (!document.getElementById('coursesTableBody')) return;
+        
+        try {
+            const response = await fetch(`${this.apiBase}/courses`);
+            const result = await response.json();
+            
+            if (result.success) {
+                this.renderCourses(result.data);
+            } else {
+                if (window.authManager) {
+                    window.authManager.showNotification(result.message || '获取课程失败', 'error');
+                }
+            }
+        } catch (error) {
+            console.error('Fetch courses failed:', error);
+        }
+    }
+
+    renderCourses(courses) {
+        const tbody = document.getElementById('coursesTableBody');
+        if (tbody) {
+            if (!courses || courses.length === 0) {
+                tbody.innerHTML = '<tr><td colspan="6" class="text-center py-4 text-muted">暂无课程安排</td></tr>';
+                return;
+            }
+            
+            tbody.innerHTML = courses.map(course => `
+                <tr>
+                    <td><code>${course.course_code}</code></td>
+                    <td class="fw-bold">${course.course_name}</td>
+                    <td>${course.credit}</td>
+                    <td>${course.teacher_name}</td>
+                    <td>${course.semester || '2023-2024 下学期'}</td>
+                    <td>
+                        <button class="btn btn-sm btn-light border" onclick="studentManager.viewCourseDetails(${course.id})">
+                            <i class="fas fa-info-circle text-primary"></i> 详情
+                        </button>
+                    </td>
+                </tr>
+            `).join('');
+        }
+    }
     
     renderDashboard(data) {
         const { grades, statistics } = data;
@@ -88,6 +140,11 @@ class StudentManager {
         }
     }
     
+    viewCourseDetails(id) {
+        console.log('View details for course:', id);
+        // 可以弹出一个模态框显示更多信息
+    }
+    
     updateElement(id, value) {
         const el = document.getElementById(id);
         if (el) el.textContent = value;
@@ -132,4 +189,4 @@ document.addEventListener('DOMContentLoaded', () => {
                 if (studentClassEl) studentClassEl.textContent = user.class || '未分配';
             }
         });
-});
+});

frontend/views/student/dashboard.html

@@ -337,6 +337,39 @@
             </div>
         </div>
 
+        <!-- 我的课程表格 -->
+        <div class="card card-table mb-4" id="courses-section">
+            <div class="card-header d-flex justify-content-between align-items-center">
+                <h5 class="mb-0 fw-bold"><i class="fas fa-book me-2 text-primary"></i>我的课程</h5>
+                <button class="btn btn-sm btn-outline-primary px-3" id="refreshCourses">
+                    <i class="fas fa-sync-alt me-1"></i> 刷新
+                </button>
+            </div>
+            <div class="table-responsive">
+                <table class="table table-hover align-middle mb-0">
+                    <thead>
+                        <tr>
+                            <th>课程代码</th>
+                            <th>课程名称</th>
+                            <th>学分</th>
+                            <th>授课教师</th>
+                            <th>学期</th>
+                            <th>操作</th>
+                        </tr>
+                    </thead>
+                    <tbody id="coursesTableBody">
+                        <!-- 数据将由 JavaScript 填充 -->
+                        <tr>
+                            <td colspan="6" class="text-center py-5 text-muted">
+                                <div class="spinner-border spinner-border-sm me-2" role="status"></div>
+                                数据加载中...
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+
         <!-- 成绩表格 -->
         <div class="card card-table" id="grades-section">
             <div class="card-header d-flex justify-content-between align-items-center">