781 lines
24 KiB
TypeScript

import { createRouter, createWebHistory } from 'vue-router'
import type { RouteRecordRaw } from 'vue-router'
// ========== 前台页面组件 ==========
import Home from '@/views/Home.vue'
import Courses from '@/views/Courses.vue'
import CourseDetail from '@/views/CourseDetail.vue'
import CourseDetailEnrolled from '@/views/CourseDetailEnrolled.vue'
import CourseExchanged from '@/views/CourseExchanged.vue'
import CourseStudy from '@/views/CourseStudy.vue'
import Learning from '@/views/Learning.vue'
import Profile from '@/views/Profile.vue'
import ExamDetail from '@/views/ExamDetail.vue'
import LearningPaths from '@/views/LearningPaths.vue'
import Faculty from '@/views/Faculty.vue'
import TeacherDetail from '@/views/TeacherDetail.vue'
import Resources from '@/views/Resources.vue'
import Activities from '@/views/Activities.vue'
import ActivityDetail from '@/views/ActivityDetail.vue'
import ActivityRegistration from '@/views/ActivityRegistration.vue'
import Exam from '@/views/Exam.vue'
import ExamNotice from '@/views/ExamNotice.vue'
import ExamSubmitted from '@/views/ExamSubmitted.vue'
import TestSections from '@/views/TestSections.vue'
import LocalVideoDemo from '@/views/LocalVideoDemo.vue'
import SpecialTraining from '@/views/SpecialTraining.vue'
import SpecialTrainingDetail from '@/views/SpecialTrainingDetail.vue'
import HelpCenter from '@/views/HelpCenter.vue'
import LearningCenter from '@/views/LearningCenter.vue'
import AICompanion from '@/views/AICompanion.vue'
// ========== 管理员后台组件 ==========
import AdminDashboard from '@/views/teacher/AdminDashboard.vue'
import PersonalCenter from '@/components/admin/PersonalCenter.vue'
import CourseManagement from '@/components/admin/CourseManagement.vue'
import MyResources from '@/components/admin/MyResources.vue'
import StudentManagement from '@/components/admin/StudentManagement.vue'
import MessageCenter from '@/views/teacher/message/MessageCenter.vue'
// 课程管理子组件
import CourseCategory from '@/components/admin/CourseComponents/CourseCategory.vue'
import MaterialCategory from '@/components/admin/CourseComponents/MaterialCategory.vue'
import CourseAnalysis from '@/components/admin/CourseComponents/CourseAnalysis.vue'
import CourseCreate from '@/components/admin/CourseComponents/CourseCreate.vue'
// 课程编辑子组件(新增)
import CourseEditor from '@/views/teacher/course/CourseEditor.vue'
import CoursewareManagement from '@/views/teacher/course/CoursewareManagement.vue'
import ChapterManagement from '@/views/teacher/course/ChapterManagement.vue'
// import QuestionBankManagement from '@/views/teacher/course/QuestionBankManagement.vue'
import FileViewer from '@/views/teacher/course/FileViewer.vue'
import FolderBrowser from '@/views/teacher/course/FolderBrowser.vue'
import CertificateManagement from '@/views/teacher/certificate/CertificateManagement.vue'
import DiscussionManagement from '@/views/teacher/course/DiscussionManagement.vue'
import CommentView from '@/views/teacher/course/CommentView.vue'
import AddDiscussion from '@/views/teacher/course/AddDiscussion.vue'
import StatisticsManagement from '@/views/teacher/statistics/StatisticsManagement.vue'
import NotificationManagement from '@/views/teacher/course/NotificationManagement.vue'
import GeneralManagement from '@/views/teacher/course/GeneralManagement.vue'
import UserAgreement from '@/views/UserAgreement.vue'
import RecycleBin from '@/views/teacher/resource/RecycleBin.vue'
import AIAssistant from '@/views/teacher/ai/Assistant.vue'
import AIAssistantDetail from '@/views/teacher/ai/AssistantDetail.vue'
// 作业子组件
import HomeworkLibrary from '@/views/teacher/course/HomeworkLibrary.vue'
import HomeworkReview from '@/views/teacher/course/HomeworkReview.vue'
import HomeworkReviewDetail from '@/views/teacher/course/HomeworkReviewDetail.vue'
import AddHomework from '@/views/teacher/course/AddHomework.vue'
import HomeworkTemplateImport from '@/views/teacher/course/HomeworkTemplateImport.vue'
// 学员管理组件
import StudentLibrary from '@/views/teacher/student/StudentLibrary.vue'
import ClassManagement from '@/views/teacher/student/ClassManagement.vue'
import StudentProgress from '@/views/teacher/student/StudentProgress.vue'
import StatisticsAnalysis from '@/views/teacher/student/StatisticsAnalysis.vue'
import ExamManagement from '@/views/teacher/ExamPages/ExamPage.vue'
import ExamQuestionBankManagement from '@/views/teacher/ExamPages/QuestionBankManagement.vue'
import QuestionManagement from '@/views/teacher/ExamPages/QuestionManagement.vue'
import ExamLibrary from '@/views/teacher/ExamPages/ExamLibrary.vue'
import MarkingCenter from '@/views/teacher/ExamPages/MarkingCenter.vue'
import AddExam from '@/views/teacher/ExamPages/AddExam.vue'
import AddQuestion from '@/views/teacher/ExamPages/AddQuestion.vue'
import StudentList from '@/views/teacher/ExamPages/StudentList.vue'
import GradingPage from '@/views/teacher/ExamPages/GradingPage.vue'
import ExamTaking from '@/views/teacher/ExamPages/ExamTaking.vue'
import ExamNoticeBeforeStart from '@/views/teacher/ExamPages/ExamNoticeBeforeStart.vue'
import ExamAnalysis from '@/views/teacher/ExamPages/ExamAnalysis.vue'
import ChapterEditor from '@/views/teacher/course/ChapterEditor.vue'
import TeacherCourseDetail from '@/views/teacher/course/CourseDetail.vue'
// ========== 路由配置 ==========
const routes: RouteRecordRaw[] = [
// 管理后台路由
{
path: '/teacher',
name: 'AdminDashboard',
component: AdminDashboard,
meta: {
title: '管理后台',
requiresAuth: true
},
redirect: '/teacher/course-management',
children: [
{
path: 'personal-center',
name: 'PersonalCenter',
component: PersonalCenter,
meta: { title: '个人中心' }
},
{
path: 'course-management',
name: 'CourseManagement',
component: CourseManagement,
meta: { title: '课程管理' },
children: [
{
path: 'course-category',
name: 'CourseCategory',
component: CourseCategory,
meta: { title: '课程分类' }
},
{
path: 'material-category',
name: 'MaterialCategory',
component: MaterialCategory,
meta: { title: '资料分类' }
},
{
path: 'course-analysis',
name: 'CourseAnalysis',
component: CourseAnalysis,
meta: { title: '课程分析' }
},
]
},
{
path: 'course-create/:id?',
name: 'CourseCreate',
component: CourseCreate,
meta: { title: '创建课程' }
},
{
path: 'course-editor/:id',
name: 'CourseEditor',
component: CourseEditor,
meta: { title: '课程管理' },
redirect: (to) => `/teacher/course-editor/${to.params.id}/courseware`,
children: [
{
path: 'courseware',
name: 'CoursewareManagement',
component: CoursewareManagement,
meta: { title: '课件管理' }
},
{
path: 'chapters',
name: 'ChapterManagement',
component: ChapterManagement,
meta: { title: '章节管理' }
},
{
path: 'homework',
name: 'HomeworkManagement',
redirect: (to) => `/teacher/course-editor/${to.params.id}/homework/library`,
children: [
{
path: 'library',
name: 'HomeworkLibrary',
component: HomeworkLibrary,
meta: { title: '作业库' }
},
{
path: 'add-homework',
name: 'AddHomework',
component: AddHomework,
meta: { title: '添加作业' }
},
{
path: 'review',
name: 'HomeworkReview',
component: HomeworkReview,
meta: { title: '批阅作业' }
},
{
path: 'review/:homeworkId',
name: 'HomeworkReviewDetail',
component: HomeworkReviewDetail,
meta: { title: '批阅作业详情' }
},
{
path: 'review/:homeworkId/view/:studentId',
name: 'HomeworkReviewView',
component: () => import('../views/teacher/course/HomeworkReviewView.vue'),
meta: { title: '查看批改作业' }
},
{
path: 'template-import',
name: 'HomeworkTemplateImport',
component: HomeworkTemplateImport,
meta: { title: '作业库模板导入' }
}
]
},
{
path: 'practice/exam',
name: 'PracticeExam',
component: ExamLibrary,
meta: { title: '试卷管理' }
},
{
path: 'practice/exam/add',
name: 'PracticeAddExam',
component: AddExam,
meta: { title: '添加试卷' }
},
{
path: 'practice/exam/edit/:id',
name: 'PracticeEditExam',
component: AddExam,
meta: { title: '编辑试卷' }
},
{
path: 'practice/exam/preview',
name: 'PracticeExamPreview',
component: () => import('../views/teacher/ExamPages/ExamPreview.vue'),
meta: { title: '试卷预览' }
},
{
path: 'practice/exam/analysis',
name: 'PracticeExamAnalysis',
component: () => import('../views/teacher/ExamPages/ExamAnalysis.vue'),
meta: { title: '试卷分析' }
},
{
path: 'practice/review',
name: 'PracticeReview',
component: MarkingCenter,
meta: { title: '阅卷中心' }
},
{
path: 'practice/review/student-list/:paperId',
name: 'PracticeStudentList',
component: StudentList,
meta: { title: '阅卷页面' }
},
{
path: 'practice/review/grading/:examId/:studentId',
name: 'PracticeGradingPage',
component: GradingPage,
meta: { title: '批阅试卷' }
},
{
path: 'question-bank',
name: 'QuestionBankManagement',
component: ExamQuestionBankManagement,
meta: { title: '题库管理' }
},
{
path: 'add-question',
name: 'AddQuestion',
component: () => import('../views/teacher/course/AddQuestion.vue'),
meta: { title: '新增试题' }
},
{
path: 'certificate',
name: 'CertificateManagement',
component: CertificateManagement,
meta: { title: '证书管理' }
},
{
path: 'certificate/detail/:certificateId',
name: 'CertificateDetail',
component: () => import('@/views/teacher/certificate/CertificateDetail.vue'),
meta: { title: '证书详情' }
},
{
path: 'certificate/add',
name: 'CertificateCreate',
component: () => import('@/views/teacher/certificate/CertificateCreate.vue'),
meta: { title: '添加证书' }
},
{
path: 'discussion',
name: 'DiscussionManagement',
component: DiscussionManagement,
meta: { title: '讨论管理' }
},
{
path: 'discussion/add',
name: 'AddDiscussion',
component: AddDiscussion,
meta: { title: '添加讨论' }
},
{
path: 'comment/:commentId',
name: 'CommentView',
component: CommentView,
meta: { title: '评论详情' }
},
{
path: 'statistics',
name: 'StatisticsManagement',
component: StatisticsManagement,
meta: { title: '统计管理' }
},
{
path: 'notification',
name: 'NotificationManagement',
component: NotificationManagement,
meta: { title: '通知管理' }
},
{
path: 'management',
name: 'GeneralManagement',
component: GeneralManagement,
meta: { title: '综合管理' }
},
{
path: 'file-viewer/:fileId',
name: 'FileViewer',
component: FileViewer,
meta: { title: '文件查看' }
},
{
path: 'folder-browser/:folderId',
name: 'FolderBrowser',
component: FolderBrowser,
meta: { title: '文件夹浏览' }
},
]
},
{
path: 'my-resources',
name: 'MyResources',
component: MyResources,
meta: { title: '我的资源' }
},
{
path: 'message-center',
name: 'MessageCenter',
component: MessageCenter,
meta: { title: '消息中心' }
},
{
path: 'recycle-bin',
name: 'RecycleBin',
component: RecycleBin,
meta: { title: '回收站' }
},
{
path: 'ai-assistant',
name: 'AIAssistant',
component: AIAssistant,
meta: { title: 'AI助教' }
},
{
path: 'ai-assistant-detail/:id',
name: 'AIAssistantDetail',
component: AIAssistantDetail,
meta: { title: '查看详情' }
},
{
path: 'student-management',
name: 'StudentManagement',
component: StudentManagement,
meta: { title: '学员管理' },
redirect: '/teacher/student-management/student-library',
children: [
{
path: 'student-library',
name: 'StudentLibrary',
component: StudentLibrary,
meta: { title: '学员库' }
},
{
path: 'class-management',
name: 'ClassManagement',
component: ClassManagement,
meta: { title: '班级管理' }
},
{
path: 'student-progress',
name: 'StudentProgress',
component: StudentProgress,
meta: { title: '学习进度' }
},
{
path: 'statistics-analysis',
name: 'StatisticsAnalysis',
component: StatisticsAnalysis,
meta: { title: '统计分析' }
}
]
},
{
path: 'certificate/new',
name: 'CertificateNew',
component: () => import('@/views/teacher/certificate/CertificateNew.vue'),
meta: { title: '新建证书' }
},
{
path: 'chapter-editor-teacher/:courseId',
name: 'ChapterEditor',
component: ChapterEditor,
meta: { title: '章节编辑' }
},
{
path: 'exam-management',
name: 'ExamManagement',
component: ExamManagement,
meta: { title: '考试管理' },
redirect: (to) => {
// 如果访问的是根路径,重定向到题库管理
if (to.path === '/teacher/exam-management') {
return '/teacher/exam-management/question-bank'
}
// 否则不重定向,让子路由处理
return '/teacher/exam-management/question-bank'
},
children: [
{
path: 'question-bank',
name: 'ExamQuestionBankManagement',
component: ExamQuestionBankManagement,
meta: { title: '题库管理' }
},
{
path: 'question-bank/:bankId/questions',
name: 'QuestionManagement',
component: QuestionManagement,
meta: { title: '试题管理' }
},
{
path: 'exam-library',
name: 'ExamLibrary',
component: ExamLibrary,
meta: { title: '试卷管理' }
},
{
path: 'marking-center',
name: 'MarkingCenter',
component: ExamManagement,
meta: { title: '阅卷中心' },
redirect: '/teacher/exam-management/marking-center/list',
children: [
{
path: 'list',
name: 'MarkingList',
component: MarkingCenter,
meta: { title: '试卷列表' }
},
{
path: 'student-list/:paperId',
name: 'StudentList',
component: StudentList,
meta: { title: '阅卷页面' }
},
{
path: 'grading/:examId/:studentId',
name: 'GradingPage',
component: GradingPage,
meta: { title: '批阅试卷' }
}
]
},
{
path: 'add',
name: 'AddExam',
component: AddExam,
meta: { title: '添加试卷' }
},
{
path: 'edit/:id',
name: 'EditExam',
component: AddExam,
meta: { title: '编辑试卷' }
},
{
path: 'preview',
name: 'ExamPreview',
component: () => import('../views/teacher/ExamPages/ExamPreview.vue'),
meta: { title: '试卷预览' }
},
{
path: 'add-question/:id/:questionId?',
name: 'AddQuestionPage',
component: AddQuestion,
meta: { title: '添加试题' }
},
{
path: 'analysis',
name: 'ExamAnalysis',
component: ExamAnalysis,
meta: { title: '试卷分析' }
}
]
},
]
},
{
path: '/exam/notice/:id',
name: 'ExamNoticeBeforeStart',
component: ExamNoticeBeforeStart,
meta: { title: '考前须知' }
},
{
path: '/taking/:id',
name: 'ExamTaking',
component: ExamTaking,
meta: { title: '考试进行中' }
},
// 帮助中心
{
path: '/help-center',
name: 'HelpCenter',
component: HelpCenter,
meta: { title: '帮助中心' }
},
// 用户协议
{
path: '/agreement',
name: 'UserAgreement',
component: UserAgreement,
meta: { title: '用户协议' }
},
// 学习中心(积分中心)
{
path: '/learning-center',
name: 'LearningCenter',
component: LearningCenter,
meta: { title: '积分中心', requiresAuth: true }
},
// AI伴学
{
path: '/ai-companion',
name: 'AICompanion',
component: AICompanion,
meta: { title: 'AI伴学' }
},
// 登录页面
{
path: '/login',
name: 'Login',
component: () => import('@/views/Login.vue'),
meta: { title: '登录' }
},
// 首页与课程
{
path: '/service-agreement',
name: 'ServiceAgreement',
component: () => import('@/views/ServiceAgreement.vue'),
meta: {
title: '服务协议与隐私政策'
}
},
{
path: '/',
name: 'Home',
component: Home,
meta: { title: '首页' }
},
{
path: '/courses',
name: 'Courses',
component: Courses,
meta: { title: '课程列表' }
},
{
path: '/search',
name: 'SearchResults',
component: () => import('@/views/SearchResults.vue'),
meta: { title: '搜索结果' }
},
{
path: '/course/:id',
name: 'CourseDetail',
component: CourseDetail,
meta: { title: '课程详情' }
},
{
path: '/teacher/course-detail/:id',
name: 'TeacherCourseDetail',
component: TeacherCourseDetail,
meta: { title: '教师端课程详情', requiresAuth: true }
},
{
path: '/course/:id/enrolled',
name: 'CourseDetailEnrolled',
component: CourseDetailEnrolled,
meta: { title: '课程详情 - 已报名' }
},
{
path: '/course/:id/exchanged',
name: 'CourseExchanged',
component: CourseExchanged,
meta: { title: '课程详情 - 已兑换', requiresAuth: true }
},
{
path: '/course/study/:id',
name: 'CourseStudy',
component: CourseStudy,
meta: { title: '课程学习', requiresAuth: true }
},
{
path: '/learning/:id',
name: 'Learning',
component: Learning,
meta: { title: '学习中心', requiresAuth: true }
},
{
path: '/profile/:tabKey?',
name: 'Profile',
component: Profile,
meta: { title: '个人中心', requiresAuth: true }
},
{
path: '/exam-detail/:id?',
name: 'ExamDetail',
component: ExamDetail,
meta: { title: '练习详情', requiresAuth: true }
},
// 其他功能页面
{
path: '/learning-paths',
name: 'LearningPaths',
component: LearningPaths,
meta: { title: '学习路径' }
},
{
path: '/faculty',
name: 'Faculty',
component: Faculty,
meta: { title: '师资力量' }
},
{
path: '/teacher/:id',
name: 'TeacherDetail',
component: TeacherDetail,
meta: { title: '讲师详情' }
},
{
path: '/resources',
name: 'Resources',
component: Resources,
meta: { title: '精选资源' }
},
{
path: '/special-training',
name: 'SpecialTraining',
component: SpecialTraining,
meta: { title: '专题训练' }
},
{
path: '/special-training/:id',
name: 'SpecialTrainingDetail',
component: SpecialTrainingDetail,
meta: { title: '专题训练详情' }
},
{
path: '/activities',
name: 'Activities',
component: Activities,
meta: { title: '全部活动' }
},
{
path: '/activity/:id',
name: 'ActivityDetail',
component: ActivityDetail,
meta: { title: '活动详情' }
},
{
path: '/activity/:id/register',
name: 'ActivityRegistration',
component: ActivityRegistration,
meta: { title: '活动报名' }
},
{
path: '/course/:courseId/practice/:sectionId',
name: 'Practice',
component: () => import('@/views/Practice.vue'),
meta: { title: '练习作业', requiresAuth: true }
},
{
path: '/course/:courseId/exam/:sectionId/notice',
name: 'ExamNotice',
component: ExamNotice,
meta: { title: '考前须知' }
},
{
path: '/course/:courseId/exam/:sectionId',
name: 'Exam',
component: Exam,
meta: { title: '在线考试' }
},
{
path: '/exam/submitted',
name: 'ExamSubmitted',
component: ExamSubmitted,
meta: { title: '考试提交成功' }
},
{
path: '/ai',
name: 'AI',
component: () => import('@/views/Ai.vue'),
meta: { title: 'AI' }
},
{
path: '/ai-demo',
name: 'AIDemo',
component: () => import('@/views/DetailView.vue'),
meta: { title: 'AI演示' }
},
{
path: '/test-sections',
name: 'TestSections',
component: TestSections,
meta: { title: '测试章节API' }
},
{
path: '/local-video-demo',
name: 'LocalVideoDemo',
component: LocalVideoDemo,
meta: { title: '本地视频播放演示' }
},
// 404 路由
{
path: '/:pathMatch(.*)*',
name: 'NotFound',
component: () => import('@/views/NotFound.vue'),
meta: { title: '页面未找到' }
}
]
// ========== 创建路由实例 ==========
const router = createRouter({
history: createWebHistory(),
routes,
scrollBehavior(_to, _from, savedPosition) {
if (savedPosition) {
return savedPosition
} else {
return { top: 0 }
}
}
})
// ========== 路由守卫 ==========
router.beforeEach((to, _from, next) => {
// 设置页面标题
if (to.meta.title) {
document.title = `${to.meta.title} - 在线学习平台`
}
// 检查是否需要登录
if (to.meta.requiresAuth) {
const token = localStorage.getItem('token')
if (!token) {
next('/')
return
}
}
next()
})
export default router