这是一个上线的小程序,大家打开小程序,搜索“小学生必背诗词”,点击诗词答题按钮:单选题、判断题,进入页面,首先看到的就是第一题,因此第一题显示特别重要,下面我们就看一下第一题是如何显示到界面上的。
小程序运行首先进入onLond函数,调用一个获取数据和显示函数。
这个获取数据和显示函数编写,调取和使用数据分了两种情况。第一种是第一题显示,由于数据放在云数据库,本地没有数据,因此首先调用加载数据倒计时和进度条函数,避免加载数据时间长,界面空白。接着使用云函数获取云端数据,把获得的云数据赋值在data中声明的空数组中,通过setData赋值在界面上把第一题的题目和选项展示出来。第二种是显示除第一题外的其他题,第一题显示之后,本地数组已有数据,这时不再需要调用云函数获取云数据,此时就不需要调用加载数据倒计时和进度条函数,直接把本地数组中的数据通过setData赋值在界面上把该题的题目和选项展示出来。这里说明一下,题目是从第一题开始的,数组下标从0开始,第一题储存的数组下标为0。不再多做解释了,看代码。