小程序——云开发数据库的数据读取出来显示到页面

最近在做小程序，遇到一个小问题，要将云开发数据库的数据读取出来显示到页面

JS页面：

1、数据库初始化

const db = wx.cloud.database()

2、定义一个变量，将this赋给它。

var a = this

3、从手册找到对应的查询语句，我的集合是feel

db.collection('feel').get({success: function(res) {// res.data 包含该记录的数据console.log(res.data)}
})

4、得到数据之后，创建一个空数组，将结果赋给这个空数组。
这里的a不能直接用this，不然会指向一个空数组，定义的数值会得不到数据

a.setData({feelList: res.data
})

wxml页面：
因为不止一条数据，而且样式都一样，所以可以直接用wx:for

<view class="selfTwo" wx:for="{{feelList}}" wx:key="{{index}}"><view class="right">{{item.feel}}</view>
</view>

但是！
有一个bug就是新增的数据要页面刷新才能显示，这是个问题！！！！

小程序——云开发数据库的数据读取出来显示到页面相关推荐

关于微信小程序云开发数据库中有数据查询不到的问题
最近在学习过程中遇到一个微信小程序云开发数据库中有数据查询不到的问题集合查询代码如下: Page({/* 采用了ES6的写法 */onLoad() {wx.cloud.database().coll ...
【微信小程序】如何获取微信小程序云开发数据库的数据并渲染到页面？
前言上一篇博客我把微信小程序云开发数据库操作(增删改查)的实现方法都已经分享出来啦,可以戳链接进去阅读哦 [微信小程序]小程序云开发实现数据库增删改查(小白速度Get起来!!一步步教你如何实现) 基 ...
小程序云开发数据库在网站读取
使用TCB JS SDK Tencent Cloud Base(TCB) JavaScript SDK 介绍 TCB 提供开发应用所需服务和基础设施.TCB JS SDK 让你可以在网页端使用 Jav ...
uniapp实现微信小程序云开发数据库访问，并解决云开发数据库获取不到数据问题
uniapp实现微信小程序云开发数据库访问,并解决云开发数据库获取不到数据问题使用工具是HBuilder X 1.配置好AppID(小程序ID) 在HBuilder X工具的manifest.js文 ...
解密小程序云开发数据库
作者:phoenixxliu,腾讯 TEG 后台开发工程师目录: 导语一.背景二.竞品分析三.需求和挑战四.架构和方案五.总结和展望导语小程序云开发(Tencent CloudBase ...
mysql批量导入json_微信小程序云开发---数据库批量导入json文件
马上大学毕业了,于是最近做了一个关于班级信息的微信小程序,主要记录一些班级活动的照片.同学的通讯录...... 主要使用了微信小程序的云开发平台,因为班级同学的信息,班长都会有Excel表格统计的信息 ...
微信小程序云开发---数据库批量导入json文件
马上大学毕业了,于是最近做了一个关于班级信息的微信小程序,主要记录一些班级活动的照片.同学的通讯录...... 主要使用了微信小程序的云开发平台,因为班级同学的信息,班长都会有Excel表格统计的信息 ...
微信小程序+云开发+数据库使用
微信小程序+云开发+数据库使用参考地址:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/read.ht ...
小程序云开发数据库操作
开发者可以使用云开发开发微信小程序.小游戏,无需搭建服务器,即可使用云端能力. 云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现 ...

小程序——云开发数据库的数据读取出来显示到页面

小程序——云开发数据库的数据读取出来显示到页面相关推荐

最新文章

热门文章