小程序云数据库调用（上传+读取）！！！

先释放一下自我，从周六改到周二，刚刚终于解决了个相对于我来说的世纪最大的bug，感觉自己快乐到变形，下面我就把自己学习到遭遇bug到解决bug的过程给大家分享一下，避免大家步我的后尘。

首先呢，必要条件就是你得会html+css就行

云数据库入口和创建

点开之后会有一系列必填的东西，一顿填就行了，无所谓。
然后有一点很重要环境变量id如下图位置可以查看，没有id会栽大跟头的。

这个id是作为小程序连接到数据库的必要条件！

接下来进到数据库中，新建一个集合，名字随意

如何链接云数据库

在js文件中先添加一个函数名字随意我就这么写了：

onAdd_s: function () {
       
            wx.cloud.init({
              env: 'wt-2a665b'
            });
            const db = wx.cloud.database()
            db.collection('Treespot').add({
              data: {
                data:inputMsg,
              },
              success: res => {
                // 在返回结果中会包含新创建的记录的 _id
                this.setData({
                  counterId: res._id,
                  count: 1
                })
                wx.showToast({
                  title: '成功扔进树洞~',
                })
                console.log('[数据库] [留言] 成功，记录 _id: ', res._id)
              },
              fail: err => {
                wx.showToast({
                  icon: 'none',
                  title: '种种原因树洞拒绝了~'
                })
                console.error('[数据库] [新增记录] 失败：', err)
              }
            })
            }

一块一块来解释：

wx.cloud.init({
              env: 'wt-2a665b'
            });

这块是云数据库声明，三行搞定，env里面填刚刚的id

const db = wx.cloud.database()

这块是链接云数据库，跟刚刚的id是绑定的，之后就可以通过db来引用了。

db.collection('Treespot').add({
                  data: {
                    data:“abc”,
                  },

add看到了吧，什么意思，不就是添加数据么，括号里面是刚刚数据库中新建的集合，然后data是传入的字段名（也就是索引的依据），冒号之后是传入的值（需要存储的数据）。一步添加到位。
接下来的success和fail直接复制下来，你不需要懂什么意思，尽情添加就完事了。

读取操作

onLoad: function (options) {
    wx.cloud.init({
      env: 'wt-2a665b'
    });
    const db = wx.cloud.database()
    db.collection('Treespot').get({
      success: res => {
        this.setData({
          Treespot: res.data,
        })
      }
    })
  },

感觉没必要讲了，add换成get就行，对了，说一下怎样显示到前端的问题吧。

this.setData({
              Treespot: res.data,
            })

在data中新建一个Treespot的集合，setData方法可以直接把数据库里面的值传进去。