00:00
来咱们继续啊,那上一节课呢,我们已经熟悉了这个列表渲了,对吧,那这节课我们就趁热拿铁去把下面这个列表渲这块呢,去给它写成动态的啊。那么对应的区域呢,是下面这个内容区对吧,那现在呢,我可以把之前啊这些静态的啊板块呢,给它删掉,我们留一个就够了。对吧,因为这儿的数据呢,一定也是动态的。啊,那首先啊,我们要显示动态的显示这儿的数据,你是不是得拿到这儿的数据啊,所以我们还是去看我们的接口文档,这个时候呢,我们来看第二个接口叫推荐歌曲。那么调这个接口呢,就能拿到这个推荐歌单,那就是我们接下来要显示的内容,对应的地址是这个啊,请求的方式是它有一个可选的参数啊,就limit limit这个单词叫限制的意思啊,默认是30条,你也可以通过它来决定你到底想要多少条。好的,那现在呢,我们去测接口对吧。
01:04
呃,List的接口我们不用了啊,那现在呢,我们直接在这个基础上呢,去把它覆盖掉。回车。哎,这个时候大家看啊,我们最终拿到的是一个对象,这个对象中的result是我们想要的,那这里边的Les唯一啊唯一啊,那现在为什么为一呢?你要注意啊,那这咱这的限制什么一啊,比如说我写个十。再回车啊,看着那现在它的棱子就是十。好的接口测完没有问题了,那接下来咱是不是要去发请求拿这个数据啊,啊所以呢,我们这儿呢,应该是获取这个推荐啊歌单数据。对吧,那要拿到的数据最终显示到页面,你是不是应该写初始化页呀,那这里呢,我就叫它,嗯,List。啊,推荐歌单的数据啊,那在这呢,来那写一下啊推荐歌单呗。
02:04
呃,接下来这的错误呢,应该跟上边一样,我还是叫它,哎,List data等于什么request,那么对应的地址提过来。参数的位置你这样写查询字符串也可以,但是我们说了我们统一形式啊,所以呢还是用对象,那么前面这个问号给它删掉啊,对象里面呢,改成介时对的形式,那这就用十就OK啊,用十就OK好那下边的套路其实一模一样,拿到数据更新状态数据。只不过这一码呢,对应的是RO对吧,然后呢,我们要赋值给谁啊是这个。那最后啊,我们确认一下我们的数据有没有进来。哎,那现在啊,我们刷新一下这个好像没编译过来。没变异过来。嗯,你看啊,现在这final有啊,那另外一个数据呢,就data中我们已经写了,呃,下边这我们拿到这个数据,并且呢,点out啊,肯定那也放进去了。
03:09
对吧,那这没有数据,那就这儿的问题呗。呃,我切换一下,回来再刷新。没关系啊,还是没有,那我们就需要查看一下network,注意看啊这儿的请求。那肯定发了。对了吧,啊,请求发了,并且呢,我们成功的拿到了这个数据。呃,拿到的数据result这儿也有啊,那那应该是他编译器的问题,哎,编译器的问题。呃,还是要确认一下,我在这个下面呢,去给大家打印一下这个啊,那就是this点啊点common list呗。哎,那这没有数据啊,我知道哪的问题了啊,突然看到这儿是不是少一个A呀,我们应该是要用A才能接收到这个promise的产出的数据,下面应该就不用打印了。我们看一。
04:04
重新编译。好,这个时候大家看进来了。对吧,没有问题,那么进来了以后呢,来。过来啊,这我们去循环遍历一下啊,来微信啊for,我们要遍历的呢,是那个recommend来list,那对应的微信key呢,设置一下呗。那这个时候呢,我们需要再找一下啊,它里面有没有什么唯一值,上来就看到了ID对不对啊,所以这应该是ID的字段啊,对应的图片。换一换item点来点什么?我们要找这个图片叫picture URL是对应的图片地址。嗯,然后对应的文本给它换一下啊,那这个呢,应该是item点。哎,点什么呀,我们用的是这个啊叫name。拿过来呗。来,来到我们的模拟器。
05:01
打卡啊就出来了,没有问题。好的,那以上呢,就是对这个推荐歌曲啊,数据动态显示,那么在这里呢?啊,可能有的小伙伴会有一个疑问啊。呃,大家看啊,现在我们用微信for循环便利,那这个个体。默认叫H。看上去很方便对不对,但是啊,我们想一个场景,假如说我们在我们的页面中呢,需要循环嵌套。说白了,你拿到的是二维数组。对吧,循环便利外层循环,你要需要写一个微信for。哎,拿到的个体是HM,那么假如说还有个内存循环,你还是微信号,那那你假如说什么也不设置,还是HM个体,那这样的话呢,就容易出问题。容易出问题,因为你的变量名都叫塔嘛,最起码容易把你搞混了。那我们就得怀疑怀疑啊,他是不是有问题啊,这样设计啊,那这个时候呢,带着这样的疑问呢,我们去看一下它的官网。
06:06
呃,找往上翻。来到最上边,我们之前呢,看到这儿了,对不对,默认的下标跟个体,那大家往下看这这啊,人家也考虑到这一点啊,你什么也不设置,就用默认的,你也可以通过这个微信for-HM去指定你当前元素的变量名,通过这个杠一代呢指定下标的变量名。说白了我们可以自定义,那这个时候呢,我们测一把啊来啊微信报告完全们,我们在哪测呢?我们就在这测吧。走,我去故意指定一个个体啊,比如说我叫他item。嗯,那这样的话你注意啊,里边这个还能用吗。哎,就不能用了,那注意啊,我一呃自定义完,我什么也不动,我们看下面有没有数据,你看下面数据丢了,因为啥呢?现在的IM已经没有了,所以我们需要将这个包括这个是不是全部换成它呀。
07:10
OK,那这是这个,我们来看一下最终的效果是不是还有。好的,那这节课呢啊,我们主要是动态的去实现了推荐歌曲啊,内容区的数据啊,这节课呢,咱们先讲到这里。
我来说两句