微信小程序云开发入门基础操作

1、项目创建

创建项目,填写基本信息,不勾选使用云开发技术,勾选时项目创建会携带一些官方文档。
点击云开发创建云开发环境。
在这里插入图片描述

2、配置云函数目录

在project.config.json 文件中使用 cloudfunctionRoot字段,并在相应位置创建云函数文件夹。配置成功时相应文件夹会变更为云函数文件夹样式。
在这里插入图片描述
初始化云开发环境,app.js,env对应创建按的环境id。右键云函数目录文件夹-当前环境,能切换当前配置环境(如有多个时)。
在这里插入图片描述

3、基本的增删改查

在云开发控制台,数据库中创建集合(数据库)。
在这里插入图片描述

//index.js
//获取应用实例
const app = getApp()
const db = wx.cloud.database().collection("list")//引用对应的数据库

Page({
  data: {
    id: ''
  },
 
  onLoad: function () {
    
  },
//添加数据
  add () {
    db.add({
    //要添加的数据
      data:{
        name: '123',
        age: "23"
      }
    }).then(res => {
      console.log(res);
    })
  },
  // 查询数据
  find () {
  //查询所有
    db.get().then(res => {
      console.log(res);
    })
   //筛选
   db.where({
      name: 'xiao'
    }).get().then(res => {
      console.log(res);
    })
  },
  // 删除shuju
  getdel (e) {
    console.log(e.detail.value);
    this.setData({
      id: e.detail.value
    })
  },
  del () {
  //需明确id
    db.doc(this.data.id).remove().then(res => {
      console.log(res);
      
    })
  },
  // 更新数据
  updata () {
    db.doc(this.data.id).update({
      data: {
        name: 'xiao'
      }
    }).then(res => {
      console.log(res);
    })
  }
})

4、云函数调用

创建云函数,右键云函数目录-新建Node.js云函数。
在这里插入图片描述
如创建一个加法计算,创建完成后或修改代码完毕后需通过右键相应函数文件夹-上传并部署:云端安装依赖(不上传~~)部署在云端函数上。
在这里插入图片描述
引用,在相应的js文件中

// 云函数
  cloudadd () {//button的时间名
    wx.cloud.callFunction({
      name: 'add',//云函数名称,与创建的云函数文件夹名称一致
      data:{//函数参数,与上图中的envent.a,envent.b相对应
        a: 1,
        b: 8
      }
    }).then(res => {
      console.log(res);
    })
  },
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

灬风吹雨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值