国产日韩欧美一区二区三区三州_亚洲少妇熟女av_久久久久亚洲av国产精品_波多野结衣网站一区二区_亚洲欧美色片在线91_国产亚洲精品精品国产优播av_日本一区二区三区波多野结衣 _久久国产av不卡

?

“背單詞”微信小程序的開發(fā)與實現(xiàn)

2020-01-08 19:25張文靜
湖北農機化 2020年2期
關鍵詞:背單詞字符代碼

孫 鵬 張文靜

(沈陽工學院信息與控制學院,遼寧 撫順 113122)

1 小程序云開發(fā)隨機數(shù)據(jù)的獲取與輸入監(jiān)視

小程序背單詞開發(fā)一共分為3個部分:數(shù)據(jù)隨機獲取,輸入監(jiān)視與字符匹配,提示按鈕功能實現(xiàn),首先需要前端獲取到云端數(shù)據(jù)庫內的數(shù)據(jù),再通過輸入監(jiān)視與數(shù)據(jù)庫內數(shù)據(jù)進行匹配,得到單詞拼寫的結果,在同學不知道單詞的情況可以點擊提示按鈕查看正確單詞拼寫,達到背單詞的目的。

1.1 云開發(fā)數(shù)據(jù)隨機獲取

在云數(shù)據(jù)庫內獲取數(shù)據(jù)時需要重新調用數(shù)據(jù)庫并使用隨機函數(shù)sample()當作索取的條件來隨機取出詞匯,并將取出的數(shù)據(jù)賦值給為全局變量,使輸入內容運用KMP算法的逆運算邏輯對其字符匹配,并當用戶不認識且不會拼寫的情況添加提示按鈕提示,達到背單詞的目的。具體代碼如下:

數(shù)據(jù)庫獲取數(shù)據(jù);

調用數(shù)據(jù)庫;

const cloud = wx.require(‘wx-server-sdk’),

cloud.init(),

const db = wx.cloud.database(),

db.collection(‘SITdatabase’)

.aggregate()

.sample({size: 1, })

.end()

.then(res => {this.setData({list: res.list})

console.log(res)

let words = res.list[0].English

app.globalData.words = words})

代碼解釋:首先獲取數(shù)據(jù)庫,再進行對數(shù)據(jù)初始化,再隨機獲取一條數(shù)據(jù),刷新單詞數(shù)據(jù),并打印至控制臺,將已獲取的數(shù)據(jù)作為全局變量app.globalData.words傳到輸入函數(shù)內。

1.2 輸入監(jiān)視與字符匹配

將獲取已知的單詞賦值給全局變量app.globalData.words并將其與輸入后的單詞進行匹配,并檢查與提示輸入單詞是否正確。具體代碼如下。

inputWordRandom: function (e) {

var word = this.data.word

if (e.detail.value == app.globalData.words) {wx.showToast({title: '回答對了呢!',

icon: 'success'})

this.setData({color: 'rgb(40, 247, 33)'

if (e.detail.value.length == app.globalData.words.length) {

if (e.detail.value != app.globalData.words) {

wx.showToast({

title: '不對呀,看看正確答案~',

icon: 'none'})

this.setData({word: app.globalData.words,

color: 'rgb(247, 33, 33)'})}}

console.log(e)},

代碼解釋:先定義data內word值作為監(jiān)視對象,將輸入值與全局變量app.globalData.words進行字符匹配,并提示輸入是否正確并刷新字體顏色(this.data.colors)并將輸入內容打印至控制臺。

1.3 提示按鈕的實現(xiàn)

在同學們遇到不認識的單詞拼寫時,在此加入了提示功能,為此方便同學們對單詞的記憶,具體代碼如下:

getWord: function(e){

if(app.globalData.words ===undefined){app.globalData.words = '點擊查看以查看單詞拼寫' }

wx.showToast({

title: app.globalData.words,

icon: 'none'})},

代碼解釋:當同學點擊提示按鈕的時候,刷新單詞數(shù)據(jù),并將答案傳給app.globalData.words作為提示對象,顯示出單詞答案。

2 結束語

背單詞功能在邏輯上主要運用KMP算法的逆運算過程,并使用app.globalData.words作為全局變量與輸入值匹配,使得背單詞功能更全面,使用戶背誦單詞的效率更高。

猜你喜歡
背單詞字符代碼
編輯精選APP
編輯精選APP
開心炸彈
論高級用字階段漢字系統(tǒng)選擇字符的幾個原則
字符代表幾
一種USB接口字符液晶控制器設計
圖片輕松變身ASCⅡ藝術畫
創(chuàng)世代碼
創(chuàng)世代碼
創(chuàng)世代碼