小程序云开发五：从云数据库读取数据

王小婷

发布于 2025-05-18 15:47:56

4470

1:接着昨天的《小程序云开发四：向云数据库插入一条数据》，今天要写的是读取那条插入的数据。

参考的api,请点击：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/read.html

2:主要方法：点击请求数据按钮的时候向数据库请求，cont.doc("XCIGn8DR1TiNF-Pt").get里面要填写插入的数据的时候标记的id。

 //  单击“请求数据”按钮执行该函数
  queryData: function () {
    const db = wx.cloud.database({});
    const cont = db.collection('todos');
    cont.doc("XCIGn8DR1TiNF-Pt").get({
      success: function (res) {
        console.log(res.data)
      }
    }) 
  },

3:效果如下

4：demo的示例： main.wxml

<view>
  <button  bindtap='insertData'>插入数据</button>
  <button  bindtap='queryData'>请求数据</button>
</view>

main.js

const app = getApp()
Page({
  data: {
  
  },
  onLoad: function (options) {
  
  },
  // 单击“插入数据”按钮调用该函数
  insertData: function () {
    const db = wx.cloud.database({});
    const cont = db.collection('todos');

    cont.add({

      data: {
        description: "向云数据库插入一条数据",
        due: new Date('2018-12-25'),
        tags: [
          "cloud",
          "database"
        ],
      },
      success: function (res) {
        console.log(res._id)
      }
    });
  },
  //  单击“请求数据”按钮执行该函数
  queryData: function () {
    const db = wx.cloud.database({});
    const cont = db.collection('todos');
    cont.doc("XCIGn8DR1TiNF-Pt").get({
      success: function (res) {
        console.log(res.data)
      }
    }) 
  },
})