题目中心设计(最终版)

页面划分

1. 题目列表页面
2. 添加/修改题目页面
3. 预览题目页面
4. 提交记录页面
5. 源代码详情页面

---

具体功能设计

1.题目列表页面

1. 在导航栏中选择进入题目列表页面
2. 通过上方下拉框选择课程名称和题目类型，显示对应所有题目列表
3. 列表显示题目id、题目名称、提交数、通过数、通过率、创建人、创建时间、难度、题目状态
4. 输入题目名称或选择创建人、题目难度，点击“筛选”按钮进行筛选
5. 点击“新建题目”按钮，进入添加题目页面
6. 点击“批量上传”按钮，弹出弹窗，通过上传符合要求的文件，一次上传多个题目
   
7. 列表左侧有复选框，可选择多个题目或选择表头复选框全部选中，列表上方显示选中题目个数，点击“清空”按钮，取消所有已选中题目；点击“批量删除”按钮，删除选中的所有题目
8. 点击列表“操作”栏下的“修改”按钮，进入修改题目页面；点击“预览”按钮，进入预览题目页面；点击“删除”按钮，删除对应题目
   

2.添加/修改题目页面

• 添加题目
  1. 点击“新建题目”进入添加题目页面
  2. 对题目标题、题目类型、题目描述、附件、内存限制、时间限制、输入限制、输出限制、测试输入与输出、测试标签、样例输入与输出、样例标签、题目标签、状态、难度进行设置编辑
  3. 点击测例下方的“预览”按钮，预览测例
  4. 点击样例下方的“预览”按钮，预览样例
  5. 点击最下方“保存”按钮，完成题目的添加
  6. 点击右上方“预览”按钮或最下方“预览”按钮，进入预览题目页面
• 修改题目
  1. 点击题目表项后的“修改”按钮进入修改题目页面
  2. 对题目标题、题目类型、题目描述、附件、内存限制、时间限制、输入限制、输出限制、测试输入与输出、测试标签、样例输入与输出、题目标签、状态、难度进行设置修改
  3. 点击测例下方的“预览”按钮，预览测例
     
  4. 点击样例下方的“预览”按钮，预览样例
     
  5. 点击最下方“保存”按钮，完成题目的修改
     
  6. 点击右上方“预览”按钮或最下方“预览”按钮，进入预览题目页面
• 具体“添加”/“修改”功能介绍
  1. 题目标题
     
     点击输入框，输入对应的标题
  2. 题目类型
     
     点击对应的标题类型按钮，选择对应的题目类型
  3. 题目描述
     
     在文本框中输入或修改要编辑的题目描述
  4. 题目附件
     
     点击标签，在弹窗中选择要上传的文件
  5. 测试条件
     
     点击输入框，编辑内存、时间、输入、输出等测试条件限制
  6. 测例输入输出
     
     1. 点击输入部分文本栏，添加输入
     2. 点击输出部分文本栏，添加输出
     3. 点击测例标签输入框，添加标签名称
     4. 确认输入完整，点击添加按钮，添加测例
  7. 样例输入输出
     
     1. 点击输入部分文本栏，添加输入
     2. 点击输出部分文本栏，添加输出
     3. 确认输入完整，点击添加按钮，添加样例
  8. 题目标签
     
     1. 点击输入框输入新标签，或点击下拉框选择现有标签
     2. 选择或输入完毕后，点击添加按钮，添加标签
     3. 点击下方标签右上角的“红色标记”，删除现有标签
  9. 状态
     
     1. 点击“公开状态”的对应按钮，选择“公开”或“不公开”
     2. 点击“难度”的对应按钮，选择“High”、“Medium”或“Low”的难度等级

3.题目预览页面

1. 页面显示学生端显示的题目页面，包括题目标题、提交次数、通过次数、通过率、题目描述、附件、内存限制、时间限制、输入限制、输出限制、样例输入与输出，语言下拉选择框和代码文本输入框
2. 点击右上角“编辑”按钮，进入添加/修改题目页面进行编辑
   

4.提交记录页面

1. 在导航栏中选择进入提交记录页面
2. 列表显示提交id、提交人、语言、问题id、得分、结果、状态、创建时间
3. 输入题目id、提交人、选择时间段，点击“查询”按钮进行查询筛选
4. 点击列表“操作”栏下的“查看源代码”按钮，进入源代码详情页面
5. 点击列表“得分”栏下的分数按钮，弹窗查看测例通过详情，每个测例左上角显示通过或未通过
   
   

5.源代码详情页面

1. 页面显示相应提交代码
2. 点击右上角“返回”按钮，返回提交记录页面