微信小程序调用云函数-直白版

  1. 云开发平台相关操作
    1.1数据库:点击左侧的集合名词的+号,添加表名称
    在这里插入图片描述
    1.2点击添加记录可选择默认模式和JSON模式,json模式就是自己插入JSON数据

在这里插入图片描述
1.3可以对字段名、字段类型、初始值进行设置
在这里插入图片描述
1.4可以点击右上的使用可视化数据库管理工具 >进行数据查看
在这里插入图片描述

  1. 在代码中操作
    1.在项目中app.js生成初始化云服务的代码
    globalData: {

        env: '当前的环境id' //云开发界面复制环境id
    },
    //初始化云服务
    initClod() {
        if (!wx.cloud) {
            console.error('请使用 2.2.3 或以上的基础库以使用云能力');
        } else {
            wx.cloud.init({
                env: this.globalData.env, // 替换为你的云环境ID
                traceUser: true,
            });
        }
    },

2.在对应的js页面中进行调用

const db = wx.cloud.database() // 1. 最上层获取数据库引用
onLoad(options) {
    //查询数据
    const db = wx.cloud.database()
    this.getBookPage(db)   //获取数据
    this.addBookPage(db)    //新增数据
    this.updateBookPage(db) //更新数据
    this.deleteBookPage(db) //删除数据
},
    //查询Book数据,book就是数据库中的对应的表名称
    getBookPage(db) {
        db.collection('book').get({
            success: function (res) {
                console.log(res);
            },
            fail: function (error) {
                console.log(error);

            }
        })
    },

在这里插入图片描述
!](https://i-blog.csdnimg.cn/direct/974a3a65d0bd4974982f897d6e55fd72.png)

//新增Book中数据
 addBookPage(db) {
        db.collection('book').add({ //这里的book是表名.add表示新增数据
            data: {
                name: '勇气',
                price: "50元",
                icon: "",
                publishDate: db.serverDate()
            },
            success: res => {
                console.log('添加成功', res)
                wx.showToast({
                    title: '添加成功',
                })
            },
            fail: err => {
                console.error('添加失败', err)
            }
        })
    },

在这里插入图片描述

 //更新book数据
    updateBookPage(db) {
        db.collection('book').doc( "对应的数据库中的_id" ).update({
            data: {
                books: '王五11121',
            },
            success: res => {
                console.log('更新成功', res)
                wx.showToast({
                    title: '更新成功' + res.stats.updated + "条数据",
                })
            },
            fial: error => {

            }
        })
    },

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

    //删除数据
    deleteBookPage(db) {
        console.log(1);
        db.collection('book').doc("对应的数据库中的_id").remove({
            success: res => {
                console.log('删除成功', res)
                wx.showToast({
                    title: '删除成功',
                })
            },
            fail: err => {
                wx.showToast({
                    title: '删除失败',
                })
            }
        })
    }

在这里插入图片描述

  1. 后续再看…
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值