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

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属性,用于保存每一个用户的投票情况,每当有用户投票,将用户的投票选项及个人信息添加到数组中。

创建投票的功能完成。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/216149.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Nacos热更新(动态获取配置)

写在前面:各位看到此博客的小伙伴,如有不对的地方请及时通过私信我或者评论此博客的方式指出,以免误人子弟。多谢!如果我的博客对你有帮助,欢迎进行评论✏️✏️、点赞👍👍、收藏⭐️⭐️&#…

el-date-picker 限制选择范围最大为一年,设置快捷选项,设置默认时间

el-date-picker 限制选择范围最大为一年&#xff1a; 主要代码为&#xff1a;:picker-options"pickerOptions" 以及 blur"pickerBlur" <el-date-pickerv-model"transactionTime"type"daterange"style"width: 200px"size…

盒马补贴量价-2021KDD

概述&#xff1a; 电商商品定价三个关键问题&#xff1a; 在只有观测数据的时候&#xff0c;怎么构建价格弹性&#xff0c;现在来看这就是一个反事实推断的问题&#xff0c;不仅是如何做的问题&#xff0c;还有如何评估的问题。长周期的规划决策问题怎么建模 & 求解&#…

包管理工具npm与yarn

1.npm 1.1 安装 安装node后自带了npm 2.2 初始化package.json npm init 1.3 安装包 单个包&#xff1a;npm install less或npm i less 所有包&#xff1a;npm installnpm i 1.4 删除包 npm remove less&#xff0c;npm r less或npm uninstall less 1.5 配置别名 pack…

big.js常用方法

安装big.js npm install --save big.js引入插件 import Big from big.js创建Big number数据 const number new Big(.1) 或者 const number Big(.1)判断数据相等&#xff0c;比较值的大小 const number1 new Big(.3) const number2 Big(.3) number1.eq(number2) // tru…

从零开始学UniApp微信小程序开发:头部适配技巧让你事半功倍!

在 UniApp 中&#xff0c;在微信小程序开发中&#xff0c;头部适配可以通过修改 pages.json 中的 navigationStyle 配置项来实现&#xff0c;具体操作步骤如下&#xff1a; 1.进入 pages.json 文件 在 UniApp 项目的根目录中找到 pages.json 文件&#xff0c;打开该文件。 2…

Win11专业版,eNSP启动失败,错误代码40 解决方法

微软Win11系统默认开启的 Virtualization-based Security &#xff08;VBS&#xff09;“基于虚拟化的安全性”会导致游戏、跑分性能下降。VBS 基于虚拟化的安全性&#xff0c;通常称为内核隔离。使用硬件虚拟化在内存中创建安全区域&#xff0c;为其他安全功能提供了一个安全平…

git相关操作和命令

只发布某个节点的分支代码&#xff08;创建本地分支&#xff0c;切换到那个节点的代码&#xff09; 创建本地分支 git checkout -b dev-hyyj1212 origin/dev-hyyj 重置代码到d76fd1fa这个节点的代码 git reset --hard d76fd1fa -------------------------------------------…

python——第十六天

面向对象——继承 class RichMan(object): def __init__(self): self.money 1000000000 self.company "阿里巴巴" self.__secretary "小蜜" def speak(self): print(f"我对钱不感兴趣&#xff0c;我最后悔的事&#xff0c;就是创建了{self.company…

Appilied energy论文复现:含多类型充电桩的电动汽车充电站优化配置方法程序代码!

本程序参考Applied energy论文《Optimal planning of electric vehicle charging stations comprising multi-types of charging facilities》&#xff0c;文中主要对多类型充电桩的电动汽车充电站进行优化配置&#xff0c;程序较为简单和基础&#xff0c;具有较强的可扩展性和…

Python实现软件中英文对照表功能

一、通过字典实现 import locale# 定义中英文对照的字典 translation_dict {account: {en: Account, zh: 账号},password: {en: Password, zh: 密码},logon: {en: Logon, zh: 登录}# 其他需要翻译的内容... }def get_translation_dict():"""根据系统语言选择对…

adb命令学习记录

1、 adb ( android debug bridge)安卓调试桥&#xff0c;用于完成电脑和手机之间的通信控制。 xcode来完成对于ios设备的操控&#xff0c;前提是有个mac电脑。 安卓系统是基于linux内核来进行开发的。 2、adb的安装: 本身 adb是 android SDK 其中自带的工具&#xff0c;用于完…

排坑指南之STM32串口接收队列定时异常导致接收失败

背景: 公司的项目,今天讲的这部分功能主要是和IC卡读取板进行串口通讯,然后将读取回来的IC卡保存在本地。我在调试的过程中发现了一个问题,上电刚开始的阶段,程序是好用的,能读取回来IC卡卡号,然后运行一段时间之后,就读取不回来卡号了,刷卡没有响应。 摘要: 讲述STM…

C语言--每日练习题--Day38

第一题 1. 下列代码的运行结果&#xff08;&#xff09; short i 65537; int j i 1; printf("i%d,j%d\n", i, j); A&#xff1a;i 65537&#xff0c;j 65538 B&#xff1a;i 1&#xff0c;j 2 C&#xff1a;i -1&#xff0c;j 0 D&#xff1a;i 1&#xff…

【基础知识】大数据概述

关键词—分布式 化整为零&#xff0c;再化零为整 大数据的定义 传统数据库处理起来困难的数据集。 发展历程 中国开源生态图谱2023 参考内容 中国开源生态图谱 2023.pdf 技术组件说明 数据集成 sqoop、dataX、flume 数据存储 hdfs、kafka 数据处理 mapreduce、hive…

30天入门Python(基础篇)——第7天:Python中运算符详解(算数运算符、赋值运算符、比较运算符、位运算符、逻辑运算符、成员运算符、身份运算符)

文章目录 专栏导读什么是算数运算符Python中的算数运算符Python中的算数运算符——+、-、*、/,和数学中一样关于【/】小知识点Python中的算数运算符—— % 取余数Python中的算数运算符—— ** 幂Python中的算数运算符—— // 取整除(向下取,也叫地板除)Python中的赋值运算…

出入职场,小白为何频繁换工作?

频繁换工作的原因 出入职场&#xff0c;有些朋友频繁更换工作&#xff0c;其原因由多方面组成。有的人是因为入职时心理预期过高&#xff0c;工作之后存在心理落差&#xff0c;有的人是因为找不到自己的职业定位&#xff0c;在工作时做得不顺手&#xff0c;还有的人是因为在职…

树莓派5安装opencv

1 建立虚拟环境 参考网站 https://www.piwheels.org/faq.html#venv 虚拟环境建立过程&#xff1a; To create a virtual environment: $ sudo apt install virtualenv python3-virtualenv -y $ virtualenv -p /usr/bin/python3 testpip sudo apt install virtualenv pytho…

C++学习笔记(十一)------has_a和use_a关系

文章目录 前言 一、has_a关系 1.1 has_a概念 1.2 has_a中构造和析构的顺序 1.3 has_a对象的内存情况 二、use_a关系&#xff08;友元关系&#xff09; 1.友元函数&#xff1a; 2.友元类 3 使用多文件编程的方式重新编辑上述代码 总结 前言 随着技术的革新&#xff0c;出现各种各…

如何设定一个N层BiLSTM的Layer,LSTM初始化

如何设定一个N层BiLSTM的Layer&#xff0c;LSTM初始化 前言干货代码解释 结语 前言 目前人工智能已经融入到我们的生活&#xff0c;大数据模型也是层出不穷。那我们就学习一些简单的模型设置。 干货 代码 # This is the original BiLSTM layer setup, def build_bilstm(inp…