初探小程序云开发 ,小伙竟然!!!有点。。。

首先配置小程序云开发的环境
目录如下图所示
初探小程序云开发 ,小伙竟然!!!有点。。。_第1张图片
微信默认添加了4个云函数 我们需要在每个函数目录下
npm install 安装下图依赖 注意每个函数都要装此依赖
初探小程序云开发 ,小伙竟然!!!有点。。。_第2张图片
安装完成后 可以右键云函数 点击上传部署所有文件
初探小程序云开发 ,小伙竟然!!!有点。。。_第3张图片
每个函数都需要重复上述操作哦!
初探小程序云开发 ,小伙竟然!!!有点。。。_第4张图片
如果遇到了上图bug 不要慌 只要智商不滑坡,办法永远比困难多 比心
如果遇到此问题 可以看看下图的依赖包是否 存在 不存在 就npm 装一下 问题就完美解决了
初探小程序云开发 ,小伙竟然!!!有点。。。_第5张图片
如果想要操作数据库
没错 ~ 你没听错 我们前端要操作数据库了· 嘻嘻
如下图顺序,进行配置数据库 以及开通云开发
初探小程序云开发 ,小伙竟然!!!有点。。。_第6张图片
在最后一步 我们创建了集合也就是数据库的表名
我们就可以通过微信提供的方法直接操作数据库拉
那么落实到代码怎么实现呢 天也不早了 人也不少了 我们话不多少 直接上代码!

查询数据库的数据

//拿到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
        })
      }
    })

修改和删除 的话都是类似的
文档地址在上 不忙的话 移步去看看啦!
点我、
今天的分享就到这里了 希望能对你有所帮助 别忘了 转发 关注 点赞哦! 我们下期再见啦!!!

你可能感兴趣的:(数据库,小程序,javascript,https)