词,且随机出现不同单词,并将取出的词汇与输入值匹 配达到检查作用,使用随机获取的功能。关键词:微信小程序;云开发;随机数据1 小程序云开发随机数据的获取与输入监视小程序背单词开发一共分为3个部分:数据随机获 取,输入监视与字符匹配,提示按钮功能实现,首先需要前
端获取到云端数据库内的数据,再通过输入监视与数据库 内数据进行匹配,得到单词拼写的结果,在同学不知道单
词的情况可以点击提示按钮查看正确单词拼写,达到背单 词的目的。1.1云开发数据随机获取在云数据库内获取数据时需要重新调用数据库并使 用随机函数sample。当作索取的条件来随机取出词汇,并 将取出的数据赋值给为全局变量,使输入内容运用KMP 算法的逆运算逻辑对其字符匹配,并当用户不认识且不会 拼写的情况添加提示按钮提示,达到背单词的目的。具体
代码如下:数据库获取数据;调用数据库;const cloud = wx require('wx-serversdk'),cloud. init(),const db = wx cloud. databaseO,db. collection(4 SITdatabase,).aggregateO.sample({size: 1, }).end().then(res => {this. setData({list: res. list})console, log(res)let words = res. list[0]. Englishapp. globalData. words = words})代码解释:首先获取数据库,再进行对数据初始化,再 随机获取一条数据,刷新单词数据,并打印至控制台,将已
获取的数据作为全局变量app. globalData. words传到输入
函数内。1.2输入监视与字符匹配将获取已知的单词赋值给全局变量app. globalData.作者简介:孙鹏,男,辽宁大连人O通讯作者:张文静(1987-),女,辽宁省朝阳市人,讲师,硕 士,研究方向:建筑电气与智能化。words并将其与输入后的单词进行匹配,并检查与提示输
入单词是否正确。具体代码如下。inputWordRandom: function (e) {var word = this. data, wordif (e. detaiL value = = app. globalData. words) {wx. showloast({title:,回答对了呢!’,icon: 'succesg})this. setData({color: 'rgb(40, 247, 33)'i£ (e. detail, value length = = app. globalData. words, length) {i£ (e. detaiL value ! = app. globalData. words) {wx showToast ({title:不对呀,看看正确答案〜:icon: 'non©})this. setData({word: app. globalData. words,color: Ygb(247, 33, 33),})}}console log(e)},代码解释:先定义data内word值作为监视对象,将输
入值与全局变量app. globalData. words进行字符匹配,并
提示输入是否正确并刷新字体颜色(this. data, colors)并将 输入内容打印至控制台。1.3提示按钮的实现在同学们遇到不认识的单词拼写时,在此加入了提示 功能,为此方便同学们对单词的记忆,具体代码如下:getWord: function(e) {i£(app. globalData. words = ==undefined) {app. global-
Data, words =点击查看以查看单词拼写}wx showToast ({title: app. globalData. words,icon: 'none})},代码解释:当同学点击提示按钮的时候,刷新单词数 据,并将答案传给app. globalData. words作为提示对象,显 示出单词答案。2 结束语背单词功能在逻辑上主要运用KMP算法的逆运算过 程,并使用app. globalData. words作为全局变量与输入值匹 配,使得背单词功能更全面,使用户背诵单词的效率更高。
参考文献:口]张小龙.微信小程序云开发[EB/OL]. 2019- 07-02.(收稿日期:2019-1025)《湖北农机化》2020年第2期175
因篇幅问题不能全部显示,请点此查看更多更全内容