微信小程序之电影影评小程序制作代码(2)

<!--more.wxml--> <image src="https://www.jb51.net/{{imageUrl}}"></image> <view> <view>名字:{{title}}</view> <view>导演:{{director}}</view> <view>主演:</view> <view wx:for="{{casts}}"> <block>{{item.name}}</block> </view> <view>年份:{{year}}</view> <view>评分:{{rate}}</view> <view>介绍:{{summary}}</view> </view>

more.js代码:

var that; // more.js Page({ /** * 页面的初始数据 */ data: { title: 0, imageUrl: 0, director: 0, casts: [], year: 0, rate: 0, summary: 0 }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { that = this; wx.request({ header: { "Content-Type": "json" }, url: 'https://api.douban.com/v2/movie/subject/' + options.id, success: function (e) { console.log(e) that.setData({ title: e.data.original_title, imageUrl: e.data.images.large, director: e.data.directors["0"].name, casts: e.data.casts, year: e.data.year, rate: e.data.rating.average, summary: e.data.summary }) } }) } })

运行代码结果如下:

微信小程序之电影影评小程序制作代码

好了、全部代码如上都给出了..加油

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wydssz.html