微信小程序云开发（3）— “实现云数据库数据的查询”

云数据库的查询

一、在Page文件夹下创建一个新页面
二、查询数据库（写onLoad函数）
三、条件查询where()
四、查询单条数据doc()

一、在Page文件夹下创建一个新页面

1.创建的新页面叫“database”

2.编辑 “database.js ”，如下图：

二、查询数据库（写onLoad函数）

此处有两种写法，注意辨析！

第一种，传统写法：

代码：

 onLoad(){//固定写法,用于获取当前数据库中goods这个表的实例对象wx.cloud.database().collection('goods')//查询操作.get({//请求成功success(res){console.log('请求成功',res)},//请求失败fail(err){console.log('请求失败',err)}})

第二种，ES6简洁写法（推荐此种写法）：

代码：

 onLoad(){//用于获取当前数据库中goods这个表的实例对象，注意后面的.get()!!!wx.cloud.database().collection('goods').get()//请求成功.then(res =>{console.log('第二种方法请求成功',res)})//请求失败.catch(err =>{console.log('第二种方法请求失败',err)})}

接下来使用上述查询方法将数据库中的数据显示到屏幕上

1.编写database.wxml，使用wx:for遍历 list数组

2.编写database.js ，采用ES6简洁写法 ☆☆☆

注意！：

①data中的list数组无需赋值，此时若手动赋值相当于写死，不是从数据库中动态得到的数据
②中的this，作用域为整个Page
即Page中所有的数据this都可以访问到
因此我们可以在setData中设置"data中list数组的数据"

3.此时编译后即可查看到数据库中的数据

代码一：

<view wx:for="{{list}}">
<view>商品名：{{item.name}}，价格：{{item.value}}</view>
</view>

代码二：

Page({data:{list:[ ]},onLoad(){//ES6简洁写法（推荐此种写法）wx.cloud.database().collection('goods').get()//查询操作.then(res =>{console.log('第二种方法请求成功',res.data)this.setData({//动态的将数据库中的数据存放到list数组中list:res.data})}).catch(err =>{console.log('第二种方法请求失败',err)})}
})

三、条件查询where()

在wx.cloud.database().collection('goods')与.get()之间
添加 .where() 来实现条件查询

wx.cloud.database().collection('goods').where({//里面写条件
}).get()

（goods为数据库中一个表名）

示例：

结果：

四、查询单条数据doc()

在wx.cloud.database().collection('goods')与.get()之间
添加 .doc() 来实现条件查询

wx.cloud.database().collection('goods')
.doc('//里面写云数据库中数据的id').get()

（goods为数据库中一个表名）

示例：

注意，doc()中存放的数据是其在云数据库中的id

微信小程序云开发（3）— “实现云数据库数据的查询”相关推荐

微信小程序——传统开发模式与云开发模式对比
目录 1.传统开发模式与云开发模式的对比图 2.云开发技术能力说明 3.云开发技术特点 1.传统开发模式与云开发模式的对比图通过传统开发模式与云开发模式的对比图可以看出传统开发模式需要开发者关注 ...
微信小程序实战--开发一个简单的快递单号查询
功能如图: 虽然工作中只负责小程序后台开发,但是还是小程序开发产生了浓厚的兴趣,官方文档也是超级详细了这里就简单做一个快递单号的查询: 新建一个page: 接着就可以写wxml了.这里用一个简单的i ...
【微信小程序-原生开发】实用教程08 - 开通微信云开发，操作云数据库新增数据（含修改数据权限），初始化云服务（含获取微信云环境 id），获取云数据，滚动公告栏
开始前,请先完成圆梦宝典中宫格导航的开发,详见 [微信小程序-原生开发]实用教程 07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字) https://blog.csdn.net ...
解决微信小程序云开发模式无法获取数据库数据问题
解决微信小程序云开发模式无法获取数据库数据问题问题: 在数据库有两条数据,获取数据时输出窗口没有任何反应错误原因: 检查数据库名字是否对应检查你是否有多个云开发环境如果有多个云开发环境,就需要 ...
微信小程序6-云开发-云数据库
微信小程序1-小程序基础,开发工具安装使用微信小程序2-WXSS,WXS 微信小程序3-小程序生命周期和组件微信小程序4-小程序的api 微信小程序5-真机测试 1.云开发 1).什么是云开发微 ...
【微信小程序-原生开发】实用教程09 - 可滚动选项，动态列表-步骤条（含事件传参），动态详情（含微信云查询单条数据 doc）
开始前,请先完成圆梦宝典中滚动公告栏的开发,详见 [微信小程序-原生开发]实用教程 08 - 开通微信云开发,操作云数据库新增数据(含修改数据权限),初始化云服务(含获取微信云环境 id),获取云数据 ...
微信小程序应用开发赛作品综合开发记录——晋鹿文旅（云开发——概览）
文章目录前言作品展示: 1.设计理念: 2.1.风景/人文历史 2.2.文物园 2.3.志愿者(暂未对接任何活动,仅测试) 2.4.英汉传译(考虑到可能在旅行中外国友人或者单纯就想翻译) 2.5. ...
微信小程序蓝牙标签打印/标签云打印开放平台（2）
微信小程序蓝牙标签打印/标签云打印开放云平台(下面简称"平台" www.herro.cn 技术服务TEL:15759216805),支持开发者通过API调用完成标签蓝牙打印或标签云 ...
【微信小程序控制硬件⑧ 】微信小程序以 websocket 连接阿里云IOT物联网平台mqtt服务器，封装起来使用就是这么简单！（附带Demo）
[微信小程序控制硬件第1篇 ] 全网首发,借助 emq 消息服务器带你如何搭建微信小程序的mqtt服务器,轻松控制智能硬件! [微信小程序控制硬件第2篇 ] 开始微信小程序之旅,导入小程序Mqtt客户 ...
微信小程序原生接入腾讯云im（单聊，列表，聊天界面，自定义消息，自动回复）
微信小程序原生接入腾讯云im(单聊,列表,聊天界面,自定义消息,自动回复) 发送图片语音消息传送→ 文章目录 1.项目需求 2.参考文档 3.效果图 4.初始化集成SDK 5.登录 6.会话列表 7 ...