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

首先配置小程序云开发的环境
目录如下图所示
在这里插入图片描述
微信默认添加了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
        })
      }
    })

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值