美文网首页小程序小程序
小程序云开发五:从云数据库读取数据

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

作者: 祈澈菇凉 | 来源:发表于2018-12-26 10:37 被阅读127次

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

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

    相关文章

      网友评论

        本文标题:小程序云开发五:从云数据库读取数据

        本文链接:https://www.haomeiwen.com/subject/wwfqlqtx.html