微信小程序云开发之云数据库的数据修改

前面我们讲了数据的增加、查询和删除,那么今天我们来聊聊数据的修改。

接着上次的代码,打开index.wxml,添加如下代码

微信小程序云开发之云数据库的数据修改_第1张图片

然后打开index.js,定义更新相关的函数

//获取需要更新数据的id
updateId(event){
console.log(event.detail.value)
delId = event.detail.value
},
//获取用户要更新的名字
updateName(event){
name = event.detail.value
},
//获取用户要更新的年龄
updateAge(event){
age = event.detail.value
},
//修改数据
upData(){
DB.doc(id).update({
  data:{
    name: name,
    age: age
  },
  success(res){
    console.log("修改成功", res)
  },
  fail(res){
    console.log("修改失败", res)
  }
})
}

点击查询按钮,查询数据库

微信小程序云开发之云数据库的数据修改_第2张图片
可以看到第一条数据如上

复制第一条数据的id,并且输入需要修改的名字和年龄

微信小程序云开发之云数据库的数据修改_第3张图片

点击修改按钮,可以看到控制台输出了修改成功的字段

图片

再次查询数据库

微信小程序云开发之云数据库的数据修改_第4张图片
可以看到第一条数据修改成功!

到此,云数据库的增删改查也介绍完了,你也可以尝试一下自己操作数据库了。

关注公众号“哥伦布日记”回复“小程序修改数据”,即可获得源码!赶快行动吧。

你可能感兴趣的:(小程序,小程序)