答题微信小程序实现(5):大功告成,整个模板,题库导入/切换/积分/选择对错判断/闯关成功

您所在的位置:网站首页 Android选择题判断对错代码 答题微信小程序实现(5):大功告成,整个模板,题库导入/切换/积分/选择对错判断/闯关成功

答题微信小程序实现(5):大功告成,整个模板,题库导入/切换/积分/选择对错判断/闯关成功

2023-09-05 13:23| 来源: 网络整理| 查看: 265

哎呀妈呀,总算弄完了,可以干点别的去了。 这里写图片描述 第1个是初始页面,第2个是选错的样子,选对了是绿色,第3个是全答完了,跳转题库告罄的页面,第四个结构。 data文件夹下面有一个post-data.js文件,pages下面是index、tiaozhuan文件夹。 其他的不用管,跟程序没关系。 一个一个来。先看post-data.js。

var local_database = [{ "name": "收取关山五十州上句是什么?", "daan": "A", "content": ["男儿何不带吴钩", "天若有情天亦老", "大漠沙如雪", "主父西游何时归"] }, { "name": "危乎高哉上句是什么?", "daan": "B", "content": ["明朝散发弄扁舟", "蜀道难,难于上青天", "床前明月光", "吾爱孟夫子"] }, { "name": "感时花溅泪下句是什么?", "daan": "C", "content": ["也无风雨也无晴", "明月几时有", "恨别鸟惊心", "老夫聊发少年狂"] } ] module.exports = { postList: local_database }

就三道题。这个题库是json数组格式的,require可以调用小程序内部的网页,但也可以调用外部网页,不过先要在微信小程序的设置里面检校安全域名,调用外部网页有一个好处,就是题库可以在线更新。这个题库的模板可以通过python生成,用python写几行代码批处理一下,估计用excel也能实现,以后再写一篇用python处理题库的文章吧。 tiaozhuan文件夹下面一个tiaozhuan的页面,没啥,就是wxml里面有一行。

题库告罄

主要是index这个。 index.wxml代码:

{{postList[index].name}}


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3