微信小程序云开发-两种云端数据获取方法

本文介绍了在微信小程序中进行云开发时,两种无需编写云函数的云端数据获取方法。首先在App.js初始化小程序并设置环境ID,接着分别展示了通过直接引用数据和HTTP请求获取数据的方式,并提供了用于展示轮播图的代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

下面价绍两种云端数据获取方法,都不需要写云函数,都用来前端完成,首先在数据库里准备好数据,然后开始操作,下面代码我用来获取轮播图的。

首先在App.js里初始化我们的小程序,env里面写自己的环境ID,环境ID是云开发控制台里面可以查看的。

//初始化
App({
  onLaunch: function () {
      wx.cloud.init({
        env:"自己的环境ID:xxxxxxxxx",
        traceUser: true,
      })
  }
})

第一种js云端数据获取:

const db = wx.cloud.database()
Page({
  data: {
    imglist:[],
  },

  // 请求云端轮播图数据
  onLoad: function () {
    let that = this
    db.collection('lunbotu').get({
      success:res=> {
        console.log('轮播图获取成功',res)
        that.setData({
          imglist:res.data
        })
      },
      catch:res=> {
        console.log('轮播图获取失败!',res)
      }
    })
})

index.wxml里数据展现,bindtap="lunbotu" data-src="{ {item.Photo}}用来图片预览


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值