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

这篇具有很好参考价值的文章主要介绍了微信小程序云开发-两种云端数据获取方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

首先在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}}用来图片预览文章来源地址https://www.toymoban.com/news/detail-508554.html

                    

到了这里,关于微信小程序云开发-两种云端数据获取方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序分享功能的实现方法有两种

    官方设定5:4 小程序分享尺寸太大,尺寸500px 400px(宽 高) 在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面 自定义按钮实现分享,在page中添加一个带有open-type=\\\'share’的button标签()。点击该按钮后,即会自动触发已经在page.js中定义好的onShareAppMessage方法,实现分享

    2024年02月11日
    浏览(32)
  • 微信小程序 基础模板引入sass的两种方法

    推荐使用第二种方法 1.vscode搜索扩展 Easy Sass 安装 2.微信开发者工具导入vscode安装的所有扩展 3.修改sass扩展配置 打开扩展目录 找到刚导入的sass扩展 打开package.json文件 改成这样 保存 4.重新打开此项目 配置完事 5.使用 在需要使用sass的page下创建.scss文件,.wxss文件不要删掉 在

    2024年02月11日
    浏览(39)
  • 【微信小程序】微信小程序的接口调入 获取太阳码 根据返回值的类型进行接收,微信接口可能直接返回图片,也可能返回一个错误信息的json,同时兼容处理这两种情况

    在开发一个关于微信小程序的过程中,有一个这样的需求,要求生成微信小程序的太阳码,然而这个东西的请求方式我们是这样的:我作为后端服务去请求这个太阳码的二维码,然后将获取到的太阳码二维码的图片返回给小程序端进行接收,然后小程序端进行一个展示 原本以

    2024年02月04日
    浏览(47)
  • 微信小程序入门及开发准备,申请测试号以及小程序开发的两种方式,目录结构说明

    目录 1. 介绍 1.1 优点 1.2 开发方式 2. 开发准备 2.1 申请 2.2 申请测试号 2.2 小程序开发的两种方式 2.3 开发工具 3. 开发一个demo 3.1 创建项目 3.2 配置 3.3 常用框架 3.3 目录结构说明 3.4 新建组件 是一种不需要下载安装即可使用的应用,是一种 触手可及 的应用 可以借助微信的流量

    2024年02月05日
    浏览(33)
  • 获取微信小程序页面路径的方法

    appid可以点击右上角“...”,再在弹出框中点击小程序名称,在小程序更多资料里面可以找到 注意:在复制结果中需要将.html去掉才是实际的访问路径,例如复制到的内容是 pages/subMenu/productDetail/productDetail.html?productId=3936 实际路径应该是pages/subMenu/productDetail/productDetail?product

    2024年02月12日
    浏览(33)
  • 微信小程序云存储(文件上传到云端)

      我们直到,云开发控制台更多的是对项目中的初始文件的操作管理,例如项目的Logo图片可以通过云开发控制台提起上传到云端。项目在执行的过程中也会涉及文件的操作,例如用户上传图片的操作,这时就需要用到云开发存储API。   小程序云开发提供了一系列存储操

    2024年02月09日
    浏览(27)
  • 微信小程序登录,解决无法获取用户信息方法

    在上面的代码中,首先定义了应用的AppID和AppSecret。然后,实现了获取微信用户access_token的方法getAccessToken()和获取微信用户信息的方法getUserInfo()。其中,getAccessToken()方法需要传入微信小程序登录时获取的code,会返回一个包含access_token和openid的Map;getUserInfo()方法需要传入用户

    2024年02月11日
    浏览(53)
  • 微信小程序获取用户头像和昵称完美解决方法(最新方法)

    自 2022 年 10 月 25 日 24 时后,用户头像昵称获取规则将进行如下调整 从基础库 2.21.2 开始支持 当小程序需要让用户完善个人资料时,可以通过微信提供的头像昵称填写能力快速完善。 根据相关法律法规,为确保信息安全,由用户上传的图片、昵称等信息微信侧将进行安全检

    2024年02月08日
    浏览(38)
  • 微信小程序之获取用户信息(流程+2种方法)

    获取流程图 ui库Vant Weapp: Vant Weapp地址(点击跳转) 第一种方法 适用于直接点击登录获取 在界面添加登录按钮,用户点击按钮调用wx.getUserProfile()函数来提示用户授权登录,授权成功后,把用户头像数据和名称数据保存到缓存区里,并且改变全局变量的值 点击登录后 登录成

    2024年02月11日
    浏览(27)
  • 【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)

    微信小程序中使用 echarts 需使用官方提供的 ec-canvas 组件 点击下方链接,下载 ec-canvas 组件 https://gitcode.net/mirrors/ecomfe/echarts-for-weixin/-/tree/master 将其中的 ec-canvas 文件夹拷贝到微信小程序的分包中 ( 因 ec-canvas 组件较大,约 1M,若放在主包中很容易超出 2M 的大小限制,不了解

    2024年02月09日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包