0
点赞
收藏
分享

微信扫一扫

微信小程序开发---连接云开发数据库,实现数据获取

之前几篇博客里面都详细交代了如何配置云函数,现在就讲一下关于云函数中数据库的使用,主要是讲如何从原开发平台的数据库中调取数据

const db = wx.cloud.database().collection('数据库集合名称');

在这里插入图片描述
接下来,我们就是在需要在相应的WXML页面设置调用数据库的触发事件,你可以选择使用button,并绑定好数据获取的事件

在这里插入图片描述

 getmessage(){
        db.get({
            success:function(res){
                //打印获取到的数据
                console.log(res)
            }
        })
    }

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

    getmessage(){
        let _this = this;
        db.get({
            success:function(res){
                //打印获取到的数据
                console.log(res.data)
                //对渠道的值赋值
                _this.setData({message:res.data})
                //对数据进行筛选
                for(var i = 0;i < res.data.length;i++) {
                    //查找所有数据中category属性为中药的数据字段
                    if(message[i]["category"] != '中药') {
                        //不为中药就将其删除
                        //splice(i,j)方法从数组第一个元素起删除接下去的j个元素
                      message.splice(i,1);
                      i--;
                    }
                  }
            }
        })
    },

这里最主要的就是先设置变量_this = this,这里因为this是希望它指向的是pages这一整个试题对象,好并且调用有this.setData函数也是相对pages里面data里的数据进行修改,但是如果我们不体现设置变量来春初指向pages的指针,那么我们进入db.get函数里面this指向的就是db这个对象,因此这里要十分注意!!!

上面我们说了怎么从数据库里获取数据,以及怎么筛选数据,但是我们每次都要筛选数据,如果数据太多我们就会加载的很慢,他又要获取全部数据,又要筛选数据,它的时间复杂度就是O(2n),那怎么样才能让数据加载时间慢一点呢,那么下面将的就是关于数据获取的详细查找

   getmessage_1(){
        db.where({
            '属性名':'要取出的数据对应的属性名'
        }).get({
            success:function(res){
                console.log(res)//打印取到的数据
            }
        })
    }

在这里插入图片描述
这样我们就能获取到name属性值为235的数据字段。

上面给大家讲述了关于数据库获取数据的全局获取,以及特定获取,对于这两种方式是各有利弊,第一种呢,是在第一次获取数据的时候呀是比较慢的,但是只要我们第一次数据获取到之后,存在本地,那么对于后面数据的获取是很快捷的,第二种方式的话不管在那一次查找数据查找的时间复杂度都是O(n),比较稳定,但是这需要我们在请求其他数据时又要去访问数据库,也是稍显麻烦,对于两种方法应该子啊实际开发过程中进行选择,没有那个一定是最好的。

并且我们在获取数据库数据的时候不一定就是需要点击按键事件来实现,一般我们是可以放到页面加载的时候就获取,就可以实现我们打开某个页面数据就聚会展现在用户面前,因此我们一般就把数据库数据获取的工作放在小程序生命周期函数onLoad函数里。

 async onLoad(){
    //获取数据库容量
    let count = await db.count();
    count = count.total;
    //存储数据库内容
    let list=[];
    for(var i = 0;i < count;i += 20) {
    	//每次获取数据库20条数据
      const promise = await db.skip(i).get();
      //将每次取到的数据值拼接到list数组里面
      list = list.concat(promise.data);
    }
    //数据的的赋值
    this.setData({ message:list })
  },

注意onload函数前面一定要添加asyn,这样就解决了数据库数据获取超20条的问题

举报

相关推荐

0 条评论