微信小程序Web前端之路

9-6 编写电影详情页面(下)

2017-11-30  本文已影响12人  留白_汉服vs插画

本节主线任务,编写处理数据的函数。函数里没啥技术含量,豆瓣获得数据,重点是判断空值情况。整段代码分为三部分:

处理director数据

第一部分代码,定义了一个空的director对象,如果从豆瓣取过来的数据,director[0] 不是空的话,就可以取它的avatars,并把large赋值给它。为什么要特别处理一下director呢?因为director第0号元素总是空,空值去点avatars的时候,小程序总是报错。发现问题才补充的这个方法。

绑定的movie变量填充

数据部分,也就是电影图片(三元表达式,大图或者空)、国家、标题、原始标题、多少人想看、多少人评论、年份、电影类型、星星、得分、director、影人、下面影人部分(图片加名字)、简介。

数据绑定

处理的数据,绑定一下。

下面影人,和影人部分。影人:用斜杠拼起来。影人部分:图片加名字

注意一下判空的规律,基本都是二级属性,比如43行,一级属性,直接用data. 前缀接的,缺失的可能性很小,大部分都不判空。

并输出这两个方法:

上一篇 下一篇

猜你喜欢

热点阅读