题目中心设计(最终版)
分类:
文章
•
2024-05-14 11:32:34
页面划分
- 题目列表页面
- 添加/修改题目页面
- 预览题目页面
- 提交记录页面
- 源代码详情页面
具体功能设计
1.题目列表页面
- 在导航栏中选择进入题目列表页面
- 通过上方下拉框选择课程名称和题目类型,显示对应所有题目列表
- 列表显示题目id、题目名称、提交数、通过数、通过率、创建人、创建时间、难度、题目状态
- 输入题目名称或选择创建人、题目难度,点击“筛选”按钮进行筛选
- 点击“新建题目”按钮,进入添加题目页面
- 点击“批量上传”按钮,弹出弹窗,通过上传符合要求的文件,一次上传多个题目
- 列表左侧有复选框,可选择多个题目或选择表头复选框全部选中,列表上方显示选中题目个数,点击“清空”按钮,取消所有已选中题目;点击“批量删除”按钮,删除选中的所有题目
- 点击列表“操作”栏下的“修改”按钮,进入修改题目页面;点击“预览”按钮,进入预览题目页面;点击“删除”按钮,删除对应题目
2.添加/修改题目页面
- 添加题目
- 点击“新建题目”进入添加题目页面
- 对题目标题、题目类型、题目描述、附件、内存限制、时间限制、输入限制、输出限制、测试输入与输出、测试标签、样例输入与输出、样例标签、题目标签、状态、难度进行设置编辑
- 点击测例下方的“预览”按钮,预览测例
- 点击样例下方的“预览”按钮,预览样例
- 点击最下方“保存”按钮,完成题目的添加
- 点击右上方“预览”按钮或最下方“预览”按钮,进入预览题目页面
- 修改题目
- 点击题目表项后的“修改”按钮进入修改题目页面
- 对题目标题、题目类型、题目描述、附件、内存限制、时间限制、输入限制、输出限制、测试输入与输出、测试标签、样例输入与输出、题目标签、状态、难度进行设置修改
- 点击测例下方的“预览”按钮,预览测例
- 点击样例下方的“预览”按钮,预览样例
- 点击最下方“保存”按钮,完成题目的修改
- 点击右上方“预览”按钮或最下方“预览”按钮,进入预览题目页面
- 具体“添加”/“修改”功能介绍
- 题目标题

点击输入框,输入对应的标题
- 题目类型

点击对应的标题类型按钮,选择对应的题目类型
- 题目描述

在文本框中输入或修改要编辑的题目描述
- 题目附件

点击标签,在弹窗中选择要上传的文件
- 测试条件

点击输入框,编辑内存、时间、输入、输出等测试条件限制
- 测例输入输出

- 点击输入部分文本栏,添加输入
- 点击输出部分文本栏,添加输出
- 点击测例标签输入框,添加标签名称
- 确认输入完整,点击添加按钮,添加测例
- 样例输入输出

- 点击输入部分文本栏,添加输入
- 点击输出部分文本栏,添加输出
- 确认输入完整,点击添加按钮,添加样例
- 题目标签

- 点击输入框输入新标签,或点击下拉框选择现有标签
- 选择或输入完毕后,点击添加按钮,添加标签
- 点击下方标签右上角的“红色标记”,删除现有标签
- 状态

- 点击“公开状态”的对应按钮,选择“公开”或“不公开”
- 点击“难度”的对应按钮,选择“High”、“Medium”或“Low”的难度等级
3.题目预览页面
- 页面显示学生端显示的题目页面,包括题目标题、提交次数、通过次数、通过率、题目描述、附件、内存限制、时间限制、输入限制、输出限制、样例输入与输出,语言下拉选择框和代码文本输入框
- 点击右上角“编辑”按钮,进入添加/修改题目页面进行编辑
4.提交记录页面
- 在导航栏中选择进入提交记录页面
- 列表显示提交id、提交人、语言、问题id、得分、结果、状态、创建时间
- 输入题目id、提交人、选择时间段,点击“查询”按钮进行查询筛选
- 点击列表“操作”栏下的“查看源代码”按钮,进入源代码详情页面
- 点击列表“得分”栏下的分数按钮,弹窗查看测例通过详情,每个测例左上角显示通过或未通过

5.源代码详情页面
- 页面显示相应提交代码
- 点击右上角“返回”按钮,返回提交记录页面