使用vue3创建课程管理平台网站

参考配色/样式风格：https://www.bohrium.com/courses

参考格式：如图所示

页面要求如下

1. 课程详情页：包括三个分栏以及讨论区入口

   1. 教学目标、考核方式、课程大纲
   2. 教学资料列表：展示资料内容、资料所属章节、资料分类（格式）；支持按分类/章节查看、在线预览、下载、上传
   3. 在线练习列表：展示题目分值、题目得分、状态（未开始/进行中/已完成，对于学生来说做完就是已完成，对于老师和助教来说截止才是已完成）、开始时间、截止时间；可以通过点进“做题”按钮进入在线练习进行页

2. 在线练习建立页：通过点击在线练习列表上的“新建”按钮进入

   1. 可以从题库导入题目或手动添加
   2. 若手动添加，必须设置题目类型（单选、多选、判断、填空、简答）、分值以及是否加入公开题库或加入私有题库（公开题库只公开给全部教师和助教，私有题库只本人可见），可设置答案及答案解析
   3. 练习必须设置开始时间、截止时间、答题时间限制（截止时间大于开始时间）
   • 从题库中导入题目（可以勾选的列表+添加按钮）
   • 创建联系的接口

3. 在线练习进行页：通过点击在线练习列表上的“做题”按钮进入

   1. 包括
      1. 题目内容（包括单选、多选、填空、简答）
      2. 记时
      3. 提交答案按钮
   2. 禁止复制粘贴
   3. 点击提交后跳转到练习结果反馈页

4. 在线练习反馈页

   1. 比对单选多选填空题的答案，自动判卷，并给出成绩和答案解析，如教师/助教未设定答案解析，则显示“暂无解析”
   2. 简答题在教师/助教判卷前不显示成绩和解析
   3. 错题支持跳转到题库界面重做
   4. 学生可收藏题目

5. 题库页

   1. 对于同学而言，只看得到自己做过的题目
   2. 对于助教而言，只看得到自己所教班级的题目
   3. 对于老师而言，看得到公开题库和私有题库

6. 学习记录查询页

   1. 提供学习记录查询，展示已学课程、章节和资料。
   2. 显示练习记录，包括题目、答案和反馈。
   3. 生成练习报告，包含每次练习的得分和班级排名。
   4. 支持导出记录和报告，方便保存或分享

1. 课程：软工-杨溢龙；班级：0800-0935

• 创建课程：课程名称、代码、大纲、教学目标和考核方式
• 课程详细界面
  • 课程资源
    • 上传（公开、仅课程。）
    • 更新（更新对应文件的版本）
    • 历史版本（弹出来那个文件对应的历史版本，每个旁边都附上下载按钮）
    • 下载
    • 查看列表（userid）
  • 章节
    • 添加
    • 删除
    • 上传
• 班级管理
  • 创建班级：授课时间、班级代码code
  • 学生通过班级代码加入（主界面设置“加入班级”按钮，点击后弹窗出来输入班级代码code）
  • 班级成员列表
    • 批量导入学生名单（csv，解析成json？？？）
    • 手动导入学生名单
    • 删除班级成员
    • 学生学习进度：练习做了多少（放在班级成员列表里面）
  • 学习进度：学生有个button“导出报告”点击后能下载练习报告（包含每次练习的得分和班级排名）
    • 老师：根据练习名称/姓名/完成状态筛选（方便老师判题）
    • 学生：根据练习名称/完成状态筛选
    • 老师能看到本班级所有人的所有练习，同学只能看到自己的练习
    • 练习名称、姓名、开始时间、截止时间、完成状态（未开始/待批改/已批改）、成绩、操作（练习(S)、查看(ST)、批改(T)、导出（S）
    • 学生点击“练习”后做题
    • 学生+助教+老师点击“查看”后查看对应练习的记录，
      
    • 教师点击“批改”后进行判卷
    • 学生+助教+老师点击“导出”后能导出练习记录
• 题库中心
• 做题：防作弊
• 查看反馈报告
• 错题重做
• 收藏题目