原型图使用xiaopiu设计生成，采用ant design模板
根据使用角色，我们将系统分为学生端和教师端两个部分
一、登陆
学生和教师通过同一个页面进行登陆，登陆的账号为学号，密码可以通过学号绑定的邮箱找回。在登陆后学生和老师进入不同页面。
二、学生端
首页（课程列表）：
学生端的首页上有课程信息、个人信息和动态消息提醒，学生可以点击进入课程来查看该课程的课件和作业，同时，新发布课件和作业的提示消息会出现在页面下方的动态中。我们还在主页添加了个人完成题目的百分比以及班内排名来激起同学们学习的兴趣，通过饼状图直观地表示完成题目的进度，让学生的每一点进步都体现在首页上。
题目列表：
题目分为练习、实验和考试三种类型。练习题目是实验和考试题库淘汰的题目，也就是说这部分题目不会出现在实验和考试中，能够看到所有的测试案例，学生也可以添加自定义用例，题目将会一直开放，所有学生都能够访问。实验题目是课上老师布置的作业练习，学生不能看到测试用例，题目在截至时间后就不再能够提交，只有选课的学生能够看到相应的练习题。考试题目的用例不允许学生查看，并且只在考试期间对选课的学生开放。
提交记录：
点击提交历史能够看见学生在这一题上提交的所有记录，点击时间能够查看历史提交的代码，点击题目能够回到题目描述页面，能够访问的测试案例可以点击测试案例访问
题目详情及代码提交：
代码提交页面参考NKOJ平台，能够选择提交代码或者上传文件，可以选择代码的语言
三、教师端
首页：
教师的主页上有关于教学的数据信息。比如最近发布的题目的通过率、完成率，课件的下载量，题目提交的次数和时间，以及题目AC由高到低的排名等。这样能够让教师更加直观的看到什么样的题对学生来说比较难，上一次的作业的完成情况，是否需要将截止日期往后推，等等。
课程管理：
课程管理页面能够方便地添加课程、题目、课件，点击卡片右上方的红色按钮来删除课程。点击课程卡片可以看到课程的题目和课件。
题目管理：
课程管理页面能够添加修改删除题目，能够按类别查看搜索题目。百分比代表题目的完成情况。点击修改题目会弹出修改、删除或取消的选项。
添加修改题目：
教师能够将题目选择发布为实验题目、练习题目或者考试题目，能够手动输入测试案例，修改截止时间等。
学生管理：
在学生管理页面，教师选择课程，页面下方就会出现相应的学生名单。学生成绩根据老师给出的评分标准得出，可以直接导出。在表单中能够看到学生最近提交的题目和该题目的测试案例，点击测试案例能够看到学生是在哪一个案例上出现了错误。通过搜索功能老师能够便捷地找到学生。
四、原型图链接
原型图通过xiaopiu进行设计
原型图链接：https://www.xiaopiu.com/web/byId?type=project&id=5c93894fdeb42e757f28e1c8
