首先配置小程序云开发的环境
目录如下图所示
微信默认添加了4个云函数 我们需要在每个函数目录下
npm install 安装下图依赖 注意每个函数都要装此依赖
安装完成后 可以右键云函数 点击上传部署所有文件
每个函数都需要重复上述操作哦!
如果遇到了上图bug 不要慌 只要智商不滑坡,办法永远比困难多 比心
如果遇到此问题 可以看看下图的依赖包是否 存在 不存在 就npm 装一下 问题就完美解决了
如果想要操作数据库
没错 ~ 你没听错 我们前端要操作数据库了· 嘻嘻
如下图顺序,进行配置数据库 以及开通云开发
在最后一步 我们创建了集合也就是数据库的表名
我们就可以通过微信提供的方法直接操作数据库拉
那么落实到代码怎么实现呢 天也不早了 人也不少了 我们话不多少 直接上代码!
查询数据库的数据
//拿到database实例
const db =wx.cloud.database()
//调用数据库方法 输入集合名 where后接查询条件.get() 回调函数 返回查询数据结果
db.collection('minipet').where({
})
.get({
success: (res) => {
let list = res.data
let markers = list.map(value => {
let {_id, latitude, longitude, type } = value
return {
iconPath: `/resources/${type}.png`,
id:_id,
latitude,
longitude,
width: 30,
height: 30
}
})
// 调用setData 修改数据 渲染页面 核心代码如此
this.setData({
markers
})
}
})
//向数据库添加信息 逻辑与查询相似
const db = wx.cloud.database()
db.collection('minipet').add({
data,
success: (res) => {
console.log(res)
if (res.errMsg === 'collection.add:ok') {
this.setData({
isSucc: true
})
}
},
complete: () => {
this.setData({
isSubmit: true
})
}
})
修改和删除 的话都是类似的
文档地址在上 不忙的话 移步去看看啦!
点我、
今天的分享就到这里了 希望能对你有所帮助 别忘了 转发 关注 点赞哦! 我们下期再见啦!!!