背景

今天誰炒菜，誰洗碗，誰買菜…啊，Boss說用抽簽吧，于是有了下圖

這樣存在作弊的問題（記住棍子特征，誰先，誰后抽等等）于是有了這個抽簽小程序（當(dāng)然小程序我一個人控制，我想不想作弊看心情了）

簡介

掃碼體驗

數(shù)據(jù)服務(wù)，存儲

本項目使用的是微信云開發(fā)，云數(shù)據(jù)庫聲明個抽簽chouqianList集合即可（云開發(fā)為開發(fā)者提供完整的原生云端支持和微信服務(wù)支持，弱化后端和運(yùn)維概念，無需搭建服務(wù)器，使用平臺提供的 API 進(jìn)行核心業(yè)務(wù)開發(fā)，即可實現(xiàn)快速上線和迭代）

運(yùn)行前準(zhǔn)備

(1)注冊微信小程序，獲取 appid,替換本項目project.config.json里的appid

(2)開通小程序的云開發(fā)

具體實現(xiàn)

首頁

首頁從上至下有抽簽主題，抽簽選項，發(fā)起抽簽，常用抽簽，此頁面主要功能發(fā)起抽簽，把抽簽內(nèi)容存到數(shù)據(jù)庫里面。

微信審核提示

解決這個問題添加的內(nèi)容調(diào)用這個方法（小程序內(nèi)容安全api，云開發(fā)可調(diào)用）

isCheckMsg: function (msg) {return new Promise(function (n, s) {wx.cloud.callFunction({name: 'msg',data: ({text: msg})}).then(res => {if (res.result.errCode === 87014) {// 沒通過n(false) } else {// ("通過")n(true)}});});},

隨機(jī)抽簽

// 遞歸隨機(jī)返回抽簽項edchouqian() {let that = this;return new Promise(function (n, s) {const db = wx.cloud.database()// 查詢當(dāng)前用戶所有的 chouqianListdb.collection('chouqianList').where({_id: that.data.drawlotsId}).get({success: res => {that.setData({detail: res.data[0].detail,});let nullDetail = res.data[0].detail.filter(item => item.openid == "");//找出沒有抽簽的選項let arrIndex = Math.floor((Math.random() * nullDetail.length));//從沒有抽簽的選項隨機(jī)選擇一個選項let objindex = nullDetail[arrIndex].index;n(objindex)},fail: err => {wx.showToast({icon: 'none',title: '查詢記錄失敗'})console.error('[數(shù)據(jù)庫] [查詢記錄] 失敗：', err);s(err);}})});},

抽簽頁

抽簽頁有抽簽功能，顯示抽簽結(jié)果，此頁面主要功能，從數(shù)據(jù)庫查詢是否已經(jīng)抽簽，已抽簽顯示抽簽結(jié)果，未抽簽隨機(jī)分配抽簽（或者顯示抽簽次數(shù)已用完）。

重復(fù)抽簽問題用函數(shù)防抖或者節(jié)流

抽簽結(jié)果頁

抽簽結(jié)果頁，顯示所有抽簽人員和結(jié)果（結(jié)果從數(shù)據(jù)庫根據(jù)抽簽表的id查詢）

至此完畢 源碼地址

結(jié)語：

因為發(fā)的時間比較短，頁面、功能還需要慢慢完善，發(fā)布了的功能也有一些待改進(jìn)的地方，歡迎同樣志同道合的碼友們多多指教和交流。ヾ(????)ﾉ~

前端學(xué)習(xí)大佬群493671066，美女多多。老司機(jī)快上車，來不及解釋了。

作者相關(guān)Vue文章

基于Vue2.0實現(xiàn)后臺系統(tǒng)權(quán)限控制

vue2.0-基于elementui換膚（自定義主題）

前端文檔匯總

VUE2.0增刪改查附編輯添加model(彈框)組件共用

打賞 衷心的表示感謝

總結(jié)

以上是生活随笔為你收集整理的抽签小程序，妈妈再也不用担心谁洗碗（分配任务）了，so easy的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。