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


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 相关文章推荐
JavaScript 拾漏补遗
Dec 27 Javascript
jQuery实现表格颜色交替显示的方法
Mar 09 Javascript
一款简单的jQuery图片标注效果附源码下载
Mar 22 Javascript
全面解析JavaScript里的循环方法之forEach,for-in,for-of
Apr 20 Javascript
IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法
Oct 25 Javascript
学习vue.js中class与style绑定
Dec 03 Javascript
AngularJS Toaster使用详解
Feb 24 Javascript
vue源码学习之Object.defineProperty 对数组监听
May 30 Javascript
Javascript三种字符串连接方式及性能比较
May 28 Javascript
教你搭建按需加载的Vue组件库(小结)
Jul 29 Javascript
jQuery实现简易聊天框
Feb 08 jQuery
记一次react前端项目打包优化的方法
Mar 30 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
TMDPHP 模板引擎使用教程
2012/03/13 PHP
PHP实现的简单对称加密与解密方法实例小结
2017/08/28 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
PHP递归算法的简单实例
2019/02/28 PHP
JS 中document.URL 和 windows.location.href 的区别
2009/11/11 Javascript
分享20款好玩的jQuery游戏
2011/04/17 Javascript
JavaScript中的变量声明早于赋值分析
2012/03/01 Javascript
js判断IE浏览器版本过低示例代码
2013/11/22 Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
2014/04/16 Javascript
jQuery中:password选择器用法实例
2015/01/03 Javascript
JavaScript中的包装对象介绍
2015/01/27 Javascript
javascript的switch用法注意事项分析
2015/02/02 Javascript
EasyUI中实现form表单提交的示例分享
2015/03/01 Javascript
js实现商城星星评分的效果
2015/12/29 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
2016/12/26 Javascript
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
2019/06/18 jQuery
es6中reduce的基本使用方法
2019/09/10 Javascript
js实现时钟定时器
2020/03/26 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
微信小程序绘制半圆(弧形)进度条
2020/11/18 Javascript
[01:08]DOTA2“血战之命”预告片
2017/08/12 DOTA
Python中尝试多线程编程的一个简明例子
2015/04/07 Python
Python内建函数之raw_input()与input()代码解析
2017/10/26 Python
利用 python 对目录下的文件进行过滤删除
2017/12/27 Python
Python在for循环中更改list值的方法【推荐】
2018/08/17 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
python 图像处理画一个正弦函数代码实例
2019/09/10 Python
python wav模块获取采样率 采样点声道量化位数(实例代码)
2020/01/22 Python
Python中openpyxl实现vlookup函数的实例
2020/10/28 Python
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
Html5页面点击遮罩层背景关闭遮罩层
2020/11/30 HTML / CSS
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
大学生标准自荐书
2014/06/15 职场文书
甜品店创业计划书
2014/08/14 职场文书
学校团代会开幕词
2016/03/04 职场文书