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


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 相关文章推荐
jQuery 入门级学习笔记及源码
Jan 22 Javascript
Js实现动态添加删除Table行示例
Apr 14 Javascript
Js制作点击输入框时默认文字消失的效果
Sep 05 Javascript
理解javascript定时器中的setTimeout与setInterval
Feb 23 Javascript
js removeChild 方法深入理解
Aug 16 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
Oct 28 Javascript
@angular前端项目代码优化之构建Api Tree的方法
Dec 24 Javascript
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
mpvue性能优化实战技巧(小结)
Apr 17 Javascript
微信小程序基于movable-view实现滑动删除效果
Jan 08 Javascript
微信小程序button标签open-type属性原理解析
Jan 21 Javascript
Vue axios获取token临时令牌封装案例
Sep 11 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 日期时间处理函数小结
2009/12/18 PHP
PHP中如何判断AJAX提交的数据
2012/02/05 PHP
PHP定时任务获取微信access_token的方法
2016/10/10 PHP
laravel实现前后台路由分离的方法
2019/10/13 PHP
用js实现控制内容的向上向下滚动效果
2007/06/26 Javascript
用户注册常用javascript代码
2009/08/29 Javascript
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
基于jquery的textarea发布框限制文字字数输入(添加中文识别)
2012/02/16 Javascript
js 中的switch表达式使用示例
2020/06/03 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
2014/12/15 Javascript
javascript基础语法学习笔记
2016/01/04 Javascript
JS学习之表格的排序简单实例
2016/05/16 Javascript
Node.js的环境安装配置(使用nvm方式)
2016/10/11 Javascript
Vue.js实现实例搜索应用功能详细代码
2017/08/24 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
2018/04/26 Javascript
WEEX环境搭建与入门详解
2019/10/16 Javascript
[01:28:31]《加油DOTA》真人秀 第五期
2014/09/01 DOTA
[41:54]2018DOTA2亚洲邀请赛 4.1 小组赛A组加赛 TNC vs Liquid
2018/04/03 DOTA
[48:32]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 LGD vs VG
2018/04/01 DOTA
[02:43]2018DOTA2亚洲邀请赛主赛事首日TOP5
2018/04/04 DOTA
深入分析在Python模块顶层运行的代码引起的一个Bug
2014/07/04 Python
浅谈tensorflow1.0 池化层(pooling)和全连接层(dense)
2018/04/27 Python
python 移除字符串尾部的数字方法
2018/07/17 Python
基于Tensorflow读取MNIST数据集时网络超时的解决方式
2020/06/22 Python
html5视频自动横过来自适应页面且点击播放功能的实现
2020/06/03 HTML / CSS
Shopee新加坡:东南亚与台湾电商平台
2019/01/25 全球购物
澳大利亚在线消费电子产品商店:TobyDeals
2020/01/05 全球购物
18岁生日感言
2014/01/12 职场文书
《鞋匠的儿子》教学反思
2014/03/02 职场文书
同学会主持词
2014/03/18 职场文书
2015年世界艾滋病日活动总结
2015/03/24 职场文书
2015年实习生工作总结报告
2015/04/28 职场文书
大学生逃课检讨书
2015/05/04 职场文书
2016中考冲刺决心书
2015/09/22 职场文书
2016年小学“公民道德宣传日”活动总结
2016/04/01 职场文书
Vue-Element-Admin集成自己的接口实现登录跳转
2021/06/23 Vue.js