题库开发第三天:列表页和添加功能完工
【摘要】 今天把前后端打通了。列表页做了筛选栏,按分类、难度、标签过滤题目,用卡片展示每道题,右上角加了错题标记(暂时存本地)。添加题目页花的时间最多——因为要支持单选、多选、判断、填空、编程五种题型,选不同题型时表单要联动变化。判断题型只显示对错按钮,编程题多出语言选择和代码模板区,选项类题型可以动态增删选项。写完后直接对接后端API,列表页用GET带参数调接口,添加页面POST提交数据,成功刷新列...
今天把前后端打通了。
列表页做了筛选栏,按分类、难度、标签过滤题目,用卡片展示每道题,右上角加了错题标记(暂时存本地)。添加题目页花的时间最多——因为要支持单选、多选、判断、填空、编程五种题型,选不同题型时表单要联动变化。判断题型只显示对错按钮,编程题多出语言选择和代码模板区,选项类题型可以动态增删选项。
写完后直接对接后端API,列表页用GET带参数调接口,添加页面POST提交数据,成功刷新列表。联调的时候遇到两个小问题:后端返回的时间格式太长了,用dayjs格式化了一下;前端跑5173,后端3000,跨域加了cors中间件解决。
组卷和刷题模式还没写,留到明天。刷题模式要做答题记录和正确率统计,应该会维护一个前端状态对象。
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)