《微信小程序开发从入门到实战》学习四十八

4.5 实现投票小程序服务端功能

前面开发投票小程序时还有一些服务端的功能没有实现,当时以//todo标注,以测试数据完成基本功能。现在学习了云开发技术,就可以实现投票小程序的服务端功能了

4.5.1 完成创建投票功能

首先,在app.js文件中加入对云开发能力的初始化方法。代码如下:

App({

onLaunch() { //生命周期函数,小程序打开时执行一次

wx.cloud.init({

// 小程序生命周期函数 onLaunch,小程序启动时会调用它

env:'test-555', // 指定使用环境ID为

traeUser:true //将用户对云资源的访问记录到用户管理中,在云开发控制台中可见

})

}

})

在云开发控制台的数据库管理创建新集合votes,并将集合权限设置修改为"所有用户可读,仅创建者可读写"

接下来修改createVote.js文件中的formSubmit函数,使用小程序端的云开发数据库API在集合中创建一条数据。

增加校验函数,对表单数据做一些验证,如果数据不完整可以通过小程序的提示框API提醒用户。代码如下:

formSubmit(){

// 提交前需要先对表单内容进行校验

const msg = this.checkFormValid()

if(msg){ // 在if判断时,null会被转换为false

wx.showToast({ // 在调用提示框API显示提示内容

title: msg, // 提示框中的文字内容

icon: 'none' // 提示框的图标,none表示没有图标

})

return // 提前返回,函数会在这里结束,后面的内容不会执行

}

const formData = {

type:this.data.type,

voteTitle: this.data.formTitle,

voteDesc: this.data.formDesc,

optionList: this.data.optionList,

endDate: this.data.endDate,

isAnonymousfalse: this.data.isAnonymousfalse,

voteList: [] // 用于保存每一个用户投票的情况

}

const db = wx.cloud.database

db.collection('votes').add({// 将表单数据添加到votes集合中

data: formData

}).then(res => {

console.log(res._id) // 从返回值中可以拿到新添加记录自动生成的ID

wx.redirectTo({ // 自动跳转到参与投票页面

url: '/pages/vote/vote?voteID=' + res._id,

})

}).catch(res => {

console.error(res)

wx.showToast({ // 创建投票失败时,显示提示框提示用户

title: '创建投票失败',

icon: 'none'

})

})

}

formData中新增加了一个voteList属性,用于保存每一个用户的投票情况,每当有用户投票,将用户的投票选项及个人信息添加到数组中。

创建投票的功能完成。

相关推荐
不灭锦鲤16 分钟前
网络安全学习第163天
学习·安全·web安全
鱼鳞_18 分钟前
Java学习笔记_Day20(二叉树)
java·笔记·学习
CDA数据分析师干货分享44 分钟前
石油工程专业炼油厂一线岗位转行数据分析岗,CDA数据分析师二级学习经验
深度学习·学习·数据挖掘·数据分析·cda证书·cda数据分析师
摇滚侠1 小时前
JAVA 项目教程《苍穹外卖-11》,微信小程序项目,前后端分离,从开发到部署
java·开发语言·微信小程序
执笔论英雄1 小时前
【vllm】vllm根据并发学习调度
java·学习·vllm
婷婷_1721 小时前
【PCIe验证每日学习·Day23】Completion 完成包全机制深度解析
学习·程序人生·芯片·completion·pcie 验证·outsatanding·id路由
羊小猪~~2 小时前
Redis学习笔记(数据类型、持久化、事件、管道、发布订阅等)
开发语言·数据库·c++·redis·后端·学习·缓存
结衣结衣.2 小时前
【Linux】命名管道的妙用:实现进程控制与实时字符交互
linux·运维·开发语言·学习·操作系统·交互
red_redemption2 小时前
自由学习记录(151)
学习
charlie1145141912 小时前
嵌入式C++教程实战之Linux下的单片机编程:从零搭建 STM32 开发工具链(3)WSL2 USB 透传,让 ST-Link 穿越虚拟化边界
c++·stm32·单片机·学习·嵌入式