题目相关页面route
问题描述
使题目相关页面组织和命名更加清晰,跳转更加直观,提升用户和题目的交互体验。为此,需设计和实现题目相关页面和跳转逻辑。
目标用户
期望描述
为试题实现如下页面:
-
/exercise/list
:全部题目列表 -
/exercise/new
:新建题目 -
/exercise/:eid
(Index):题目门户,用于展示题目基本信息、简要统计、部分/最近提交记录、部分讨论、相关文章、关联题包、相关题目、知识图谱等 -
/exercise/:eid/coding
(Coding):编码界面 -
/exercise/:eid/status
(Status):提交记录、部分提交统计等(改名) -
/exercise/:eid/submission/:sid
(Submission):单次提交信息 -
/exercise/:eid/discuss
(Discussion):讨论区(留空即可,具体内容暂不做) -
/exercise/:eid/manage
(Manage):题目后台管理,允许点击编辑单个域,答案、数据编辑,用户贡献测试数据审核,题目校验状态和主动校验(留空即可,具体内容暂不做) -
/exercise/:eid/stat
(Statistics):题目统计,分用户、分时段查看用户提交统计,可视化
跳转逻辑:
-
/coding
跳转至/exercise/:last_eid/coding
-
题目统一进入 /exercise/:eid
-
未尝试或未通过的题目,自动跳转至 /exercise/:eid/coding
-
题目 index 界面可进入 coding, status, discussion 等界面 -
status 界面可进入单次 submission 界面 -
owner 可从 index 或 coding 页面点击进入 /exercise/:eid/manage
-
owner 可从 index 或 manage 页面点击进入 /exercise/:eid/stat
额外需求
-
Exercise 相关 route 分离为独立 router。 -
每个页面涉及的内容从 GraphQL 接口获取
时间规划
-
2d:完成 route -
3d:规划每个页面的内容 -
1w:每个页面的内容获取和呈现(尽量遵循 HTML semantic,不考虑样式)
人员安排
@zengxiaonan 规划每个页面的内容,实现各页面的基本内容获取和跳转逻辑(放置链接)。
@yxonic review