小程序使用云控制台控制数据库，未完待续。。。。

逃离我推掉我的手 2023-01-03 01:55 134阅读 0赞

## 1，创建数据库 ##

点击**云开发** ，进入数据库选项，点击左侧加号进行添加，输入数据库名称；  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70]  
点击数据库名字，点击添加记录，添加字段，确认 （同时将数据库的权限设置为所有人可读）；  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70 1]  
创建好的字段如图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70 2]

## 2，连接数据库 ##

const db = wx.cloud.database()

## 3，访问数据库 ##

如果要通过条件筛选，就往collection() 和 get(\{\})之间写条件，例如doc(‘根据id名获取相应的数据’)

<button type="primary" bindtap="getData">点击获取数据</button>
    <view>
      {
       {datas.name}}-{
       {datas.age}}
    </view>
    <view wx:for="{ {datas.lover.friend}}" wx:key="index">
      {
       {item}}
    </view>

data: { 
        datas:''
      },
      getData(){ 
        db.collection("demoList").get({   // 通过数据库名获取
          success: res=> { 
            this.setData({ 
              datas:res.data[0]
            })
          }
        })
      },

## 4，查询数据库的时候解决回调地狱问题 ##

db.collection("demoList").get().then(res=>{ 
    
    }).then(res=>{ 
    
    }).catch(err=>{ 
    	console.log(err)
    })

## 5，条件查询 ##

通过doc 查询相应的id：

db.collection("demoList")。doc('id号').get().then(res=>{ 
    
    })

通过 where 进行条件查询：

db.collection("demoList").where({ 
            'age':23
        }).get({ 
          success: res=> { 
            this.setData({ 
              datas:res.data[0]
            })
          }
        })

其中where条件查询中还有一些指令：[点击查看文档详情][Link 1]

## 6，增添字段 ##

注意：一定要有data:\{\}

db.collection("demoList").add({ 
          data: { 
            'age':23,
            'name': 'javaScript'
          }
        }).then(res=> { 
          console.log(res)
        })

## 7，通过表单提交，添加字段 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70 3]  
同时在事件函数中获取值也有三种方法进行添加  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70 4]

## 8，删除 ##

<input placeholder="请输入要删除数据的id" bindinput="myInput"></input>
    
    <button type="primary" bindtap="delData">点击删除数据</button>

// 实时记录 Input 输入的值
      myInput(res){ 
        var val = res.detail.value
        publicData = val // publicData 是一个全局变量
      },
      // 删除数据
      delData() { 
        db.collection("demoList").doc(publicData).remove().then(res=>{ 
          console.log(res)
        }).catch(err=>{ 
          console.log(err)
        })
      },

## 9，统计数据库的条目个数 ##

db.collection("demoList").count().then(res=>{ 
    	console.log(res)
    })

## 10，watch对数据进行监听—实时动态改变 ##

删除一个数据库的字段后触发 onload生命周期，同时监听数据改变 watch，再改变页面；

// 获取数据
      findData() { 
        db.collection("demoList").get().then(res=>{ 
          this.setData({ 
            putData:res.data
          })
        })
      }, 
      /** * 生命周期函数--监听页面加载 */
      onLoad: function (options) { 
        this.findData()
        db.collection("demoList").watch({ 
          onChange:res=>{ 
            console.log(res)
            this.setData({   
              putData:res.docs
            })
          },
          onError:err=>{ 
          }
        })
      },

在 watch函数的 res中 dosc 表示的是实时数据（最新数据），可以实现删除数据库中某个字段后，页面上也同步删除；  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70 5]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70]: /images/20221119/fe2663a80f734f67bc01af0d93223a44.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70 1]: /images/20221119/42a6ecaf86b045478291d05824af6c89.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70 2]: /images/20221119/d7e36a73ad6545669b0c592838192654.png
[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/query.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70 3]: /images/20221119/ab99a9076ff94d4ab4c4fe9ae836fe19.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70 4]: /images/20221119/fcc7072971a84c878384e8571dd45185.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70 5]: /images/20221119/23f9663fcf954dab83c6639bd5b52994.png