评论

我写的答题类小程序中的几个技术点(之一)

我写的小程序中的几个技术点

我对小程序很感兴趣,就投入时间和精力学习了一下怎么编写小程序的。常用的学习方法就是通过做一个东西进行编程的练习。于是近来写了一个答题类的小程序。题库数据存放在云端,手机端用于读取云数据、展示并接受用户操作。

小程序码:

程序主要由三个部分组成:“学习”、“测试”和“我的”。

“学习”部分,可以选择要学习的题库,然后开始学习。
学习时,可以通过拖动下面的滑块快速选题,也可以点击上、下一题按钮逐题选取。

“测试”部分,选定题库后进入答题界面。
每次测试,会从选定的题库中随机抽取20个题。每次回答,会即时展示回答对错的结果,并且若回答错误,会把答错的题目收录进答题人的错题库用来有针对性地复习。测试结束后,会展示本次测试的整体情况。

“我的”部分,用来进行个人化的复习。
点击我的错题本,就进入个人的错题本复习界面。右上角有错题的总数和当前的题目序号。如果某道题已经很熟了,可以点击相应的按钮,从错题库中删去。

这个程序的扩展性在于,题库是云端的数据库。通过修改云端的数据,可以展现给使用者不同的内容。

里面遇到的几个技术点:
一、学习部分
(一)、选择题库用了一个picker

bindPickerChange: function (e) {
console.log(‘picker发送选择改变,携带值为’, e.detail.value)
this.setData({
index: e.detail.value,
})

//parseInt()函数,把字符串转换为数字
//toString(),把数字转换为字符串

/*
  因为picker的下标是从0开始的,所以把它的值转换成数字然后 +1
  并且把选择的题库赋给tikuzhi,传递给缓存,进行页面间传值
*/
var tikuzhi =parseInt(e.detail.value)+1;
wx.setStorage({
  key: 'tikuzhi',
  data: tikuzhi,
})

},
这里要注意的有3点
1、picker的下标是从0开始的,而我组织题库的时候习惯于用题库一、题库二等等,所以我在picker的传值后又做了+1
2、picker传来的值为了能进行加操作,我用了 parseInt()函数,把字符串转换成了数字
3、这里我练习用了页面间传值。如果为了更简洁,可以用全局变量。

点赞 0
收藏
评论
登录 后发表内容