微信小程序云开发 mysql_微信小程序云开发学习笔记(一)云数据库
云开发配置的环境:cloud-learning
云开发环境初始化准备
需要:
APPID
操作:
在创建项目时,填入APPID并选择不使用云函数
进入到开发者页面,点击左上角的云开发并选择开通
设置云开发环境名称,可以任意填写
在project.config.json中加入字段"cloudfunctionRoot":"cloud"
在打开的云开发控制台中点击设置,新建一个环境ID
app.js中删除所有代码,只保留env即环境ID
App({
onLaunch: function () {
//云开发环境初始化
wx.cloud.init({
env:"cloud-learning-i44qm"
})
}
})
在根目录下创建文件夹(目录)cloud
云数据库
新增固定的数据
效果:通过点击一个按键可以向云数据库中新增固定字段的内容
实现:
在index.wxml中,加入如下代码
新增数据
点击云开发-->数据库-->创建集合testlist
在index.js中加入如下代码
const DB = wx.cloud.database().collection("testlist")
Page({
addData(){
console.log('调用添加数据的方法')
DB.add({
data:{
name:'panda bear',
price:9999
},
success(res) {
console.log("成功", res)
},
fail(res) {
console.log("失败", res)
}
})
}
})
测试:点击新增数据按钮,发现控制台上有相应输出,再进入到云开发的数据库页面,发现上述字段已新增
新增用户输入的不确定数据
效果:用户通过输入想新增的数据并点击确定新增按键,即可向云数据库中新增用户想新增的数据
实现:
在index.wxml中加入如下代码
\n
\n
新增数据
在index.js中加入如下代码
const DB = wx.cloud.database().collection("list")
let name = ''
let age = ''
Page({
addName(event){
//console.log(event.detail.value)
name = event.detail.value
},
addAge(event){
//console.log(event.detail.value)
age = event.detail.value
},
addData() {
console.log('调用添加数据的方法')
DB.add({
data: {
name: name,
age: age
},
success(res) {
console.log("添加数据成功", res)
},
fail(res) {
console.log("添加数据失败", res)
}
})
}
})
测试:输入数据后,点击新增数据按钮,发现控制台上有相应输出,再进入到云开发的数据库页面,发现输入的字段已新增
查找已有的数据
效果:通过点击一个按键可以查询云数据库中的内容
实现:
在index.wxml中,加入如下代码
查询数据
在index.js中加入如下代码
const DB = wx.cloud.database().collection("testlist")
Page({
getData() {
console.log('调用查询数据的方法')
DB.get({
success(res){
console.log('查询数据成功',res)
}
})
}
})
测试:点击查询数据按钮,发现控制台上有相应输出
通过ID删除数据
效果:用户通过输入想删除数据的ID并点击确定删除按键,即可删除云数据库中用户想删除的数据
实现:
在index.wxml中加入如下代码
\n
删除数据
在index.js中加入如下代码
const DB = wx.cloud.database().collection("list")
let id = ''
Page({
delDataInput(event){
//console.log(event.detail.value)
id = event.detail.value
},
delData() {
console.log('调用删除数据的方法')
DB.doc(id).remove({
success(res) {
console.log('删除数据成功', res.data)
}
})
}
})
测试:输入想删除数据的ID后(注意不要带有引号""),点击确定删除按键,发现控制台上有相应输出,再进入到云开发的数据库页面,发现输入id对应的该条数据已删除
通过属性删除数据
效果:用户通过输入想删除数据的name的值并点击确定删除按键,即可删除云数据库中用户想删除的数据
实现:
在index.wxml中加入如下代码
\n
通过属性删除
在index.js中加入如下代码
const DB = wx.cloud.database().collection("list")
let nameDelete = ''
Page({
delDataInputName(event){
//console.log(event.detail.value)
nameDelete = event.detail.value
},
delDataByProperty() {
console.log('调用属性删除数据的方法')
DB.where({
name: nameDelete
}).remove({
success(res) {
console.log('删除数据成功', res.data)
},
fail(res) {
console.log("删除数据失败", res)
}
})
}
})
测试:输入想删除数据的name的值后(注意不要带有引号""),点击确定删除按键,发现控制台上有相应输出,再进入到云开发的数据库页面,发现输入的想删除数据的name的值对应的该条数据已删除
另:
如果name为abcd的有多个数据,则全部name为abcd的数据都会被删除,如下图:
修改更新数据
更新有两个,updata和set,分别为:
update:局部更新一个或多个记录
set:替换更新一个记录
此处演示update
效果:用户通过输入数据ID以及修改后的name的值并点击修改更新数据按键,即可修改更新数据云数据库中用户想修改更新数据的数据
实现:
在index.wxml中加入如下代码
修改更新数据
在index.js中加入如下代码
const DB = wx.cloud.database().collection("list")
let updateID = ''
let updateValue = ''
Page({
updateID(event) {
console.log(event.detail.value)
updateID = event.detail.value
},
updateValue(event) {
console.log(event.detail.value)
updateValue = event.detail.value
},
updateData() {
console.log('调用修改更新数据的方法')
DB.doc(updateID).update({
data: {
name: updateValue
},
success(res) {
console.log('修改更新数据成功', res.data)
},
fail(res) {
console.log("修改更新数据失败", res)
}
})
}
})
测试:输入数据ID以及修改后的name的值并点击修改更新数据按键,发现控制台上有相应输出,再进入到云开发的数据库页面,数据已修改更新
小程序云开发数据库的增删改查已经全部完成!
微信小程序云开发 mysql_微信小程序云开发学习笔记(一)云数据库相关推荐
- 点云库PCL学习笔记 -- 点云滤波Filtering -- 3. StatisticalOutlierRemoval 统计滤波器
点云库PCL学习笔记 -- 点云滤波Filtering -- 3.StatisticalOutlierRemoval 统计滤波器 StatisticalOutlierRemoval 统计滤波器相关简介 ...
- 微信小程序云开发 mysql_微信小程序云开发数据库
如在云开发数据库的基础介绍中所说,云开发提供了一个 JSON 数据库,本章将介绍以下内容: 上手:用控制台创建我的第一个集合,插入我的第一条数据 数据类型:了解数据库提供的数据类型 权限控制:控制集合 ...
- 微信小程序学习笔记(五) 云开发
1. 云开发简介 1.1 什么是云开发 微信云开发是微信团队联合腾讯云推出的专业的小程序开发服务. 开发者可以使用云开发快速开发小程序.小游戏.公众号网页等,并且原生打通微信开放能力. 开发者无需搭建 ...
- 微信公众平台开发 mysql_微信公众平台开发数据库操作
一.简介 前面讲解的功能开发都是简单的调用API 完成的,没有对数据库进行操作.在接下来的高级功能开发中,需要使用到数据库,所以在这一篇中,将对MySQL 数据库的操作做一下简单的介绍,以供读者参考. ...
- 《云原生入门级开发者认证》学习笔记之云原生基础设施之Kubernetes(三)
写在前面 嗯,报了考试,整理课堂笔记记忆 学习的原因: 虽然考了CKA,了解了一些K8s相关的知识 但是对云原生整个体系一直都很模糊 希望对云原生有一个基本的认识 通过学习实现云原生相关入门 博文主要 ...
- 《云原生入门级开发者认证》学习笔记之云原生基础设施之容器技术
写在前面 嗯,报了考试,整理课堂笔记记忆 学习的原因: 虽然考了CKA,了解了一些K8s相关的知识 但是对云原生整个体系一直都很模糊 希望对云原生有一个基本的认识 通过学习实现云原生相关入门 博文主要 ...
- 学习笔记:云原生容器化技术——Docker
Docker学习笔记 前言 一.Docker概述 1.1 Docker为什么会出现? 1.2 Docker的历史 1.3 Docker为什么这么火爆? 1.4 虚拟机技术与容器化技术的区别 二.Doc ...
- DirectX 9.0c游戏开发手记之“龙书”第二版学习笔记之1: 开场白
在开场白之前的说明: 这是"DirectX 9.0c游戏开发手记"的第一部分,叫做"'龙书'第二版学习笔记",讲的是我做"龙书"第二版(原名 ...
- 恒源云(GPUSHARE)_未闻Prompt名(论文学习笔记)
文章来源 | 恒源云社区(专注人工智能/深度学习GPU免费加速平台,官方体验网址:https://gpushare.com) 原文作者 | Mathor 原文地址 | https://gpushare ...
最新文章
- jQuery中 对标签元素操作(2)
- 【php】函数重载问题
- centos6.2关于tomcat远程不能访问的问题处理过程
- Leetcode 39 组合总和 (每日一题 20210806)
- 爱了!华为Mate X 2外观专利图公布:机身更圆润
- qml: 多级窗口visible现象;
- 学习clojure(2)
- 文本分类实战--从TFIDF到深度学习CNN系列效果对比(附代码)
- Nginx高可用实战
- 教你一秒理解setInterval与setTimeout的使用和区别
- el-select传递多个参数_python函数是如何进行参数传递的
- Firefox扩展插件开发extension代码调试方法
- 当代博物馆中的3DGIS虚拟现实搭建
- 在夕阳再晨的日子里(一)----部员的成长
- 蔡军生先生第二人生的源码分析(2)第二人生的基本功能
- Coverage [minx,miny,maxx,maxy] is [12, 4, 13, 6, 3], index [x,y,z] is [2, 5, 3]错误原因及其解决方式
- spring基础内容
- RandLA-Net Pytorch版本: module not found error: no module named ‘torch_points_ kernels. points_ cpu‘
- Linux命令 ln
- 饿了么-T技术沙龙活动感悟。
热门文章
- MapReduce太慢了,记一次对它的调优建议。
- How to extend unallocated space to an existing partition on linux? | 如何在 linux 上扩展已有分区至未分配空间?
- leetcode 611. Valid Triangle Number | 611. 有效三角形的个数(Java)
- 【Java虚拟机】Java虚拟机深度讲解、VisualVM工具、JVM调优
- Pandas之:Pandas简洁教程
- python数据科学实践指南_《Python数据科学实践指南》——导读-阿里云开发者社区...
- api 原生hbase_Hbase常用api
- python第一周心得体会_Python学习第一周学习总结
- mysql优化学习笔记
- flink从0到第一个应用成功运行遇到的所有问题和解决方法