由于这个小程序占用我一个名额，最近想把小程序下线，所以把当时做的一些工作记录下来，对于做垃圾分类或者答题小程序的提供一些思路参考，毕竟当时做的时候也参考了市面上不少优秀小程序的设计。

在小程序开发与实战课程结尾的时候，有个结课作业，前前后后花了一周时间来完成，这个小程序结合了垃圾分类和在线答题两个小程序的功能，具体需求如下，

用云开发做一个垃圾分类的答题小程序，建两个数据库分别作为单选和多选的题库，然后将数据库传到云空间作为云数据库。单选题目和多选题目各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