编写一个完整的答题小程序（包括单选题、判断题和多选题）（一）单选题、判断题的要求和页面结构

这是一个上线的小程序，大家打开小程序，搜索“小学生必背诗词”，点击诗词答题按钮：单选题、判断题，即可体验。在这个小程序中，单选题有三个或四个选项，判断题有两个选项，由于判断题数目比较少，只有二十几个，因此把判断题和单选题合到一起，判断题相当于两个选项的单选题。下面，我就一步一步展示，这个小程序是如何做出来的。

一、小程序的页面结构

顶部是标题，诗词答题：单选题判断题

整个页面设计从上到下分为五个区域：

1、题数和跳转题目显示区：包括题目序号、总题数、答对题数、输入题号框和跳转按钮。

2、题目显示区。

3、选项显示区：显示A、B、C和D四个选项。

4、答案显示区：显示答案判断结果、正确答案和原文。

5、底部按钮区：有三个按钮分别是上一题、核对答案原文和下一题。

二、单选题、判断题的页面显示要求：

1、单题显示（一个页面只显示一道题）

2、动态显示上一题、下一题。已经答过的题能显示之前做过的选择

3、能实现任何一题的快速跳转

4、核对答案，显示判断结果

5、记录答对的题数

三、单选题、判断题的页面显示wxml中的代码

我们主要看单选题、判断题wxml中的核心代码

在上面的代码中，选项C、D和A、B的代码有所不同，C项多了wx:if='{{xxc}}'。这样写的原因是单选题有三个或四个选项，判断题有两个选项。如果C选项有内容，就显示；如果C选项没有内容，就不显示。如果不写wx:if='{{xxc}}'，即使C选项没有内容，也会显示选项标识（圆圈）。D选项道理相同。

小程序搜索“小学生必背诗词”，即可体验。要源码联系：qq 3570340763

扫码体验

编写一个完整的答题小程序（包括单选题、判断题和多选题）（一）单选题、判断题的要求和页面结构相关推荐

用python编写一个掷骰子的小程序
摘要: 编写了一个掷骰子的程序,主要通过pygame模块实现了以下几点功能:1.每次点击开始键时,骰子都会转动起来.2.每次开始后点击停止键时,骰子停止并且随机停在1-6的某一个数字上.3.按下结束键 ...
java 程序输出赵_编写一个完整的JAVA的程序
编写一个完整的JAVA的程序关注:84 答案:1 mip版解决时间 2021-02-05 08:43 提问者妳螚鬧俄螚笑 2021-02-05 02:59 1,接口Person Show()方 ...
小程序云开发从前端到后台实战记录，开发一个完整功能的小程序
小程序云开发从前端到后台,开发一个完整功能的小程序一.编程基本知识要求有vue 或wpf经验者很好理解有mongodb经验者很好理解云后台二.理解微信体系微信有三个平台 1.开放平台 2.公 ...
从前端到后台，开发一个完整功能的小程序
原址 <微信小程序开发入门>专栏前面的文章主要介绍了小程序前端的开发,对于一个较复杂和完整功能的小程序都是需要后台的支撑的,比如数据的获取和存储.逻辑的处理等. 后台的开发,可以选择PH ...
用python编写一个处理报文的小程序
最近用python编写了一个处理报文的小程序,最后保存成.txt格式. 主要内容非常简单,介绍如下: 1.报文内容如下所示,比较乱,因为要输入到matalab中进行仿真验证,因此,需要将里面的'\n' ...
做一个九宫格诗词答题小程序（二）倒计时功能实现
为了增加答题的趣味,设置了答题时间.采用倒计时,时间设置为9秒.时间一到0,结束答题.点击核对答案原文按钮可以判别答案是否正确,并显示判别结果.正确答案和原文.如回答正确,答对题数增加1个. 为了适用 ...
用python编写一个猜年龄的小程序-用Python来写一个男女相亲小程序|码农的情人节...
功能: 你输入你的性别,年龄,生日,我程序就给匹配一下你喜欢的类型,下面我们具体来讲讲怎么用Python写第一部分:用户输入部分 1.获取用户的输入:我们用raw_input() args =raw ...
用python编写一个猜年龄的小程序-知道了这个，你也能写出 Python 趣味小程序
原标题:知道了这个,你也能写出 Python 趣味小程序前两天在 51CTO 看见某篇推荐博文,大概是一个豆子比较感兴趣,在知乎和 github 上搜索了相关的源代码,发现原来实现起来非常的简单, ...
微信小程序常识——只需4个文件即可构成一个完整的微信小程序项目
[微信小程序最小系统]搭建操作步骤: 新建一个微信小程序项目,但是注意[在当前目录中创建quick start项目]前的单选框不打钩,如下图新建如下图的四个文件打开[app.js]文件,注册小程序 ...

编写一个完整的答题小程序（包括单选题、判断题和多选题）（一）单选题、判断题的要求和页面结构

编写一个完整的答题小程序（包括单选题、判断题和多选题）（一）单选题、判断题的要求和页面结构相关推荐

最新文章

热门文章