微信小程序云开发(4)— “云数据库的增删改”

“云数据库的增删改”

    • 一、增加数据add()
    • 二、更新数据update()
    • 三、删除数据remove()

注意:更新、删除数据必须使用doc('id')来确定操作哪一条数据


一、增加数据add()

1.先修改云数据库权限,这样才可通过代码增加数据到数据库
微信小程序云开发(4)— “云数据库的增删改”_第1张图片

2.定义一个按钮,通过点击按钮来增添一条数据,并设置点击事件处理函数为add1()
在这里插入图片描述
效果:
微信小程序云开发(4)— “云数据库的增删改”_第2张图片
3.在js文件中编写add1(),代码如下:

 add1(){
    wx.cloud.database().collection('goods')
    .add({//添加一行数据
      data:{
        name:"车厘子",
        value:5,
      }
    })
    .then(res =>{
      console.log('添加数据成功')
    })
    .catch(err =>[
      console.log('添加数据失败')
    ])
  }

图示:
微信小程序云开发(4)— “云数据库的增删改”_第3张图片
4.查看效果
控制台中:
微信小程序云开发(4)— “云数据库的增删改”_第4张图片
数据库中:
微信小程序云开发(4)— “云数据库的增删改”_第5张图片


二、更新数据update()

更新数据必须使用doc()来确定操作哪一条数据
1.定义一个按钮,通过点击按钮来更新数据,并设置点击事件处理函数为update1()
在这里插入图片描述
效果:
微信小程序云开发(4)— “云数据库的增删改”_第6张图片
2.在js文件中编写update1(),代码如下:

update1(){
    wx.cloud.database().collection('goods')
    //doc中填写你要修改的那一条数据的id
    .doc('8937eaa9610c115e029eef77188c9e65')
    //更新数据
    .update({
      data:{
         value:10
      }
    })
    .then(res =>{
      console.log('更新数据成功')
    })
    .catch(err =>[
      console.log('更新数据失败')
    ])
  }

图示:
微信小程序云开发(4)— “云数据库的增删改”_第7张图片
3.查看效果
控制台中:
微信小程序云开发(4)— “云数据库的增删改”_第8张图片
数据库中:
微信小程序云开发(4)— “云数据库的增删改”_第9张图片


三、删除数据remove()

删除数据必须使用doc()来确定操作哪一条数据
1.定义一个按钮,通过点击按钮来删除数据,并设置点击事件处理函数为remove1()
在这里插入图片描述
效果:
微信小程序云开发(4)— “云数据库的增删改”_第10张图片

2.在js文件中编写remove1(),代码如下:

remove1(){
    wx.cloud.database().collection('goods')
    //填要删除的那条数据的id
    .doc('8937eaa9610c115e029eef77188c9e65')
    .remove()
    .then(res =>{
      console.log('删除数据成功')
    })
    .catch(err =>[
      console.log('删除数据失败')
    ])
  }

图示:
微信小程序云开发(4)— “云数据库的增删改”_第11张图片
3.查看效果
控制台中:
微信小程序云开发(4)— “云数据库的增删改”_第12张图片
数据库中:
微信小程序云开发(4)— “云数据库的增删改”_第13张图片

你可能感兴趣的:(微信小程序,前端,小程序)