基于微信小程序云开发实现考研题库小程序V2.0

不久之前,基于云开发的微信答题小程序搭建题库小程序V1.0,软件架构是微信原生小程序+云开发。现在来回顾一下,已经实现的功能。

一、V1.0项目预览

1、页面结构

  • 首页

  • 答题页

  • 结果页

  • 我的页

  • 排行榜页

  • 答题历史页

  • 登录页

  • 使用指引页

2、功能结构

  • 实现页面间跳转功能

  • 微信授权登录

  • 获取微信头像和昵称等

  • 按科目分类

  • 题库随机抽题算法

  • 支持单选、判断、多选

  • 实现用云开发实现查询题库功能

  • 实现动态题目数据绑定

  • 答题交互逻辑

  • 切换下一题

  • 答题进度显示

  • 提交答卷保存到云数据库集合

  • 系统自动判分

  • 答题结果页从云数据库查询答题成绩

  • 实现转发分享答题成绩功能

  • 查询历史成绩

  • 取最佳成绩进行排名

  • 推荐分享

  • 在线客服

  • 意见反馈

3、小程序端

效果预览:

二、V2.0功能升级

就在谷雨之际,应同学们要求,考研题库小程序V2.0基于V1.0的基础上进行了功能的迭代升级,包括小程序、数据库均支持。

1、功能结构

  • 新增题目解析功能;

  • 支持多选题、判断题;

  • 在结果页增加查看错题集功能,支持错题回顾;

  • 在主页增加一个错题库模块,支持错题重做;

2、效果预览

1)支持题目解析功能

在每一题作答完毕后,立刻显示正确答案,同时显示题目的解析。帮助同学们在练习或者考试的同时,进行理解记忆,达到练考记得最佳学习效果。

2)支持多选题、判断题

在第一个版本已经支持单选题,但是据同学们反馈,题型可能会有点单一,于是乎就开发支持多选题、判断题等多种题型的功能,这样题型更加立体丰富了。

3)支持错题回顾功能

在结果页增加查看错题集功能,显示答错题目数量,支持错题回顾,这样可以帮助同学们进行查漏补缺。

设计思路,这里运用了组件开发模态框的方式,在同一个页面里面引入组件,点击弹出显示,点击关闭按钮进行关闭,无需进行页面跳转。

同时,支持题目切换功能,为什么不设计成列表展示的形式呢,而设计成单题模式,主要是考虑到一些用户体验的因素,譬如只专注每一题的回顾学习。

下一题

4)支持错题重做功能

在主页增加一个错题库模块,就是有一个错题库按钮 然后点进去可以查看错题和错题重做。

功能亮点是,实现了市面上常见的那种错题功能。如果做对的就会从错题库里清除,如果做错的则会依旧记录保存在错题库里面。

错题重做

好了,今天就分享到这里,后续如果有什么好的想法或者建议,欢迎反馈与交流。

相关推荐
文慧的科技江湖11 小时前
OCPP 1.6 与 2.0.1 核心消息差异对照表 - 慧知开源充电桩平台
小程序·开源·ocpp协议·慧知开源充电桩平台
Greg_Zhong11 小时前
微信小程序中便捷实现自定义底部tab栏
微信小程序·自定义底部tab
LXXgalaxy12 小时前
微信小程序“记住密码”功能的实现与落地 vue3+ts的细致解析
微信小程序·小程序·notepad++
Greg_Zhong12 小时前
微信小程序中使用【免费商用】字体的下载和初步认识和使用
微信小程序·阿里巴巴、站酷·腾讯云对象存储(cos)
克里斯蒂亚诺更新12 小时前
微信小程序 腾讯地图 点聚合 简单示例
微信小程序·小程序·notepad++
Geek_Vision12 小时前
鸿蒙原生APP接入小程序运行能力:数字园区场景实战复盘
微信小程序·harmonyos
CRMEB系统商城14 小时前
国内开源电商系统的格局与演变——一个务实的技术视角
java·大数据·开发语言·小程序·开源·php
2501_9160074714 小时前
iOS逆向工程:详细解析ptrace反调试机制的破解方法与实战步骤
android·macos·ios·小程序·uni-app·cocoa·iphone
00后程序员张15 小时前
前端可视化大屏制作全指南:需求分析、技术选型与性能优化
前端·ios·性能优化·小程序·uni-app·iphone·需求分析
拓朋15 小时前
拓朋A36plus对讲机,户外电影拍摄的清晰指挥
微信