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


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 相关文章推荐
IE6下CSS图片缓存问题解决方法
Dec 09 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
May 17 Javascript
JS控制一个DIV层在指定时间内消失的方法
Feb 17 Javascript
json属性名为什么要双引号(个人猜测)
Jul 31 Javascript
复杂的javascript窗口分帧解析
Feb 19 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
Sep 01 Javascript
AngularJS实用基础知识_入门必备篇(推荐)
Jul 10 Javascript
vue中监听返回键问题
Aug 28 Javascript
Node.js控制台彩色输出的方法与原理实例详解
Dec 01 Javascript
layui实现显示数据表格、搜索和修改功能示例
Jun 03 Javascript
js判断鼠标移入移出方向的方法
Jun 24 Javascript
js实现简易计算器小功能
Nov 18 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
再说下636单管机
2021/03/02 无线电
php date与gmdate的获取日期的区别
2010/02/08 PHP
浅谈使用 PHP 进行手机 APP 开发(API 接口开发)
2014/08/11 PHP
解决在laravel中auth建立时候遇到的问题
2019/10/15 PHP
JS俄罗斯方块,包含完整的设计理念
2010/12/11 Javascript
js 回车提交表单两种实现方法
2012/12/31 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
2013/03/18 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
2013/08/27 Javascript
jQuery插件实现控制网页元素动态居中显示
2015/03/24 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
使用AngularJS来实现HTML页面嵌套的方法
2015/06/17 Javascript
详解Vue自定义过滤器的实现
2017/01/10 Javascript
Angularjs验证用户输入的字符串是否为日期时间
2017/06/01 Javascript
JQuery选中select组件被选中的值方法
2018/03/08 jQuery
JavaScript引用类型Object常见用法实例分析
2018/08/08 Javascript
Vue3.x源码调试的实现方法
2019/10/13 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
2020/04/09 Javascript
微信小程序 button样式设置为图片的方法
2020/06/19 Javascript
详解在Python程序中使用Cookie的教程
2015/04/30 Python
Python实现将SQLite中的数据直接输出为CVS的方法示例
2017/07/13 Python
全面了解Nginx, WSGI, Flask之间的关系
2018/01/09 Python
python多进程(加入进程池)操作常见案例
2019/10/21 Python
OpenCV python sklearn随机超参数搜索的实现
2020/01/17 Python
Python Opencv实现单目标检测的示例代码
2020/09/08 Python
python3代码输出嵌套式对象实例详解
2020/12/03 Python
python 爬取英雄联盟皮肤并下载的示例
2020/12/04 Python
css3给背景图片加颜色遮罩的方法
2019/11/05 HTML / CSS
OSPF有什么优点?为什么OSPF比RIP收敛快?
2013/02/13 面试题
大学在校生求职信范文
2013/11/21 职场文书
保护环境倡议书
2014/04/14 职场文书
小学生感恩演讲稿
2014/04/25 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
酒店员工辞职信范文
2015/02/28 职场文书
2015年学校工作总结范文
2015/04/20 职场文书
2015年房产经纪人工作总结
2015/05/15 职场文书
民主生活会主持词
2015/07/01 职场文书