IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 微信小程序云开发———云数据库 -> 正文阅读

[移动开发]微信小程序云开发———云数据库

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的年龄被修改了

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-09-13 11:27:25  更:2022-09-13 11:28:29 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/25 4:21:08-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码