首页 > 编程知识 正文

微信小程序小小答题,微信考试答题小程序

时间:2023-05-06 19:43:38 阅读:277867 作者:2508

不太习惯用新版写东西,还是markdown写着习惯。
我也是一个初学者,所以把目的拆分成一个个小模块,分别实现吧。
答题和随机的原始框架在(1)中已经实现了。
那么这篇就写积分。也就是答对一题,加1分。这里简化成点击一次加1分。
好开森,点击计数的功能终于搞定了。
非常简单的代码,不过对于初学者来说,找出这行代码也不太容易,我的方法就是拿过来一个觉得应该有这个功能的程序源码,一点点把无关的代码段落删除,剩下的应该就是我想要的了。点击计数,答题程序应该有这个功能,外卖程序应该也有这个功能,带点赞的也应该有。
程序运行界面如下。

点击一次计数,就加一次,1,2,3……,算分用。
index.wxml中的代码如下:

<view>{{index+1}}</view><button bindtap="jishu">计数</button>

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里面的东西如下:

var local_database = [{ num: 1}]module.exports = { postList: local_database}

不用在线json文件的话,以后以这种js文件的方式存储题库最好。var local_database和module.exports的格式固定即可。
index.wxml中有关计数的东西如下:

<view wx:for="{{postList}}" wx:for-item="item" wx:for-index="index"> <text>{{item.num}}</text> <button bindtap="add" data-index="{{index}}">计数</button ></view>

这么个循环应该用在题库里。
index.js中跟计数这块有关的代码如下:

var postData = require("../../data/post-data.js");Page({ data: { postList: postData.postList }, add: function (e) { var index = e.currentTarget.dataset.index; var num = this.data.postList[index].num; num++; var carts = this.data.postList; carts[index].num = num; this.setData({ postList: carts, }); },})

require加载数据。

点击计数主要是传值取值。
微信小程序 传值取值的几种方法总结
http://www.zhimengzhe.com/Javascriptjiaocheng/203820.html
小程序wx:for、wx:for-items和wx:for-item的正确用法
http://blog.csdn.net/jimolangyaleng/article/details/54315974
下一步就应该写怎么答题了,读入题库,随机答题,积分到了跳转成功。
再接再厉!

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。