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

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:效果如下


5640239-25075a40ba8c36d1.png

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)
      }
    }) 
  },
})

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq群聊来问我:473819131。

猜你喜欢

转载自blog.csdn.net/qq_36538012/article/details/85271098
今日推荐