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

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

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

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

目录
相关文章
|
29天前
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
46 1
ly~
|
2月前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
74 6
|
23天前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
357 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
29天前
|
小程序 前端开发 数据可视化
微信商城小程序WeiMall
微信商城小程序WeiMall
29 0
|
2月前
|
小程序 前端开发 API
微信小程序 - 调用微信 API 回调函数内拿不到 this 问题(解决方案)
本文讨论了在微信小程序中调用API回调函数时无法获取到`this`上下文的问题,并提供了解决方案。在回调函数中,使用一个变量(如`that`)来保存当前的`this`引用,然后在回调内部使用这个变量来访问当前页面的数据和方法。
|
3月前
|
移动开发 小程序 前端开发
|
3月前
|
存储 小程序 数据可视化
小程序开发问题之使用小程序云服务开发个人相册小程序如何解决
小程序开发问题之使用小程序云服务开发个人相册小程序如何解决
|
3月前
|
JSON 小程序 JavaScript
超详细微信小程序开发学习笔记,看完你也可以动手做微信小程序项目
这篇文章是一份全面的微信小程序开发学习笔记,涵盖了从小程序介绍、环境搭建、项目创建、开发者工具使用、文件结构、配置文件、模板语法、事件绑定、样式规范、组件使用、自定义组件开发到小程序生命周期管理等多个方面的详细教程和指南。
|
3月前
|
小程序 前端开发
微信小程序商城,微信小程序微店 【毕业设计参考项目】
文章推荐了一个微信小程序商城项目作为毕业设计参考,该项目在Github上获得18.2k星,提供了详细的使用教程和前端页面实现,适合学习微信小程序开发和作为毕业设计项目。
微信小程序商城,微信小程序微店 【毕业设计参考项目】
|
3月前
|
小程序 开发者
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
这篇文章介绍了微信小程序的初始化过程,包括如何注册微信小程序账号、下载微信小程序开发者平台,并指导了新建小程序的详细步骤。
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号