微信小程序小程序云开发增删改查

简介: 微信小程序小程序云开发增删改查

微信小程序小程序云开发增删改查

1、app.js 云开发环境初始化
App({
  // 小程序一启动就会执行
  onLaunch(options) {
    // 云开发环境初始化
    wx.cloud.init({
      env: 'readnow-5gl5quqg1f554239' // 云开发环境id
    })
})
2、页面执行增删改查 myShop.js
Page({
  data(){
    shopList:[]
  },
  onLoad(){
    // 从云数据库拿数据表
    wx.cloud.database().collection('goods')
    // .where({  // 条件查询
    //   name: 'apple'
    // })
    .get()
    .then(res => {          // 全部查询 获取
      console.log(res);
      this.setData({
        shopList:res.data
      })
    }).catch(err => {
      console.log(err);
    })
    // 使用doc查询单条数据 参数是数据表数据的_id
    wx.cloud.database().collection('goods')
    .doc('79550af260cc3805203fe6ee41821ea6')
    .get()
    .then(res => {         
      console.log(res);
    }).catch(err => {
      console.log(err);
    })
  },
  add(){
    // 添加数据
    wx.cloud.database().collection('goods')
    .add({
      data: {
        name: 'orange',
        price: '10',
        num: '5'
      }
    }).then(res => {
      console.log('添加成功',res);
    }).catch(err => {
      console.log('添加失败',err);
    })
  },
  update(){
    // 修改数据
    wx.cloud.database().collection('goods')
    .doc('28ee4e3e60cc41fc2347d8a119f15c99')
    .update({
      data: {
        name: '车厘子',
        price: '200',
        num: '1'
      }
    }).then(res => {
      console.log('修改成功',res);
    }).catch(err => {
      console.error('修改失败',err);
    })
  },
  remove(){
    // 删除一条数据
    wx.cloud.database().collection('goods')
    .doc('28ee4e3e60cc41fc2347d8a119f15c99')
    .remove()
    .then(res => {
      console.log('删除成功',res);
    }).catch(err => {
      console.error('删除失败',err);
    })
  }
})
myShop.wxml
<view wx:for="{{shopList}}" wx:key="index">
   <view>{{item.name}}{{item.num}}个{{item.price}}元</view>
</view>
<view>
  <button bindtap="add">添加</button>
  <button bindtap="update">修改</button>
  <button bindtap="remove">删除单条数据</button>
</view>
编辑/删除商品,需要该商品的_id

目录
相关文章
|
3天前
|
小程序
【微信小程序-原生开发】实用教程12 - 注册页(含获取用户微信昵称,原生form的表单提交,t-result 的使用)
【微信小程序-原生开发】实用教程12 - 注册页(含获取用户微信昵称,原生form的表单提交,t-result 的使用)
5 0
|
3天前
|
小程序 数据库
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
8 0
|
3天前
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
6 0
|
10天前
|
存储 小程序 前端开发
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
17 0
|
5天前
|
小程序
【亲测有效】支持横竖屏 微信小程序video禁止进度条拖动,微信小程序遮罩进度条,
【亲测有效】支持横竖屏 微信小程序video禁止进度条拖动,微信小程序遮罩进度条,
7 1
【亲测有效】支持横竖屏 微信小程序video禁止进度条拖动,微信小程序遮罩进度条,
|
5天前
|
小程序 前端开发
【非常全】微信小程序下载图片到相册,微信小程序自动获取分享图片到相册
【非常全】微信小程序下载图片到相册,微信小程序自动获取分享图片到相册
19 3
|
17天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的微信食堂线上订餐小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的微信食堂线上订餐小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
3天前
|
前端开发 小程序
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
【微信小程序-原生开发】实用教程20 - 生成海报(实战范例为生成活动海报,内含生成指定页面的小程序二维码,保存图片到手机,canvas 系列教程)
6 0
|
3天前
|
存储 小程序 数据库
【微信小程序-原生开发】实用教程08 - 开通微信云开发,操作云数据库新增数据(含修改数据权限),初始化云服务(含获取微信云环境 id),获取云数据,滚动公告栏
【微信小程序-原生开发】实用教程08 - 开通微信云开发,操作云数据库新增数据(含修改数据权限),初始化云服务(含获取微信云环境 id),获取云数据,滚动公告栏
7 0
|
5天前
|
移动开发 小程序 前端开发
php + h5使用 scheme页面跳转微信小程序-其他浏览器一键跳转到微信并打开小程序
php + h5使用 scheme页面跳转微信小程序-其他浏览器一键跳转到微信并打开小程序
5 0