题库开发第十天:统计看板上线
【摘要】 今天做了一个完整的数据统计看板,算是给这十天的开发收个尾。之前只有一个简单的饼图,太单薄了。今天做了三个核心卡片放在一起:总览数据(总题数、已做题数、正确率、收藏数)、每日刷题趋势(用Recharts画了折线图,显示最近七天的做题量)、分类分布(柱状图展示各分类下的题目数量)。数据来源从后端接口拿。建了一张study_records表,每次刷题完记录一条:题目ID、对错、时间戳。统计接口把数...
今天做了一个完整的数据统计看板,算是给这十天的开发收个尾。
之前只有一个简单的饼图,太单薄了。今天做了三个核心卡片放在一起:总览数据(总题数、已做题数、正确率、收藏数)、每日刷题趋势(用Recharts画了折线图,显示最近七天的做题量)、分类分布(柱状图展示各分类下的题目数量)。
数据来源从后端接口拿。建了一张study_records表,每次刷题完记录一条:题目ID、对错、时间戳。统计接口把数据聚合好返回前端,前端直接渲染图表。
在首页加了一个“统计看板”入口,点进去就能看到所有数据。页面还做了个小彩蛋——正确率低于60%时,顶部会显示“需要加把劲了!”的鼓励语;高于90%显示“状态火热,继续保持!”。
今天顺便把之前积压的几个小优化做了:列表页加了一个“按最近练习排序”的选项,刷题模式加了一个键盘快捷键(左右键切换题目,空格键显示答案)。
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)