题库开发第四天:组卷和刷题模式
【摘要】 今天把剩下的两个核心功能写完了:组卷和刷题。组卷页面左侧放筛选条件——选标签、选难度区间、选题型分布,右侧实时显示符合条件的题目数量。点击“生成试卷”按钮,系统按条件从题库里抽题,打乱顺序后展示在右侧列表里。我加了个“题数”滑块,可以控制抽几道,默认10道。抽题逻辑很简单:先根据条件过滤出所有题目ID,再用Fisher-Yates算法打乱,取前N个。刷题模式是今天的重头戏。从组卷结果或直接点...
今天把剩下的两个核心功能写完了:组卷和刷题。
组卷页面左侧放筛选条件——选标签、选难度区间、选题型分布,右侧实时显示符合条件的题目数量。点击“生成试卷”按钮,系统按条件从题库里抽题,打乱顺序后展示在右侧列表里。我加了个“题数”滑块,可以控制抽几道,默认10道。抽题逻辑很简单:先根据条件过滤出所有题目ID,再用Fisher-Yates算法打乱,取前N个。
刷题模式是今天的重头戏。从组卷结果或直接点“开始练习”进入,一个大卡片逐题展示。选择题显示选项按钮,判断题显示对错,编程题留了代码输入框占位。点选答案后立刻显示正确/错误反馈,并展示解析。右上角进度显示“3/10”,底部统计答对数和正确率。
状态管理用了一个reducer对象,存当前索引、答题记录(每题的用户答案和是否正确)、总题数。每答完一题自动切到下一题,最后展示结果页。为了防止刷新丢失进度,我把答题状态存了一份到localStorage,下次进入时可以恢复继续刷。
碰到一个小问题:刷题模式下如果点返回列表再进来,进度会丢失。后来加了路由参数,把题目ID列表传到URL里,配合localStorage恢复状态,体验顺畅多了。
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)