小程序云开发入门——云函数的调用(2)

news/2024/7/20 1:35:08 标签: 小程序, javascript, 前端

云函数获取openid

1.创建一个新的页面yunhanshu,在此不赘述了

2.修改yunhanshu.js文件

javascript">Page({
    onLoad(){
        //云函数的调用
        wx.cloud.callFunction({
            name:'getData'//getData是云环境下的一个文件名
        })
        .then(res=>{
            console.log('请求云函数成功',res)
        })
        .catch(err=>{
            console.log('请求云函数失败',err)
        })
    }
})

3.获取到了openid

云函数获取数据

ps:云函数只要有变动,就要重新部署,否则云函数不生效

修改index.js文件,并重新部署

 获取数据成功

导入新的num数据库,体验云函数的优势

num数据库共108条数据,云数据库最多一次读取20条,而云函数最多能读取100条

 云函数修改删除数据

解决云数据库remove和update不能对没有openid的数据操作的问题

1.cloud底下新建了一个Node.js的云函数update0129

 2.找到上次商品详情页demo1-1.js文件,修改update()函数里面的else操作,之前我们编写的是在小程序中调用云数据库进行更新获删除,这次我们将更新操作写在云端

javascript">//调用云函数
            wx.cloud.callFunction({
                name: 'update0129',
                data: {
                    id: id,
                    price: parseInt(newprice)
                }
            }).then(res => {
                console.log('调用云函数成功', res)
                this.getDetail()
            }).catch(err => {
                console.error('调用云函数失败', err)
            })

3.在云函数update0129中的index.js里面传参调用

javascript">// 云函数入口函数
exports.main = async (event, context) => {

    return cloud.database().collection('goods')
        .doc(event.id)
        .update({
            data: {
                price:event.price
            }
        })
}

4.以前修改不了的苹果价格现在可以修改啦!

5.删除操作同理

javascript">// 云函数入口函数
exports.main = async (event, context) => {
    return cloud.database().collection('goods')
        .doc(event.id)
        .remove()
}
javascript">  delete() {
        console.log('点击了删除')
        //弹窗提示
        wx.showModal({
            title: '是否确定删除',
            content: '您是否真的要删除,删除后就找不回来了',
            success(res) {
                if (res.confirm == true) {
                    console.log('用户点击了确定')
                    //删除操作
                    wx.cloud.callFunction({
                            name: 'remove0130',
                            data: {
                                id: id
                            }
                        })
                        .then(res => {
                            console.log('删除成功', res)
                            //回到商品首页
                            wx.navigateTo({
                                url: '/pages/demo1/demo1',
                            })
                        })
                        .catch(err => {
                            console.log('删除失败', err)
                        })
                } else if (res.cancel == true) {
                    console.log('用户点击了取消')
                }
            }
        })
    }


http://www.niftyadmin.cn/n/1243414.html

相关文章

小程序云开发入门——关于云存储的那些事(1)

上传图片到云存储 1.创建了新页面yuncunchu和一个选择图片的按钮 <button bindtap"chooseImg">选择图片</button> 2.1修改js文件进行——选择图片 chooseImg(){wx.chooseImage({//上传图片第一步&#xff1a;选择你要上传的图片count: 1,//可以选择的…

小程序云开发入门——关于云存储那些事(2)

上传视频到云存储 wx.chooseVideo(Object object) 1.选择要上传的视频 //上传视频&#xff0c;第一步选择要上传的视频chooseVideo(){wx.chooseVideo({camera:back,//后置或前置摄像头compressed: true,maxDuration: 60,//视频最长的秒数sourceType: [album,camera],//从相册选…

小程序云开发入门——关于云存储那些事(3)

上传word和pdf等文件到云存储 1.设置按钮和点击事件 <button bindtap"chooseFile">选择文件</button> 2.第一步选择文件 //上传文件第一步&#xff1a;选择文件chooseFile() {wx.chooseMessageFile({count: 1,type: all,}).then(res>{console.log(r…

小程序云开发入门——列表下拉刷新

1.准备工作&#xff1a; 新建shuaxin页面&#xff0c;并将之前编写过的有图片的商品列表代码搬过来。&#xff08;简单回顾一下&#xff09; shuaxin.wxml <view wx:for"{{list}}"> <!--增加点击事件&#xff0c;跳转详情页--><view class"it…

解决Windows10系统,Android Studio中 按Ctrl + Alt + 方向键 与系统屏幕翻转快捷键冲突问题

一、问题描述 在Android Studio和PyCharm等软件中&#xff0c;都有类似的快捷键 Back 快捷键是 Ctrl Alt 向左按钮 Forward 来看看是 Ctrl Alt 向右按钮 有时候编辑代码过程中&#xff0c;想Back或者Forward来查看代码&#xff0c;发现快捷键居然和系统旋转屏幕的快捷键…

小程序云开发入门——分页加载数据(1)

目录 目录 修改数据表的权限并请求数据 通过按钮点击展示分页效果 把请求到的数据展示在页面上 在下拉触底的时候做分页加载 设置数据加载中和加载完毕的提示 完整代码展示&#xff1a; 修改数据表的权限并请求数据 1.准备工作&#xff1a;新建fenye页面&#xff0c;并导入…

【转载】Android功耗改进

原文地址&#xff1a;《Android功耗改进》 by 保罗的酒吧 最近几年中&#xff0c;Google在一直极力的改进Android系统的续航能力。在本文中&#xff0c;我们将看到Andrdoi自5.0到8.0这几个版本中对于功耗方面的改进。 前言 移动设备的续航时间无疑是所有用户都非常在意的。我们…

小程序云开发入门——分页加载数据(2)

用云函数做分页加载 1.新建一个fenyeyun的页面和一个fenye的云函数 2.wxml和wxss与上一节小程序的分页加载代码一样 <view wx:for"{{list}}"><view class"num">{{item.num}}</view> </view> .num{height: 50px;background-colo…