先释放一下自我,从周六改到周二,刚刚终于解决了个相对于我来说的世纪最大的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方法可以直接把数据库里面的值传进去。