详解小程序云开发数据库


Posted in Javascript onMay 20, 2019

在云控制台操作云数据库,即创建数据库和插入数据等操作。

云开发数据库提供的数据类型:string、number、object、array、bool、GeoPoint(地理位置点)、Date(时间)、Null

其中的Date表示时间,精确到毫秒。小程序端用Javascript内置Date对象创建的时间是客户端时间,在需要用服务端时间的时候,用API中提供的serverDate对象来创建服务端当前的时间标记。

GeoPoint:用于表示地理位置点,经纬度唯一标记一个点,可以把这个地理位置理解为平面直角坐标系,这样就更容易理解地理位置点了。

和平常操作数据库类似。在对数据库进行增删查改之前,先连接数据库。对小程序云数据库进行操作的时候,先获取数据库的引用。

const db = wx.cloud.database({});

要操作数据库的一个集合时。也是需要先获取该集合的引用。

const table = db.collection('todos');

现在就可以往集合 todos 添加一条json数据了。

const db = wx.cloud.database({});

const table = db.collection('todos');

table.add({

data: {

description: "我正在学习云开发!",

due: new Date(),

tags: [

"cloud",

"database"

],

},

success: function(res) {

console.log(res._id)

}

});

在云开发控制台查看,是否添加成功

最下面的数据就是刚刚添加的数据。

详解小程序云开发数据库

读取数据: 现在读取数据库中刚刚插入的一条数据,doc就是对应的key的值。

table.doc("W54MA0XodRKIs7ZO").get({

success:function(res){

console.log(res.data)

}

});

获取的结果如下:

详解小程序云开发数据库

读取多条数据 :要读取多条数据时,就在获取集合后添加where判断。

const db = wx.cloud.database({});

const table = db.collection('todos');

table.where({

_openid: 'o_ggh0cxzVwcLNSZTyOlAF_iyNKs'

}).get({

success:function(res){

console.log(res.data)

}

});

效果如图:

详解小程序云开发数据库

更改数据:使用update方法来更新一个记录或一个集合,其他数据不会受到影响。

如要修改ID为W54MA0XodRKIs7ZO的记录,

table.doc("W54MA0XodRKIs7ZO").update({

data: {

description: "很好"

},

success: function (res) {

console.log(res)

}

})

详解小程序云开发数据库

 删除数据:用remove函数来删除数据库中的一条数据,如果要删除多条数据的话,就必须在server端进行操作(就是云函数)

const db = wx.cloud.database({});

const table = db.collection('todos');

table.doc("W54MA0XodRKIs7ZO").remove({

success:function(res){

console.log(res)

}

})

详解小程序云开发数据库

以上所述是小编给大家介绍的[jQuery] 事件和动画详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
让你的CSS像Jquery一样做筛选的实现方法
Jul 10 Javascript
基于JavaScript 声明全局变量的三种方式详解
May 07 Javascript
JS获取计算机mac地址以及IP的实现方法
Jan 08 Javascript
javascript函数声明和函数表达式区别分析
Dec 02 Javascript
JavaScript中的对象的extensible属性介绍
Dec 30 Javascript
jquery密码强度校验
Dec 02 Javascript
js html css实现复选框全选与反选
Oct 09 Javascript
Vue数据驱动模拟实现4
Jan 12 Javascript
微信小程序侧边栏滑动特效(左右滑动)
Jan 23 Javascript
ReactNative Image组件使用详解
Aug 07 Javascript
详解Vue中组件传值的多重实现方式
Aug 16 Javascript
关于Vue中axios的封装实例详解
Oct 20 Javascript
VUE脚手架具体使用方法
May 20 #Javascript
Vue CLI2升级至Vue CLI3的方法步骤
May 20 #Javascript
解决Vue+Electron下Vuex的Dispatch没有效果问题
May 20 #Javascript
微信小程序上传文件到阿里OSS教程
May 20 #Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
May 20 #Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 #Javascript
React如何实现浏览器打印部分内容详析
May 19 #Javascript
You might like
写一个用户在线显示的程序
2006/10/09 PHP
一个颜色轮换的简单例子
2006/10/09 PHP
PHP 引用是个坏习惯
2010/03/12 PHP
php编写一个简单的路由类
2011/04/13 PHP
php压缩多个CSS为一个css的代码并缓存
2011/04/21 PHP
php 备份数据库代码(生成word,excel,json,xml,sql)
2013/06/23 PHP
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
将php数组输出html表格的方法
2014/02/24 PHP
thinkphp,onethink和thinkox中验证码不显示的解决方法分析
2016/06/06 PHP
php微信开发自定义菜单
2016/08/27 PHP
javascript void(0)的妙用
2009/10/21 Javascript
JQuery UI DatePicker中z-index默认为1的解决办法
2010/09/28 Javascript
juqery 学习之三 选择器 简单 内容
2010/11/25 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
2014/05/11 Javascript
jquery不常用方法汇总
2015/07/26 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
2016/01/06 Javascript
JS如何判断json是否为空
2016/07/06 Javascript
js滚轮事件兼容性问题需要注意哪些
2016/11/15 Javascript
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
2017/04/03 jQuery
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
如何基于原生javaScript生成带图片的二维码
2019/11/21 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
2020/07/11 Javascript
Vue使用鼠标在Canvas上绘制矩形
2020/12/24 Vue.js
[03:11]DOTA2上海特锦赛小组赛第一日recap精彩回顾
2016/02/28 DOTA
Win7下搭建python开发环境图文教程(安装Python、pip、解释器)
2016/05/17 Python
python字符串str和字节数组相互转化方法
2017/03/18 Python
python 统计代码行数简单实例
2017/05/04 Python
python 对象和json互相转换方法
2018/03/22 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
Python 类属性与实例属性,类对象与实例对象用法分析
2019/09/20 Python
Python上下文管理器类和上下文管理器装饰器contextmanager用法实例分析
2019/11/07 Python
如何基于Python + requests实现发送HTTP请求
2020/01/13 Python
详解h5页面在不同ios设备上的问题总结
2019/03/01 HTML / CSS
2014年内部审计工作总结
2014/12/09 职场文书
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python
win10电脑右下角输入法图标不见了?Win10右下角不显示输入法的解决方法
2022/07/23 数码科技