微信小程序云开发使用方法-1_微信云开发

2022年已经过了几天了，之前做过微信小程序，但是没使用过小程序提供的云开发功能，今天学习了云开发数据库的使用，做个笔记记录下。
在小程序创建项目的时候，勾选云开发，等项目创建好后，项目目录中会出现如下图所示的文件夹，这就代表项目已经开通了云开发，文件夹中有自动带的文件夹，可以删掉。

云开发在小程序编辑器中点击此处，就可以打开云开发控制台了。

打开控制面板后，我们看下数据库

红色框中是创建一个数据集合，创建好后在点击添加记录，每添加一个就是一个数据记录

等我们创建好数据后，在相应的js文件中引用数据

获取数据库

const db = wx.cloud.database()//调用默认云环境的数据库引用
const list = db.collection('list')//调取数据库集合
1
2

这里说明下：
1、db可以根据自己喜好来更改，我这里用的是文档上写的。
2、collection(‘list’)中的list是我们创建的数据集合的名称。

查询数据

.get() 查询单个数据或集合中多个数

db.collection("list").get({
       success:res=>{
        console.log(res)
         this.setData({
           dataObj:res.data
        })
     }
 })
1
2
3
4
5
6
7
8

.doc() 查询单个数据

db.collection('list').doc('单个数据的id').get().then(res => {
  // res.data 包含该记录的数据
  console.log(res.data)
})
1
2
3
4

.where()查询多个数据

db.collection("list").where({
      name:"李四"
    }).get()
    .then(res=>{
      this.setData({
        dataObj:res.data
      })
      console.log(res)
    })
1
2
3
4
5
6
7
8
9

ES6写法 then 回调

db.collection("list").get().then(res=>{
      this.setData({
        dataObj:res.data
      })
      console.log(res)
  })
1
2
3
4
5
6

新增/插入数据

.add()方法 往集合中插入一条数据

 addData(){
   wx.showLoading({
     title: '数据保存中',
     mask:true//提示框显示时，按钮不可点击
   })
  db.collection("list").add({
    data:{
      title:'测试新增标题',
      name:"汪峰",
      content:"测试新增的内容",
    }
  }).then(res=>{
    wx.hideLoading()
    console.log(res)
  })
 },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

实际操作表单提交到数据库

在form中添加bindsubmit 事件（触发submit事件），按钮中添加form-type，可用事件分别为：submit提交表单，reset重置表单。

<form action="" bindsubmit="addBtn">
  <view>
    <input type="text" name="title" placeholder="请输入" class="ipt"></input>
  </view> 
  <view>
    <input type="text" name="name" placeholder="请输入" class="ipt"></input>
  </view>
  <view>
    <textarea name="content" placeholder="请输入" class="ipt"></textarea>
  </view>
  <button type="primary" form-type="submit">提交</button>
  <button type="primary" form-type="reset">重置</button>
</form>
1
2
3
4
5
6
7
8
9
10
11
12
13

 //ES6写法
addBtn(res){
	wx.showLoading({
     title: '保存中',
     mask:true
   })
    var resValue=res.detail.value
    db.collection("list").add({
      data:resValue
    }).then(res=>{
      wx.hideLoading()
      console.log(res)
    })
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

以上就是学习云开发数据库如何创建及引用，还有常用的插入、查询等知识。坚持每天学习新知识，后续持续更新！