4-3 电影列表

 

 

 

 

request-promise

 

 

 

 

 

 

 

 

npm install --save request

npm install --save request-promise

 

安装成功后，

 

 

报错：

VM7527:1 thirdScriptError 
 sdk uncaught third Error 
 module "miniprogram_npm/vant-weapp/mixins/transition" is not defined 
 Error: module "miniprogram_npm/vant-weapp/mixins/transition" is not defined
    at require (http://127.0.0.1:34035/appservice/__dev__/WAService.js:22:26700)
    at http://127.0.0.1:34035/appservice/__dev__/WAService.js:22:26448
    at http://127.0.0.1:34035/appservice/miniprogram_npm/vant-weapp/popup/index.js:5:19
    at require (http://127.0.0.1:34035/appservice/__dev__/WAService.js:22:26841)
    at <anonymous>:350:7
    at HTMLScriptElement.scriptLoaded (http://127.0.0.1:34035/appservice/appservice?t=1559637077823:4482:21)
    at HTMLScriptElement.script.onload (http://127.0.0.1:34035/appservice/appservice?t=1559637077823:4494:20)
console.error @ VM7527:1
(anonymous) @ WAService.js:14
(anonymous) @ WAService.js:6
e @ appservice?t=1559637077823:3991
window.onerror @ VM7527:1
scriptLoaded @ appservice?t=1559637077823:4482
script.onload @ appservice?t=1559637077823:4494

重启工具

 

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init()

var rp = require('request-promise');

// 云函数入口函数
exports.main = async (event, context) => {

  return rp(`http://api.douban.com/v2/movie/in_theaters?start=${event.start}&count=${event.count}`)
    .then(function (res) {
      console.log(res);
      return res;
    })
    .catch(function (err) {
      console.err(err);
    });
}

 

 

豆瓣-----

网上找了一个Key

  return rp(`http://api.douban.com/v2/movie/in_theaters?apikey=0df993c66c0c636e29ecbb5344252a4a&start=${event.start}&count=${event.count}`)

 

 

<view class="movie" wx:for="{{movieList}}" wx:key="{{index}}">
  <image class="movie-img" src="{{item.images.small}}"></image>
  <view class="movie-info">
    <view class="movie-title">{{item.title}}</view>
    <view>观众评分：
      <text class='movie-score'>{{item.rating.average}}分</text>
    </view>
    <view>主演：
      <text wx:for="{{item.casts}}" wx:key="{{index}}">{{item.name}} </text>
    </view>
    <view>年份：{{item.year}}</view>
  </view>
</view>

 

// pages/movie/movie.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    movieList:[]
  },

  getMovieList: function(){
    wx.showLoading({
      title: '加载中',
    })
    wx.cloud.callFunction({
      name: 'movielist',
      data: {
        start: this.data.movieList.length,
        count: 10
      }
    }).then(res => {
      console.log(res);
      this.setData({
        movieList: this.data.movieList.concat(JSON.parse(res.result).subjects)
      });
      wx.hideLoading();
    }).catch(err => {
      console.log(err);
      wx.hideLoading();
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getMovieList();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

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

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

.movie{
  height: 300rpx;
  display: flex;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.movie-img{
  width: 200rpx;
  height: 100%;
  margin-right: 20rpx;
}

.movie-info{
  flex:1;
}

.movie-title{
  color: #666;
  font-size: 40rpx;
  font-weight: bolder;
}

.movie-score{
  color: #faaf00;
}