微信小程序云开发———云数据库
1.微信小程序注册
官方注册文档:[https://developers.weixin.qq.com/miniprogram/introduction/]
微信小程序注册地址:[https://mp.weixin.qq.com/]
进去以后点击立即注册
点击立即注册后会转跳到选择注册的帐号类型 ,在这个页面直接选择小程序即可
随后进入注册页面,按照注册步骤进行注册即可
2.创建云开发环境及其初始化
我们首先创建一个新的小程序项目
无论什么项目也好,appid一定要填写自己的的appid,建议不要使用测试号
在微信公众平台中登录刚才注册的账号即可获取到自己的appid
若创建项目时没有填写自己个人的appid,会导致使用不了云开发
开通云开发:
初始化云开发环境
成功开通云开发后,进入云开发页面获取云开发环境id
将其直接复制到app.js里配置云开发环境初始化
App({onLaunch(){wx.cloud.init({env:'xxx'//xxx填写云开发环境id})}
})
3.云数据库
在云开发中的数据库创建一个集合
向云数据库中添加数据
这里以students集合为例,向其添加两条数据
数据库权限
在学习阶段,我们先把权限开到最大,方便我们学习对其代码的操作
3.1数据库的增删改查
3.1.1数据库查询方式
在学习数据库的增删改查前,我们需要创建一个新的页面来进行学习,微信小程序页面的创建在app.json中进行操作
编写好代码,按保存即可创建一个全新的页面
在新建的text01.js中我们只需保留以下代码即可
第一种:
wx.cloud.database().collection('students') //固定写法.get({success(res){console.log('请求成功',res)},fail(err){console.log('请求失败',err)}})
打开调试器,可以观察代码运行的情况
这样,我们就成功获取到云数据库中的数据了
第二种:
wx.cloud.database().collection('students') //固定写法.get().then(res=>{console.log('请求成功',res)this.setData({list:res.data})}).catch(err=>{console.log('请求失败',err)})
第二种方法为ES6的编写模式,代码保存后也可以运行
同时,要是大家想在页面中显示出来,只需添加一丢丢代码即可
在js文件中添加一个数组接收从数据库调出的数据
在wxml中接收这个数组
<view wx:for="{{list}}"><view>姓名:{{item.name}},性别:{{item.sex}},年龄:{{item.age}}</view>
</view>
3.1.2条件查询
Page({data:{list:[]},onLoad(){wx.cloud.database().collection('students').where({name:'jane'}).get().then(res=>{console.log('请求成功',res)this.setData({list:res.data})}).catch(err=>{console.log('请求失败',err)})}})
3.1.3查询单条数据
Page({data:{list:[]},onLoad(){wx.cloud.database().collection('students').doc('xxx') //某个学生的_id.get().then(res=>{console.log('请求成功',res)}).catch(err=>{console.log('请求失败',err)})}})
3.1.4添加数据
Page({onLoad(){wx.cloud.database().collection('students').add({data:{name:'leo',sex:'male',age:20}}).then(res=>{console.log('添加成功',res)}).catch(err=>{console.log('添加失败',err)})}})
保存编译后,我们可以打开我们的数据库,会发现我们刚新加的学生就会出现在数据库中
3.1.5更新数据
修改数据库里已存在的数据,结合doc进行修改单条数据,在add()方法中我们新加的学生leo的年龄是20
我们现在结合doc进行修改leo的数据
Page({onLoad(){wx.cloud.database().collection('students').doc('xxx') //xxx为某位学生的_id.update({data:{age:23}}).then(res=>{console.log('修改成功',res)}).catch(err=>{console.log('修改失败',err)})}})
我们再去数据库中查看,点击刷新数据就会发现jane的年龄被修改了
微信小程序云开发———云数据库相关推荐
- 微信小程序6-云开发-云数据库
微信小程序1-小程序基础,开发工具安装使用 微信小程序2-WXSS,WXS 微信小程序3-小程序生命周期和组件 微信小程序4-小程序的api 微信小程序5-真机测试 1.云开发 1).什么是云开发 微 ...
- 【微信小程序-原生开发+云开发+TDesign】修改用户头像(含wx.chooseMedia,wx.cloud.uploadFile,wx.cloud.deleteFile的使用)
效果预览 核心技术(含业务逻辑) 选择新头像(本地图片) 使用 wx.chooseMedia 选择本地图片,官网见 https://developers.weixin.qq.com/miniprogr ...
- 【微信小程序-原生开发】实用教程08 - 开通微信云开发,操作云数据库新增数据(含修改数据权限),初始化云服务(含获取微信云环境 id),获取云数据,滚动公告栏
开始前,请先完成圆梦宝典中宫格导航的开发,详见 [微信小程序-原生开发]实用教程 07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字) https://blog.csdn.net ...
- 微信小程序:uni-app云开发的网盘助手
这是一款uni-app开发的一款网盘小助手小程序源码 该源码主要用于用户输入关键词然后全网抓取百度网盘资源内容 另外呢该小程序还可以免费领取百度网盘七天会员,所以用来引流特别的不错 该小程序还有外卖系 ...
- 【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
开始前,请先完成圆梦宝典中滚动公告栏的开发,详见 [微信小程序-原生开发]实用教程 08 - 开通微信云开发,操作云数据库新增数据(含修改数据权限),初始化云服务(含获取微信云环境 id),获取云数据 ...
- 微信小程序——传统开发模式与云开发模式对比
目 录 1.传统开发模式与云开发模式的对比图 2.云开发技术能力说明 3.云开发技术特点 1.传统开发模式与云开发模式的对比图 通过传统开发模式与云开发模式的对比图可以看出传统开发模式需要开发者关注 ...
- 微信小程序使用阿里云物联网API开发物联网应用
微信小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下就可以打开的应用. 微信小程序具有方便快捷,速度快,安全及保密性高的优点,同时开发 ...
- 微信小程序中配置云开发
微信小程序中配置云开发 一.配置 app.js 文件 onLaunch() {wx.cloud.init({env: 'cloud1-xxxxxxxxxx', // 云开发 环境IDtraceUser ...
- 微信小程序:(更新)云开发微群人脉
大家好,今天给大家带来的这一款是经过优化更新并有所改动的一个版本 我们之前也发布过一款,今天这一款是在之前的哪一款的基础下增加优化 该小程序的群码都是系统自动采集的,所以没有上线但是没有群的烦恼 另外 ...
- 仿京细菜谱微信小程序源码 云开发菜谱微信小程序源码
京细菜谱是一个美食分享网站,提供优质的家常菜谱大全,仿京细菜谱小程序源码为喜欢美食的朋友提供了很多的美食烹饪教程 让您轻松学会做美食.对不同食材和地域的饮食做了不同的分类和详细的做菜方法 分类十分详细 ...
最新文章
- leetcode--字符串转换为整数--python
- Liunx UID and GID
- CF5E-Bindian Signalizing【单调栈】
- 好像博问不能回复了,看似是某个脚本错误阻止了提交。可有此事?
- 后台MemoryStream图片流用ajax接收乱码问题
- 小心!!,使用缓存的陷阱
- css3 rem的用法
- 小程序多标签切换、Tab切换类似功能
- 百度地图设置显示定位服务器,百度地图API示例之设置地图显示范围
- GPT和MBR有什么区别?
- Quartus .sof转换成.jic
- BUUCTF:[WUSTCTF2020]alison_likes_jojo
- APOLLO UDACITY自动驾驶课程笔记——感知、预测
- MUI 调用原生方法跳转QQ添加群
- altium designer 制作元器件封装库
- mysql 社区版 tokudb,TokuDB·社区八卦·TokuDB团队
- 原生javascript对话框 --- sy_dialog
- SQLzoo练习题回顾
- 2021使用腾讯云CentOS7.6搭建Terraria泰拉瑞亚服务器
- android 删除号码恢复,手机联系人误删了怎么恢复