您的当前位置:首页正文

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

2024-11-30 来源:个人技术集锦

1、项目创建

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

2、配置云函数目录

在project.config.json 文件中使用 cloudfunctionRoot字段,并在相应位置创建云函数文件夹。配置成功时相应文件夹会变更为云函数文件夹样式。

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、云函数调用

// 云函数
  cloudadd () {//button的时间名
    wx.cloud.callFunction({
      name: 'add',//云函数名称,与创建的云函数文件夹名称一致
      data:{//函数参数,与上图中的envent.a,envent.b相对应
        a: 1,
        b: 8
      }
    }).then(res => {
      console.log(res);
    })
  },
显示全文