请求电影列表数据

首先创建列表页
在app.json的pages配置项中添加pages/list/list，开发者工具自动创建出list页面

首先单击“更多”链接跳转到电影列表页面
在列表页里，获取从首页传递过来的参数type，根据type值从数据库请求对应的电影数据
在list.js的onLoad生命周期里获取type，代码如下

onLoad: function (options) {
  var type = options.type || this.data.type;
  this.setData({
    type: type
  })
}

然后根据type请求数据库，在list.js中添加retrieve函数，代码如下。

retrieve() {
  var that = this;
  wx.showLoading({ title: '加载中' })
  var db = wx.cloud.database();
  db.collection(this.data.type)
  .get()
  .then(res =>{
    if (res.data[0].subjects.length) {
      let movies = that.data.movies.concat(res.data[0].subjects)
      that.setData({ movies: movies})
      wx.setNavigationBarTitle({ title: res.data[0].title })
    }
    wx.hideLoading()
  })
}

在请求数据代码之前，使用wx.showLoading({title: '加载中'})显示加载框
待数据请求成功之后，隐藏加载框wx.hideLoading()

请求到的数据保存在data的movie属性中，that.setData({ movies: movies})

修改当前页面的导航栏文字wx.setNavigationBarTitle({ title:res.data[0].title })

在onLoad中调用retrieve，代码如下

onLoad: function (options) {
  var type = options.type || this.data.type;
  this.setData({
    type: type
  })
  this.retrieve()
}