由于这个小程序占用我一个名额,最近想把小程序下线,所以把当时做的一些工作记录下来,对于做垃圾分类或者答题小程序的提供一些思路参考,毕竟当时做的时候也参考了市面上不少优秀小程序的设计。
在小程序开发与实战课程结尾的时候,有个结课作业,前前后后花了一周时间来完成,这个小程序结合了垃圾分类和在线答题两个小程序的功能,具体需求如下,
用云开发做一个垃圾分类的答题小程序,建两个数据库分别作为单选和多选的题库,然后将数据库传到云空间作为云数据库。单选题目和多选题目各200道。小程序语言为javascript。
单选题目为(垃圾的名字)属于什么垃圾,选项为垃圾的分类。每种垃圾的分类各50题
多选题目为“以下属于可回收垃圾的是”,“以下属于有害垃圾的是”,“以下属于湿垃圾的是”,“以下属于干垃圾的是”,选项为垃圾的名字。每种垃圾的分类各50题
单选练习,多选练习和错题重做可以继续上次的答题。
在单选练习和多选练习统计每个用户做同一题的正确率。
搞个登录界面,登录成功后跳到首页。
首页大概样式如图
有以下功能:
单选练习和多选练习:
单选答题界面分为答题模式和背题模式,背题模式直接给出答案。答题界面如图,底部可以显示答对多少题,答错多少题,答了多少题,题目总数,统计练习那个功能不要,可以左右翻页切换题目。
答对这样显示
答错这样显示
背题模式这样显示
多选答题界面如图,分为答题模式和背题模式,背题模式直接出答案。答题模式选好答案后点击确认答案按钮出答案,其它要求跟单选的一样,不要统计练习功能。
答对,答错,背题模式的界面显示跟单选的一样。
首页单选练习和多选练习可以显示答题正确率,如图,按钮样式不一定要相同,只要能显示正确率就行。(这个正确率是用户答对的题除以答题总数)
考试模式:随机生成50题,40道单选,10道多选,限时20分钟,一题2分,时间到自动交卷,答对答错的显示界面跟单选练习和多选练习一样,可以左右翻页切换题目。
界面如图
点击交卷跳转到结果界面,结果界面如图,记录答题得分,答题用时,有答题排行,查看错题和重新考试功能。
答题排行功能记录每次考试的得分,用时和考试时间,按考试时间排序。还可以比较与其他用户的得分。如图,月排行榜改成排行榜,历史最高成绩那一栏不要,马路杀手那个称号不要,排行榜那里记录其他用户的得分就行,不用答题时间。
首页可以显示考试的最佳成绩,如图按钮样式不一定要相同,只要能显示最佳成绩就行
挑战模式:三种难度,随机生成20题,答错一次或超时就终止答题,显示挑战失败,然后返回首页。简单难度20道单选,每道题限时20秒;普通难度15道单选5道多选,每道题限时15秒;困难难度10道单选10道多选,每道题限时10秒。如果全部答对,显示挑战成功,然后返回首页
错题重做:单选练习,多选练习和考试模式答错的题被记录在这里,分为答题模式和背题模式,答对就将这道题目移除。可以左右翻页切换题目。答题界面与单选练习和多选练习一样。
强化练习:分为单选强化和多选强化,根据你最近一次考试模式的成绩来生成不同难度的题。如果考试成绩小于60分,生成正确率70%以上的题;60到80分生成正确率50%-70%的题;80分以上生成正确率50%以下的题。(这个正确率是所有用户答同一题的正确率)
具体实现的界面展示请移步下文
https://developers.weixin.qq.com/community/develop/article/doc/0008c28a2007c0178f3a5e72e51813