+
+
-
${course.credit} 学分
+
+
+
+ ${course.credit} 学分
+
${course.course_name}
-
`).join('');
- // 更新统计数据
document.getElementById('courseCount').textContent = courses.length;
+ // Calculate total students
const totalStudents = courses.reduce((sum, c) => sum + (c.student_count || 0), 0);
document.getElementById('totalStudents').textContent = totalStudents;
}
-}
-// 初始化
-document.addEventListener('DOMContentLoaded', () => {
- window.teacherManager = new TeacherManager();
-
- // 从 Session 获取用户信息并更新 UI
- fetch('/api/auth/me')
- .then(res => res.json())
- .then(result => {
- if (result.success && result.data.user) {
- const user = result.data.user;
- const nameEl = document.getElementById('userName');
- const teacherNameEl = document.getElementById('teacherName');
+ initAddCourse() {
+ const btn = document.getElementById('addCourseBtn');
+ const modalEl = document.getElementById('addCourseModal');
+ const saveBtn = document.getElementById('saveCourseBtn');
+
+ if (!btn || !modalEl) return;
+
+ const modal = new bootstrap.Modal(modalEl);
+
+ btn.addEventListener('click', async () => {
+ // Load classes
+ try {
+ const res = await fetch(`${this.apiBase}/classes`);
+ const result = await res.json();
+ if (result.success) {
+ const select = document.getElementById('classSelect');
+ select.innerHTML = '
请选择班级... ' +
+ result.data.classes.map(c => `
${c.class_name} `).join('');
+ }
+ } catch (e) {
+ console.error('Load classes failed', e);
+ }
+ modal.show();
+ });
+
+ saveBtn.addEventListener('click', async () => {
+ const form = document.getElementById('addCourseForm');
+ const formData = new FormData(form);
+ const data = Object.fromEntries(formData.entries());
+
+ try {
+ const res = await fetch(`${this.apiBase}/courses`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify(data)
+ });
+ const result = await res.json();
- if (nameEl) nameEl.textContent = user.name;
- if (teacherNameEl) teacherNameEl.textContent = user.name;
+ if (result.success) {
+ alert('课程创建成功');
+ modal.hide();
+ this.loadCourses();
+ form.reset();
+ } else {
+ alert(result.message || '创建失败');
+ }
+ } catch (e) {
+ console.error('Create course failed', e);
+ alert('系统错误');
}
});
-});
\ No newline at end of file
+ }
+
+ initEditCourse() {
+ const modalEl = document.getElementById('editCourseModal');
+ if (!modalEl) return;
+
+ const modal = new bootstrap.Modal(modalEl);
+ const updateBtn = document.getElementById('updateCourseBtn');
+
+ // Use event delegation for dynamically created edit buttons
+ document.addEventListener('click', async (e) => {
+ const btn = e.target.closest('.btn-edit-course');
+ if (!btn) return;
+
+ const courseId = btn.dataset.id;
+ if (!this.courses) return;
+ const courseData = this.courses.find(c => c.id == courseId);
+
+ if (!courseData) return;
+
+ // Fill form
+ document.getElementById('editCourseId').value = courseData.id;
+ document.getElementById('editCourseName').value = courseData.course_name;
+ document.getElementById('editCourseCode').value = courseData.course_code;
+ document.getElementById('editCourseCredit').value = courseData.credit;
+ document.getElementById('editSemester').value = courseData.semester;
+
+ // Load classes and select current one
+ try {
+ const res = await fetch(`${this.apiBase}/classes`);
+ const result = await res.json();
+ if (result.success) {
+ const select = document.getElementById('editClassSelect');
+ select.innerHTML = '
请选择班级... ' +
+ result.data.classes.map(c => `
${c.class_name} `).join('');
+ }
+ } catch (e) {
+ console.error('Load classes failed', e);
+ }
+
+ modal.show();
+ });
+
+ updateBtn.addEventListener('click', async () => {
+ const form = document.getElementById('editCourseForm');
+ const formData = new FormData(form);
+ const data = Object.fromEntries(formData.entries());
+ const courseId = data.id;
+
+ try {
+ const res = await fetch(`${this.apiBase}/courses/${courseId}`, {
+ method: 'PUT',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify(data)
+ });
+ const result = await res.json();
+
+ if (result.success) {
+ alert('课程更新成功');
+ modal.hide();
+ this.loadCourses();
+ } else {
+ alert(result.message || '更新失败');
+ }
+ } catch (e) {
+ console.error('Update course failed', e);
+ alert('系统错误');
+ }
+ });
+ }
+
+ // ================= Grade Entry =================
+ async initGradeEntry() {
+ const courseSelect = document.getElementById('courseSelect');
+
+ // Load Courses for Select
+ try {
+ const response = await fetch(`${this.apiBase}/courses`);
+ const result = await response.json();
+ if (result.success) {
+ courseSelect.innerHTML = '
请选择课程... ' +
+ result.data.courses.map(c => `
${c.course_name} (${c.class_name || '未指定班级'}) `).join('');
+
+ // Check URL params
+ const params = new URLSearchParams(window.location.search);
+ const courseId = params.get('courseId');
+ if (courseId) {
+ courseSelect.value = courseId;
+ this.loadStudentsForGradeEntry(courseId);
+ }
+ }
+ } catch (e) { console.error(e); }
+
+ courseSelect.addEventListener('change', (e) => {
+ if (e.target.value) {
+ this.loadStudentsForGradeEntry(e.target.value);
+ } else {
+ document.getElementById('studentTableBody').innerHTML = '
请选择课程以加载学生列表 ';
+ }
+ });
+ }
+
+ async loadStudentsForGradeEntry(courseId) {
+ const tbody = document.getElementById('studentTableBody');
+ tbody.innerHTML = '
加载中...
';
+
+ // Since we don't have a direct "get students by course" API that returns grades yet,
+ // we might need to rely on what we have.
+ // Actually, we need to fetch students enrolled in the class of this course.
+ // AND fetch their existing grades for this course.
+ // For simplicity, let's assume we have an endpoint or we modify `getGradeStatistics` or similar?
+ // No, we should probably add `GET /api/teacher/course/:id/students`?
+ // Or just use `GET /api/teacher/grades?courseId=X`.
+
+ // Let's assume `GET /api/teacher/grades?courseId=X` returns the list of students with their grades (or null if no grade).
+ // I need to implement this backend logic if it's missing.
+ // For now, I'll simulate or try to use what I have.
+ // I'll add `getCourseGrades` to TeacherController.
+
+ // Wait, I can't modify backend endlessly.
+ // Let's check `TeacherController.js` again.
+ // It has `addScore`.
+ // It does NOT have `getCourseGrades`.
+ // I need to add it to support this view.
+
+ try {
+ // Placeholder: I will add this endpoint in next step.
+ const res = await fetch(`${this.apiBase}/grades?courseId=${courseId}`);
+ const result = await res.json();
+
+ if (result.success) {
+ this.renderGradeEntryTable(result.data.grades);
+ } else {
+ tbody.innerHTML = `
${result.message} `;
+ }
+ } catch (e) {
+ tbody.innerHTML = `
加载失败: ${e.message} `;
+ }
+ }
+
+ renderGradeEntryTable(grades) {
+ const tbody = document.getElementById('studentTableBody');
+ if (!grades || grades.length === 0) {
+ tbody.innerHTML = '
该课程暂无学生 ';
+ return;
+ }
+
+ tbody.innerHTML = grades.map(g => `
+
+ ${g.student_id}
+ ${g.student_name}
+ ${g.total_score || '-'}
+
+
+
+
+
+ `).join('');
+
+ // Bind save events
+ document.querySelectorAll('.save-grade-btn').forEach(btn => {
+ btn.addEventListener('click', (e) => this.saveGrade(e.target.closest('tr'), btn.dataset.studentId));
+ });
+ }
+
+ async saveGrade(row, studentId) {
+ const inputs = row.querySelectorAll('input');
+ const usual = inputs[0].value;
+ const midterm = inputs[1].value;
+ const final = inputs[2].value;
+ const courseId = document.getElementById('courseSelect').value;
+
+ // Simple calculation for total score preview (Backend should do the real one)
+ const total = (usual * 0.3 + midterm * 0.3 + final * 0.4).toFixed(1); // Example weights
+
+ try {
+ const res = await fetch(`${this.apiBase}/grades`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ studentId,
+ courseId,
+ usual_score: usual,
+ midterm_score: midterm,
+ final_score: final,
+ score: total // Passing total score as 'score' for compatibility with existing API
+ })
+ });
+
+ const result = await res.json();
+ if (result.success) {
+ // Update total cell
+ row.cells[5].textContent = total;
+ // Show success feedback
+ const btn = row.querySelector('.save-grade-btn');
+ const originalText = btn.innerHTML;
+ btn.innerHTML = '
已保存';
+ btn.classList.remove('btn-primary');
+ btn.classList.add('btn-success');
+ setTimeout(() => {
+ btn.innerHTML = originalText;
+ btn.classList.add('btn-primary');
+ btn.classList.remove('btn-success');
+ }, 2000);
+ } else {
+ alert(result.message || '保存失败');
+ }
+ } catch (e) {
+ console.error(e);
+ alert('保存失败');
+ }
+ }
+
+ // ================= Grade Management =================
+ async initGradeManagement() {
+ // Similar logic to Grade Entry but Read-Only or Filter focused
+ // Fetch courses for filter
+ try {
+ const response = await fetch(`${this.apiBase}/courses`);
+ const result = await response.json();
+ if (result.success) {
+ const select = document.getElementById('courseSelectFilter');
+ select.innerHTML = '
全部课程 ' +
+ result.data.courses.map(c => `
${c.course_name} `).join('');
+ }
+ } catch (e) { console.error(e); }
+
+ document.getElementById('searchBtn').addEventListener('click', () => this.searchGrades());
+
+ // Check URL params
+ const params = new URLSearchParams(window.location.search);
+ if (params.get('courseId')) {
+ document.getElementById('courseSelectFilter').value = params.get('courseId');
+ this.searchGrades();
+ }
+ }
+
+ async searchGrades() {
+ const courseId = document.getElementById('courseSelectFilter').value;
+ const studentName = document.getElementById('studentNameFilter').value;
+ const tbody = document.getElementById('gradeTableBody');
+
+ tbody.innerHTML = '
';
+
+ try {
+ let url = `${this.apiBase}/grades?`;
+ if (courseId) url += `courseId=${courseId}&`;
+ if (studentName) url += `studentName=${studentName}`;
+
+ const res = await fetch(url);
+ const result = await res.json();
+
+ if (result.success && result.data.grades) {
+ if (result.data.grades.length === 0) {
+ tbody.innerHTML = '
未找到相关成绩记录 ';
+ return;
+ }
+
+ tbody.innerHTML = result.data.grades.map(g => `
+
+ ${g.course_name || '-'}
+ ${g.student_id || '-'}
+ ${g.student_name || '-'}
+ ${g.total_score || '-'}
+ ${g.grade_point || '-'}
+ ${g.grade_level || '-'}
+
+
+
+
+ `).join('');
+ }
+ } catch (e) {
+ tbody.innerHTML = `
查询失败 `;
+ }
+ }
+
+ getBadgeColor(level) {
+ if (!level) return 'secondary';
+ if (level.startsWith('A')) return 'success';
+ if (level.startsWith('B')) return 'info';
+ if (level.startsWith('C')) return 'warning';
+ if (level.startsWith('F')) return 'danger';
+ return 'primary';
+ }
+
+ // ================= Profile =================
+ initProfilePage() {
+ const saveProfileBtn = document.getElementById('saveProfileBtn');
+ if (saveProfileBtn) {
+ saveProfileBtn.addEventListener('click', async () => {
+ const name = document.getElementById('inputName').value;
+ const className = document.getElementById('inputClass').value;
+ try {
+ const res = await fetch('/api/auth/update-profile', {
+ method: 'PUT',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ name, class: className })
+ });
+ const result = await res.json();
+ if (result.success) {
+ alert('资料更新成功');
+ // 更新侧边栏和顶栏
+ const nameEls = document.querySelectorAll('#teacherName, #userName, #profileName');
+ nameEls.forEach(el => el.textContent = name);
+ } else {
+ alert(result.message || '更新失败');
+ }
+ } catch (e) {
+ console.error('Update profile failed', e);
+ alert('系统错误');
+ }
+ });
+ }
+
+ const passwordForm = document.getElementById('passwordForm');
+ if (passwordForm) {
+ passwordForm.addEventListener('submit', async (e) => {
+ e.preventDefault();
+
+ const oldPassword = document.getElementById('oldPassword').value;
+ const newPassword = document.getElementById('newPassword').value;
+ const confirmPassword = document.getElementById('confirmPassword').value;
+ const errorEl = document.getElementById('passwordError');
+
+ // Hide previous error
+ errorEl.style.display = 'none';
+
+ // Basic validation
+ if (newPassword !== confirmPassword) {
+ errorEl.textContent = '两次输入的新密码不一致';
+ errorEl.style.display = 'block';
+ return;
+ }
+
+ if (newPassword.length < 6) {
+ errorEl.textContent = '新密码长度至少为 6 位';
+ errorEl.style.display = 'block';
+ return;
+ }
+
+ try {
+ const res = await fetch('/api/auth/update-password', {
+ method: 'PUT',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({ oldPassword, newPassword })
+ });
+
+ const result = await res.json();
+ if (result.success) {
+ alert('密码修改成功，请重新登录');
+ // Logout and redirect
+ await fetch('/api/auth/logout', { method: 'POST' });
+ window.location.href = '/login';
+ } else {
+ errorEl.textContent = result.message || '修改失败';
+ errorEl.style.display = 'block';
+ }
+ } catch (err) {
+ console.error(err);
+ errorEl.textContent = '服务器错误，请稍后再试';
+ errorEl.style.display = 'block';
+ }
+ });
+ }
+ }
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+ window.teacherManager = new TeacherManager();
+});
diff --git a/frontend/views/admin/dashboard.html b/frontend/views/admin/dashboard.html
index 4b1604e..7199f2b 100644
--- a/frontend/views/admin/dashboard.html
+++ b/frontend/views/admin/dashboard.html
@@ -3,340 +3,334 @@
-
学生成绩管理系统 - 管理员仪表板
-
-
-
-
-
-
-
-
- XX学校成绩管理系统
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
1,248
-
总用户数
-
-
-
-
-
-
-
-
-
-
3,567
-
学生总数
-
-
-
-
-
-
-
-
-
-
-
-
89
-
课程总数
-
-
-
-
-
-
-
-
-
用户管理
-
- 管理所有用户账户，包括添加、编辑、删除用户，设置用户角色和权限?
-
进入管理
-
-
-
-
-
-
学生管理
-
- 管理学生信息，包括学籍管理、班级分配、信息维护和批量导入导出?
-
进入管理
-
-
-
-
-
-
教师管理
-
- 管理教师信息，包括教师分配、课程安排、权限设置和绩效考核?
-
进入管理
-
-
-
-
-
-
成绩统计
-
- 查看全校成绩统计，生成分析报告，支持图表展示和数据导出?
-
查看统计
-
-
-
-
-
-
-
-
-
数据库服?/div>
-
运行正常 | 响应时间: 12ms
-
-
-
-
-
-
Web服务?/div>
-
运行正常 | 在线用户: 156
-
-
-
-
-
-
文件存储
-
使用? 65% | 剩余: 35GB
-
-
-
-
-
-
备份服务
-
上次备份: 2天前 | 建议立即备份
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
新增学生用户
-
10分钟?| 操作? 管理?/div>
-
-
-
-
-
-
-
修改教师信息
-
1小时?| 操作? 管理?/div>
-
-
-
-
-
-
-
生成成绩统计报告
-
3小时?| 操作? 系统
-
-
-
-
-
-
导出用户数据
-
5小时?| 操作? 管理?/div>
-
-
-
-
-
-
-
系统设置更新
-
1天前 | 操作? 管理?/div>
-
-
-
-