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

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

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

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

目录
相关文章
|
11天前
|
小程序
【微信小程序-原生开发】实用教程12 - 注册页(含获取用户微信昵称,原生form的表单提交,t-result 的使用)
【微信小程序-原生开发】实用教程12 - 注册页(含获取用户微信昵称,原生form的表单提交,t-result 的使用)
13 0
|
11天前
|
小程序 数据库
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
13 0
|
11天前
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
11 0
|
18天前
|
存储 小程序 前端开发
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
28 0
|
13天前
|
小程序
【亲测有效】支持横竖屏 微信小程序video禁止进度条拖动,微信小程序遮罩进度条,
【亲测有效】支持横竖屏 微信小程序video禁止进度条拖动,微信小程序遮罩进度条,
16 1
【亲测有效】支持横竖屏 微信小程序video禁止进度条拖动,微信小程序遮罩进度条,
|
8天前
|
小程序 前端开发
微信综合购物商城小程序ui模板源码
微信电商小程序前端页面,综合购物商城ui界面模板。主要功能包含:电商主页、商品分类、购物车、购物车结算、我的个人中心管理、礼券、签到、新人专享、专栏、商品详情页、我的订单、我的余额、我的积分、我的收藏、我的地址、我的礼券等。这是一款非常齐全的电商小程序前端模板。
22 4
|
13天前
|
小程序 前端开发
【非常全】微信小程序下载图片到相册,微信小程序自动获取分享图片到相册
【非常全】微信小程序下载图片到相册,微信小程序自动获取分享图片到相册
38 3
|
4天前
|
小程序 开发者
【微信小程序】 微信小程序报错不在以下request合法域名列表中
【微信小程序】 微信小程序报错不在以下request合法域名列表中
10 0
|
4天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的微信智能招聘小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的微信智能招聘小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
4天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的微信社团小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的微信社团小程序的详细设计和实现(源码+lw+部署文档+讲解等)