不太习惯用新版写东西,还是markdown写着习惯。
我也是一个初学者,所以把目的拆分成一个个小模块,分别实现吧。
答题和随机的原始框架在(1)中已经实现了。
那么这篇就写积分。也就是答对一题,加1分。这里简化成点击一次加1分。
好开森,点击计数的功能终于搞定了。
非常简单的代码,不过对于初学者来说,找出这行代码也不太容易,我的方法就是拿过来一个觉得应该有这个功能的程序源码,一点点把无关的代码段落删除,剩下的应该就是我想要的了。点击计数,答题程序应该有这个功能,外卖程序应该也有这个功能,带点赞的也应该有。
程序运行界面如下。
点击一次计数,就加一次,1,2,3……,算分用。
index.wxml中的代码如下:
index.js中的代码如下:
var app = getApp()Page({ data: { index: 0, }, jishu: function () { var that = this; this.setData({ index: that.data.index + 1 }); }})看一下真的是超简单,就是给button一个jishu函数,计数函数给view赋index的值。
this.setData({index:that.data.index+1})。
下面是另一种计数形式,购物车和外卖的点击计数,带有wx:for,微信循环语句,就是一个列表。
如图所示,点击计数,+1。结构里面新建了一个目录data,目录里新建了一个post-data.js文件。
post-data.js里面的东西如下:
不用在线json文件的话,以后以这种js文件的方式存储题库最好。var local_database和module.exports的格式固定即可。
index.wxml中有关计数的东西如下:
这么个循环应该用在题库里。
index.js中跟计数这块有关的代码如下:
require加载数据。
点击计数主要是传值取值。
微信小程序 传值取值的几种方法总结
http://www.zhimengzhe.com/Javascriptjiaocheng/203820.html
小程序wx:for、wx:for-items和wx:for-item的正确用法
http://blog.csdn.net/jimolangyaleng/article/details/54315974
下一步就应该写怎么答题了,读入题库,随机答题,积分到了跳转成功。
再接再厉!