---- conjunto completo de cuatro bases de datos GET y la prestación de una sola canción

Y la finalización de la lectura de los datos mostrados en la base de datos de pantalla

 

Una única lista de canciones originales fijados a una lista vacía, se preparan a partir de la base de datos

Añadir onLoad el interior de la canción como una función _getPlaylist sola medida ()

 

  onLoad: function (options) {
    this._getPlaylist()
  },

2 Nube función definida para obtener la base de datos de información musical

const cloud = require('wx-server-sdk')
cloud.init()
// 云函数入口函数
//获取数据库中歌单信息
exports.main = async (event, context) => {
  return await cloud.database()
  .collection("playlist")
  .skip(event.start)
  .limit(event.count)
  .orderBy("createTime","desc")
  .get().then((res)=>{
    return res
  })
}

3 se define en el _getPlaylist función lista de reproducción json ()

const MAX_LIMIT = 15 

_getPlaylist(){
    wx.cloud.callFunction({
      //云函数名字
      name: 'music',
      //需要传递参数start为开始读取的数据，
      //因为要多次读取多以用playList的长度来表示已经读取的长度
      data: {
        start: this.data.playList.length,
        count: MAX_LIMIT
      }
    }).then((res) => {
      console.log(res)
      this.setData({
        playList: res.result.data
      })

    })
  }

Suplemento 1: Muestra una carga bastidor de carga, se añade en _getPlaylist () en

Con el fin de carga completa después de puntas de carga a eliminar, añadir detrás

Suplemento 2: 15 sólo porque cada uno de los datos de lectura, cuando las necesidades de corredera a la página de actualización de datos inferior

Se añadió en el _getPlaylist función de arrastre de fondo ()

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    this._getPlaylist()
  },

Nota: Antes de que los datos no debe ser borrada, pero los nuevos datos sobre el suplemento

 

Complementario 3: tirón abajo de la página, la actualización de la página, la empatía, la función de procesamiento de ciclo desplegable onPullDownRefresh ()

Cuando se actualiza la página-desplegables, los nuevos datos se deben mostrar, por lo que la primera vaciar la antigua página

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    //先清空
    this.setData({
      playList:[]
    })
    //在获取歌单
    this._getPlaylist()
  },

Debido a que siempre mostrará los tres puntos después del desplegable, todos juntos después de esta adquisición completado después _getPlaylist

 

 

Por último, hacer que el efecto de:

////////////////////////////

Hasta ahora, el acceso a los recursos de base de datos de la base de datos y el procesamiento de página se ha completado