微信小程序云开发之云数据库查询及动态输入

上一篇讲了微信小程序的云开发环境的部署以及数据的添加操作。这篇就讲讲数据的查询操作。文末我也会献上源码，以供食用。话不多说，马上献上干货。

*打开上次的文档，在index.wxml上接着上次的代码添加一个按钮

*打开index.js, 添加查询数据的函数

保存并运行，可以看到调试器中就输出了数据库中的数据

*然后继续回到index.wxml，添加输入框，让用户也可以输入数据，实现动态数据输入

*打开index.js，添加相关函数，代码如下：

//index.js
//获取应用实例
const app = getApp()
//数据库初始化
const DB = wx.cloud.database().collection("list")
let name = ""
let age = ""
Page({//获取用户输入的名字
addName(event){name = event.detail.value
},
//获取用户输入的年龄
addAge(event){age = event.detail.value
},//添加数据
addData(){DB.add({data:{name: name,age: age},success(res){console.log("添加成功", res)},fail(res){console.log("添加失败", res)}})
},//查询数据
getData(){DB.get({success(res){console.log("查询成功", res)},fail(res){console.log("查询失败", res)}})
}})

*保存后效果如下图：

*在名字输入框随意输入，在年龄输入框输入数字，点击添加按钮

打开数据库，查看数据添加情况

可以看到刚才随意输入的数据已经写入数据库了。

云数据库的查询以及数据的动态添加已经展示完毕，你学废了吗？

关注公众号“哥伦布日记”，后台回复“小程序查询数据”，即可获得源码！赶快行动吧。

微信小程序云开发之云数据库查询及动态输入相关推荐

【微信小程序企业级开发教程】快递查询实例
//index.js //获取应用实例 const app = getApp()Page({data: {motto: 'Hello World',userInfo: {},hasUserInfo: ...
微信小程序图片无法存入云开发数据库，求解决
微信小程序图片无法存入云开发数据库,求解决上传图片的js代码片段上传图片的js代码片段上传图片的js代码片段,觉得自己代码的没错,也能打印出来上传的图片地址,但是发现并没有存进数据库,求大神指点 ...
【微信小程序-原生开发】实用教程08 - 开通微信云开发，操作云数据库新增数据（含修改数据权限），初始化云服务（含获取微信云环境 id），获取云数据，滚动公告栏
开始前,请先完成圆梦宝典中宫格导航的开发,详见 [微信小程序-原生开发]实用教程 07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字) https://blog.csdn.net ...
【微信小程序-原生开发】实用教程09 - 可滚动选项，动态列表-步骤条（含事件传参），动态详情（含微信云查询单条数据 doc）
开始前,请先完成圆梦宝典中滚动公告栏的开发,详见 [微信小程序-原生开发]实用教程 08 - 开通微信云开发,操作云数据库新增数据(含修改数据权限),初始化云服务(含获取微信云环境 id),获取云数据 ...
使用微信小程序云空间操作云数据库
使用微信小程序云空间操作云数据库在微信开发工具中有个云空间,想必大家在开发的过程中应该都已经看见了. 一番下一步下一步操作后我们就能够使用这个云空间了,这个时候就可以根据基础的控制面板进行功能上的选 ...
微信小程序——传统开发模式与云开发模式对比
目录 1.传统开发模式与云开发模式的对比图 2.云开发技术能力说明 3.云开发技术特点 1.传统开发模式与云开发模式的对比图通过传统开发模式与云开发模式的对比图可以看出传统开发模式需要开发者关注 ...
微信小程序：全新独家云开发微群人脉
今天给大家带来一款云开发版本的微群人脉小程序源码该版本属于采集版本(群二维码自动采集) 该版本属于云开发版本(免服务器和域名) 这是一款不怕封小程序版本 PS:支持用户自主发布那一款还是有点危险因为 ...
微信小程序接入腾讯云IM即时通讯（获取聊天历史记录开发步骤）
微信小程序接入腾讯云IM即时通讯(获取聊天历史记录开发步骤) 1.先看文档: 获取 C2C 历史消息 :https://cloud.tencent.com/document/product/269/1 ...
微信小程序开通腾讯云开发环境
目录微信小程序开通"腾讯云"开发环境注册腾讯云账号配置开发环境微信小程序开通"腾讯云"开发环境这里强调以下,标题是"腾讯云"开发环 ...
微信小程序应用开发赛作品综合开发记录——晋鹿文旅（云开发——概览）
文章目录前言作品展示: 1.设计理念: 2.1.风景/人文历史 2.2.文物园 2.3.志愿者(暂未对接任何活动,仅测试) 2.4.英汉传译(考虑到可能在旅行中外国友人或者单纯就想翻译) 2.5. ...

微信小程序云开发之云数据库查询及动态输入

*打开上次的文档，在index.wxml上接着上次的代码添加一个按钮

*打开index.js, 添加查询数据的函数

*然后继续回到index.wxml，添加输入框，让用户也可以输入数据，实现动态数据输入

*打开index.js，添加相关函数，代码如下：

*保存后效果如下图：

*在名字输入框随意输入，在年龄输入框输入数字，点击添加按钮

微信小程序云开发之云数据库查询及动态输入相关推荐

最新文章

热门文章