答题微信小程序实现(3):退出/闯关成功
2018-01-25 21:08
621 查看
答题小程序步骤分解。
1.答题。
2.积分。
3.积分到上限,退出小程序,提示闯关成功。
先上极简模板。
1中点击计数,计数达到6,跳转2,闯关成功,3是小程序结构,加了一个success目录success页面,wxml文件中只有一行,如4。
就是在点击计数中,再加了一个if语句。
index.wxml中的代码没变,index的值清个零。
index.js中的代码如下:
if语句的意思就是如果积分大于5的话,就跳转page/success/success页面,如果不大于5的话,就在原数的基础上加1。
就这样,这个研究明白了,下面就要再想想怎么读入题库。可以用require方式,这样的话题库文件是单独的,修改也方便。
1.答题。
2.积分。
3.积分到上限,退出小程序,提示闯关成功。
先上极简模板。
1中点击计数,计数达到6,跳转2,闯关成功,3是小程序结构,加了一个success目录success页面,wxml文件中只有一行,如4。
<text>闯关成功</text>
就是在点击计数中,再加了一个if语句。
index.wxml中的代码没变,index的值清个零。
<view>{{index}}</view> <button bindtap="jishu">计数</button>
index.js中的代码如下:
var app = getApp() Page({ data: { index: 0, }, jishu: function () { var that = this; if (that.data.index > 5){ wx.navigateTo({ url: '../success/success', }) } else{ this.setData({ index: that.data.index + 1 }); } } })
if语句的意思就是如果积分大于5的话,就跳转page/success/success页面,如果不大于5的话,就在原数的基础上加1。
就这样,这个研究明白了,下面就要再想想怎么读入题库。可以用require方式,这样的话题库文件是单独的,修改也方便。
相关文章推荐
- 答题微信小程序实现(5):大功告成,整个模板,题库导入/切换/积分/选择对错判断/闯关成功
- 某人在玩游戏的时候输入密码123456后成功进入游戏(输错5次则被强行退出),要求用程序实现密码验证的过程。
- 答题微信小程序实现(2):点击计数
- 答题微信小程序实现(6):美化完善一下下wxss、修改一些不合理的。
- 答题微信小程序实现(1):单题实现和随机数获取
- 微信小程序答题系统实现随机出题 答题小程序如何实现随机出题 微信小程序 答题系统
- Android按返回键程序仍在后台运行,并未完全退出和销毁,类似微信QQ等退出方式的实现-- moveTaskToBack
- 答题微信小程序实现(4):数据库题库的调用/上一题、下一题/题量length的获取
- 编写代码实现,模拟用户登录情景,并且只能登录三次,只允许输入三次密码,如果密码正确则提示登录成功,如果三次均输入错误,则退出程序。
- 答题微信小程序实现(7):python3将题库处理成json格式的。
- Android中的“再按一次返回键退出程序”实现
- 微信小程序之选项卡的实现方法
- 微信小程序 | 多个按钮或VIEW,点击改变状态 简易的实现方法
- 微信小程序新手教程之怎么实现下拉刷新
- 微信小程序使用wxParse解析html的实现示例
- Android中的“再按一次返回键退出程序”实现
- 【Java】Java程序运行超时后退出或进行其他操作的实现
- 微信小程序实现循环列表中加样式
- 微信小程序中使元素占满整个屏幕高度实现方法
- 微信小程序实现随机标签云