00:01
好的,我们继续啊,那上一节课呢,我们把这个列表啊,我们结构答完了,那这一节课呢,我们去把里面的数据呢,给它写成动态的。那么要把里面的这个列表数据写成动态的呢?我们还是要去看一下这个接口文档啊,来3.8。获取每日推荐歌曲,那么对应的接口地址呢?是这个啊,请求方法是get,也不需要什么参数。那在这里呢,有一个注意事项啊,就是说需要登录携带cookie,那其实cookie呢,我们在我们的本地啊。已经有了。对吧,哎,在storage里面已经有了,没有问题。那么这个时候呢,我们为了安全起见啊,来,我们先把钥匙关掉啊。然后呢,来到GS,那既然说需要用户登录呢,拿用户的cookie啊,所以呢,在上来,那我们就知道一件事情,首先呢,在当前的页面呢,我们应该判断一下用户是否登录,如果没有登录的话,那其实后边的逻辑都没有必要去执行了,我们干脆呢,让他直接跳转到哪,直接跳转到这个登录界面。
01:08
啊,那这个时候呢,我们来这个you INF,哎,我们去本地呢,哎,读一下这个我们之前了这个用户的数据对吧?啊对应的呢,叫you INF。哎,如果对吧,这哥们没有值,那说明啥,说明他没有登录哎。那这个时候呢,我们对这个UR INF呢,去取反一下,对吧,如果没有登录,我们要干嘛呢?我们要去显示一下啊,就是说请先登录。对吧,哎,倾斜登录,那这个显示的这个API呢,我们之前用过啊,叫微信点收啊tot对吧,所以在这里呢,我直接用一下啊,哎开了那就是呃,企斜登录呗。那请。来哎,那这呢是请先登录啊,因为这个提示啊,所以呢,我们直接把这个IQ呢给它关掉啊,那对应的呢,当提示成功了以后呢,我们可以让它跳转到登录界面啊,所以呢,这儿我们在这个提示。
02:14
哎,成功的回调中,我们做这样一个操作。让大家跳转到哪了。来跳转至我们的登录界面,OK,登录界面啊。嗯,来等我见面来,那现在呢,这我们直接用一个什么吧。对吧。嗯,这是我们用到一个API。对吧,那这里呢,啊,URL我们去配置下边啊,下边的lo。没问题吧,好了,那这样的话,如果说未登录,那直接就跳转走了啊用呢,哎呢是我们之前用到过这个API啊,我们再回顾一下。来来到API界面交互里面啊。
03:02
呃,现在界面交换我们关掉啊,在路由里面找一下啊,是这个。哎,是它,哎,那这个时候我发现有问题啊,这个L是不是大写啊,那现在呢,我们去给它换掉。就这个呗,哎,Relax,那还少个N是吧,刚才好,那现在呢,我们把这个单词呢,校正过来以后,哎,那这的我们这个预处理的工作就做完了,那么接下来呢,啊,如果是能够走到下面,我们是不是就可以去获取这个每日推荐的数据。对吧,啊,获取每日推荐的数据,那那对应的接口刚才我们已经看了,哎是哪一个呢。是这个啊,没有问题,那现在呢,我们去测一下这个接口。过来。Local host是这个地址回撤。因为这数据量太大啊,所以呢,我这个工具呢,它没有办法自动的去格式化啊,那这个时候呢,我们复制一份啊,然后呢,我打开新的页面,打开这个工具里面的Jason格式化,我们强制让他帮咱们格式化一下数据。
04:07
好的,那下面啊来打开。在这里面呢,数据量很大,那其实我们最终要的是这个。它呢,是一个数组。数组里面的每一项是什么?是对象?每一个对象呢,就是当前一首歌的数据。也就是说最终我们是不是要拿这个的数组啊,好的,那现在啊,因为我们要发请求了,所以我们在上面import一个什么呀,Request from上一级再上一级对吧,U下面的request。好的,那这个时候来还是按照我们之前的套路啊,Let一个呃,变量,我是不是要接收这个最终的数据啊,那这个时候大家看啊,我在上边呢,先给它初始化一。这呢,我们就叫它一个recommend吧,嗯,List啊,那这个呢,是对应的是推荐列表数据。
05:03
对吧,那有了这个以后呢,我们这儿就是一个它data等于it request啊,对应的接口地址呢,我们拿一下啊。那刚才我们测这个接口地址啊,就这个呗。来给它丢过来,嗯,那这因为用了awake了,对吧,那我们这儿是不是要用a sick呀?啊,为了不在这个生命周期的这个函数,这写S,我们还是去定义一个方法呗。那那这个呢,是用于获取这个用户啊每日对吧?啊推荐的这个数据啊,那这呢,我们来一个get个recommend list吧。嗯,在这里去写啊,在这里去写好下面加个逗号,那这样的话呢,这样的操作啊,我们应该放到下面去。这个呗,哎,那终身的放到这儿啊,待会儿我们调用的时候能看到。啊,那这样的话呢,前面加一个think对吧?啊,拿到了数据以后呢,我们去更新一下data this set一个data过来,那我们最终呢,要更新的是这个recommend list。
06:11
啊,数据源呢,是他。我们接下来要取的数据是什么?哎,是它里面的这个数据叫recommend对吧,所以呢,应该点一个它。啊,最后啊,别忘了在这里呢,我们要去调用一下这个方法。啊,那这样的话呢,来到我们的页面里边啊,我们来到AP data大家看一下。这个数组是不是有了?数组有力以后呢,接下来我们就可以把这个数据呢,给它显示成动态。来到这个score view里面,那么下边的这些score item我们就都可以给它删掉了啊,都删掉。来把之前的模拟数据全部干掉,那现在呢,我们留一个就好了啊,留一个就好了,然后啊,我们去循环编利一下,那这里呢,我们要用到的啊,就是微信呗,微信号啊,要便利呢,是这个recommend list啊,同时呢,微信K啊,我们找找看啊。
07:06
每一首歌曲呢?有没有唯一值?对吧。来给它展开,那在这种呃,官方的数据里边啊,那应该是有他的ID特性,来你看这是不是有ID字段。没有问题,那这样的话呢,我们可可以给每一个H上面的啊,每一个X的K设置一个。ID。啊,里面的东西呢,我们画一画。来图片的话,呃,最终呢,我们要找的数据我们看一眼,呃,往下翻一下啊,这里面的数据还是比较多的。它下边呢,有一个这个alm的里面啊,在这个里面呢,我们需要用到的是这张图叫picture URL。那这样的话呢,我们去找一找啊,那就H点它下边的这个哎picture URL呗。就这个。那么对应的歌曲名称。
08:01
对吧,我们找找看,那上面的第一个呗。item.name对吧,那在这呢也写一下啊,item.name。没问题,那下面这个呢,是作者啊,野唱者应该叫这演唱者呢,我们找找看,下面的打卡有这么一个数据。Artists。那这是一个数组啊,数组里面的每一个对象,那就是一个演唱者。一个演唱者。那为什么是个数组呢?啊,为什么数组呢?因为啊,他有的歌曲呢,是好几个人演唱的,对吧,在这里啊在这里呢,我们就呃显示第一个演唱者就OK了。哎,所以啊,我是这样做的。我通过H首先找到数组啊,我不管别的上来,我们取到下标为零的这个内。对,就给它显示出来,那么如果实际开发的时候啊,要求你们把所有的作者显示出来,那我们就要对这个数组进行遍历啊,分别去显示啊,其实也不难,对吧,那现在呢,我们保存一下啊,看一下效果。
09:09
好的,那这样的话大家看啊,这个速度就有了,OK,那这节课呢啊,我们主要是动态的显示了一下这个每日推荐的列表数据。那这节课里面的内容呢,其实都是我们之前讲过的,对吧,常规的一些操作而已。哎,在这里呢,要注意啊,因为这个每日推荐的数据呢,是需要用户登录啊,携带用户的cookie才能拿到。所以啊,我们在这上来去判断了一下,如果说用户没有登录。我们让他去先登录,跳转至我们的登录界面。嗯,没有问题,好的,那这节课呢,我们先讲到这里。
我来说两句