微信小程序云开发之数据库操作


Posted in Javascript onMay 18, 2019

本文实例为大家分享了微信小程序云开发之数据库操作的具体代码,供大家参考,具体内容如下

新建集合

1.打开云开发控制台,数据库

2.添加集合users

添加代码

onAdd: function () {
 const db = wx.cloud.database()
 db.collection('users').add({
  data: {
  count: 1
  },
  success: res => {
  // 在返回结果中会包含新创建的记录的 _id
  this.setData({
   counterId: res._id,
   count: 1
  })
  wx.showToast({
   title: '新增记录成功',
  })
  console.log('[数据库] [新增记录] 成功,记录 _id: ', res._id)
  },
  fail: err => {
  wx.showToast({
   icon: 'none',
   title: '新增记录失败'
  })
  console.error('[数据库] [新增记录] 失败:', err)
  }
 })
 },

微信小程序云开发之数据库操作

查询记录

onQuery: function() {
 const db = wx.cloud.database()
 // 查询当前用户所有的 counters
 db.collection('users').where({
  _openid: this.data.openid
 }).get({
  success: res => {
  console.log(res);
  this.setData({
   queryResult: JSON.stringify(res.data, null, 2)
  })
  console.log('[数据库] [查询记录] 成功: ', res)
  },
  fail: err => {
  wx.showToast({
   icon: 'none',
   title: '查询记录失败'
  })
  console.error('[数据库] [查询记录] 失败:', err)
  }
 })
 },

微信小程序云开发之数据库操作

更新记录

onCounterInc: function() {
 const db = wx.cloud.database()
 const newCount = this.data.count + 1
 db.collection('users').doc(this.data.counterId).update({
  data: {
  count: newCount
  },
  success: res => {
  console.log(res);
  this.setData({
   count: newCount
  })
  },
  fail: err => {
  icon: 'none',
  console.error('[数据库] [更新记录] 失败:', err)
  }
 })
 },

 onCounterDec: function() {
 const db = wx.cloud.database()
 const newCount = this.data.count - 1
 db.collection('users').doc(this.data.counterId).update({
  data: {
  count: newCount
  },
  success: res => {
  this.setData({
   count: newCount
  })
  },
  fail: err => {
  icon: 'none',
  console.error('[数据库] [更新记录] 失败:', err)
  }
 })
 },

微信小程序云开发之数据库操作

删除记录

if (this.data.counterId) {
  const db = wx.cloud.database()
  db.collection('users').doc(this.data.counterId).remove({
  success: res => {
   wx.showToast({
   title: '删除成功',
   })
   this.setData({
   counterId: '',
   count: null,
   })
  },
  fail: err => {
   wx.showToast({
   icon: 'none',
   title: '删除失败',
   })
   console.error('[数据库] [删除记录] 失败:', err)
  }
  })
 } else {
  wx.showToast({
  title: '无记录可删,请见创建一个记录',
  })
 }

这个官方的demo做的可以,通俗易懂

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
[JS源码]超长文章自动分页(客户端版)
Jan 09 Javascript
javascript 添加和移除函数的通用方法
Oct 20 Javascript
JS Replace()的高级使用方法介绍
Jun 29 Javascript
基于JavaScript实现 网页切出 网站title变化代码
Apr 03 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
Apr 27 Javascript
Vue.js基础知识小结
Jan 13 Javascript
jQuery快速实现商品数量加减的方法
Feb 06 Javascript
ES6学习之变量的解构赋值
Feb 12 Javascript
js 监控iframe URL的变化实例代码
Jul 12 Javascript
JS中min函数实例讲解
Feb 18 Javascript
JS实现简易计算器
Feb 14 Javascript
JavaScript实现外溢动态爱心的效果的示例代码
Mar 21 Javascript
微信小程序云开发如何使用云函数生成二维码
May 18 #Javascript
史上最为详细的javascript继承(推荐)
May 18 #Javascript
微信小程序云开发如何使用npm安装依赖
May 18 #Javascript
vue路由中前进后退的一些事儿
May 18 #Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
May 18 #Javascript
微信小程序云开发 生成带参小程序码流程
May 18 #Javascript
详解小程序开发经验:多页面数据同步
May 18 #Javascript
You might like
php fsockopen解决办法 php实现多线程
2014/01/20 PHP
全面解读PHP的人气开发框架Laravel
2015/10/15 PHP
判断、添加和删除WordPress置顶文章的相关PHP函数小结
2015/12/10 PHP
php脚本守护进程原理与实现方法详解
2017/07/20 PHP
PHP实现的DES加密解密类定义与用法示例
2020/11/02 PHP
onkeydown事件解决按回车键直接提交数据的需求
2013/04/11 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
2016/01/28 Javascript
JS组件Bootstrap Table布局详解
2016/05/27 Javascript
js事件驱动机制 浏览器兼容处理方法
2016/07/23 Javascript
Angular Module声明和获取重载实例代码
2016/09/14 Javascript
javascript 单例模式详解及简单实例
2017/02/14 Javascript
在Vue环境下利用worker运行interval计时器的步骤
2019/08/01 Javascript
Vue 打包体积优化方案小结
2020/05/20 Javascript
通过实例了解Render Props回调地狱解决方案
2020/11/04 Javascript
vscode自定义vue模板的实现
2021/01/27 Vue.js
Python修改Excel数据的实例代码
2013/11/01 Python
Python中不同进制互相转换(二进制、八进制、十进制和十六进制)
2015/04/05 Python
Python3.X 线程中信号量的使用方法示例
2017/07/24 Python
Python3实现发送QQ邮件功能(html)
2017/12/15 Python
python快速建立超简单的web服务器的实现方法
2018/02/17 Python
pytorch 预训练层的使用方法
2019/08/20 Python
Django路由层URLconf作用及原理解析
2020/09/24 Python
python连接mysql数据库并读取数据的实现
2020/09/25 Python
Sofft鞋官网:世界知名鞋类品牌
2017/03/28 全球购物
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
高中数学教学反思
2014/01/30 职场文书
《雷鸣电闪波尔卡》教学反思
2014/02/23 职场文书
大学毕业生求职自荐书
2014/06/05 职场文书
计算机网络专业自荐书
2014/06/09 职场文书
计划生育标语
2014/06/23 职场文书
爱护草坪标语
2014/06/24 职场文书
2015年度物业公司工作总结
2015/04/27 职场文书
优秀党员先进事迹材料2016
2016/02/29 职场文书
2016年社区“我们的节日·中秋节”活动总结
2016/04/05 职场文书
创新创业项目计划书该怎样写?
2019/08/13 职场文书