00:02
来。嗯,我这个稍微的稍微列一下咱们一个东西吧,嗯,是一个什么事呢?其实咱做的第一个是写一下那个静态界面是吧,搞定了是不是,接着第二个是写的是咱的是接口请求函数对吧?接口请求函数。没问题,下面我们要去做一个事情,就是动态显示一级列表,当然是一级分类列表是吧?这个能懂吧,啊搞清楚我们目标啊,就是要把这个。一级列表给它显示出来好。那要显示出来是不是得去。发请求获取那个一级分类的那个列表数据。
01:04
对吧,而且这个数据从后台会出去,我是不是要存到我的状态里面,一更新状态,我的主页就会重新渲染,并且显示这个列表是不是,这能不能有一个基本的一个意思,也就是说现在你一定要知道,我要显示的这一个一级列表数据是在我组建的状态里面。这状态里有什么好处?只要我更新状态,我的组件就会什么重新渲染就能听懂吧?当然我肯定得去想办法发请求,是不是得到数据并更新状态是吧?好,那也就说首先啊,其实我的第一步是干嘛去了设计状态,那就来个什么。我是不是应该有一个状态数据,用来存一级分类的数组?是吧,那分类怎么说category速度,那是不是加S啊,开始里面有东西吗?没有,那就来个什么空数组,写个说明,就是一级什么分类列表。
02:14
这个能懂啊,能懂,而我的组件,而我的这个组件的render。在render里面,它这个这个说是这个固定的东西吗。不是他吧,应该是谁呀?把他干掉,不要他了,这个那个硕士就应该是他吧。听懂了,不只是他现在还没有数据,是不是将来我是不是一定要搞数据的。能听到不能听到,那也就是说我在里面得干嘛去,是不是读取我的这个状态数据显示到我的推广里面去。那很简单。来读取状态数据,我们暂时是不是有一个一级分类的列表在我的状态里面,原包。
03:11
那很简单一个事情,把这个给他什么是塞进去。这个能听懂吧。能听到这一个是不是那个columns,就是那个列的速度,这个也没有必要放在跟大家说啊,也没有必要放在re里面,因为放到render里面就会有个问题,每一次重新更新渲染,是不是都会重新创建呢?这个没有必要重新创建这个数组,创建一次机构,你说我应该把它放到哪去执行?现在我问大家是在还是。War。因为它是同步准备一个数组是不是。这应该有这个意思了吧,就咱前面是不是做过类似的事情,把这个放在什么呢里面去做对吧。
04:08
我妈。当然这个时候不应该是定义个变量,而应该干嘛Z点,而我们这边就应该什么。This columns。听到吗,好。那啊,我平常的时候呢,还有一个习惯,就不喜欢在这个回调什么mount did mount回调函数里写太多的代码。那你来看一下我们前面做的那个hand你就知道了,你看啊,我在这些,我在这些里面是不是都封装了一些相应的方法去做啊,我并没有把大量代码是不是写在这里面。这个是一个好的习惯啊,好,那我这里面呢,也是这样啊,我也准备这么做,什么意思,大家看一下这一个,我会把它单独写到一个方法里面去做,可以吧,好单独制定一个方法,这个用来干嘛呢?这个用来初始化table的。
05:12
列的速度,所有列的速度,来,我们来给它取个名字,叫的column column就字段的意思,它本来是。就是一列代表所有列的速度。那个他我定义好这个方法之后,我干嘛了。那我在这个Y方里面在干嘛,是不是调用它就行。你们看看这个套路,主要是这个套路感大家要有。能懂吧,能懂,那这样的话啊,我们就能够去啊想办法去显示它,但是现在能有列表显示吗。没办法,有不可能有。
06:03
因为没数据,当然没有显示,这是正常的,这是对的,显示效果对不对?好,下面我要做的事情是什么?在一个合适的时机,是不是去发请求,获取分类列表并更新状态。什么时机?什么是依法请求?我们发请求代码,代码执行呢。第一的嘛,这就是说来说去还是啊,大家要通过我们去做不同的功能,最后去总结出来,看出来我在做不同的功能的时候,有些东西是相同的,说白了就套路感要有。要建立建立一个特例库的一个使用的套路的,他是有套路的,也就说我们在这里面去发请求好。一而加的请求,我在这里面,我也发请求吗?没有,我们不在这里,而这一个是再说一遍啊,这是干嘛的?是为第一次人的准备数据,听到了不?
07:12
而这一个不是,这个里面基本上干嘛执行异步任务,而我们当前是干嘛发异步什么,呃,这请求。我们发这个请,发请求是用来干嘛,是不是获取分类列表的。好,我也不会把所有代码都写在这个里面,我会干嘛呢?单独定的话叫get cat去显示。明白了吧?好,来。那这个时候。叫啊或许啊,一步或许。
08:01
暂时是不是一级分类列表显示。吧,好,来写一写这个名字。知道吧,那这个时候是不是必然要叫接口请求函数?所以我要干嘛引入我们接口请求函数的哪个函数呢?看一下啊,点点斜杠,点点斜杠API下面的谁了?IQ先写出来。是不开头,而开头要接受一个什么?派ID吧,好,来吧,那我是不是调动它传派ID派D传奇。您记住啊,是零字符串把握。这个时候返回给我的是一个什么?这个函数返回给我的是什么?不知道啊。是回的这个速度啊,是接口本来返回过是个什么,再问一遍哪个对象。
09:09
Promise对象。我还没。你得先跟我说清楚,我们现在反回来是promise,咱再说下面用。你说老师我已经把那个过程都省略了,那你这你就已经超过我了,那没办法了,都没在一条线上是吧,好。来这个时候是不是得用wait是吧,想得到那个结果东西吧,结果数据是吧,那用什么,那所以我要用什么。能听懂吧,而这个result是一个什么结构的数据呢?这个时候看什么,看新文档我就不去看,我觉得在这看就比较方便啊,我们来去看一下,我们现在是不是获取分类列表嘛。
10:00
得到的就是这一个数据结构啊,这个数据有点长啊,这个对象,对象里面有state对吧,Date,而date就是我的所有一级分类的什么数组,因为我指定的是零嘛,听懂了吧,那好了,那这个时候我们得。啊,这部诗去啊写一下啊啊就是啊发义部什么啊,这请求获取数据对吧,获取数据,而这个结果数据它里面是不是有可这个是有可能是零,有可能不是啊那如果它等于零了,那是不是成功了,是不是那L的失败了,那我们可以失败,失败比较简单,其实用message是不是做一个提示就行了,这能听懂吧啊获取分类列表什么失败。
11:09
但这个我现在没有。得干嘛引入啊,在这里面引入一下就可以对不对。能听到不好,那在这个里面,我们获取的那个里面还有一个什么信息,还有一个date。对吧,还有一个date,好,Date实际上是个什么数据数组,什么意义的数组。那个是不是就是分类的数组,你说分类数组不就很清晰了,对不对,能听懂不?那我你要说分类数组我就不问你了,我直接就可以写开。那你要不说我就不好写名字,能听懂吧?好,有了这个数组,那干嘛更新是不是状态很简单啊,This,点什么?
12:09
哪个他是吧,写个什么category,这里面就有一个事情啊,一定要注意我们的这一个这个名字,名字一定要是什么呢?一致的听懂不。不能有半点的偏差,有一点偏差都不对,OK吧,嗯,所以说我就说嘛,这个东西取名很关键,取个好名字,你下次用的时候也自然有好名字,那就一致了。能懂不能懂好,那也就是说我们现在。好像你进什么。收钱是吧。能听到吧。好,而且它默认已经有什么分页了,而且它说明它默认默认一页是几条数据啊,看看是好像十条左右吧,是不是十条吧。
13:06
能看到吧,两个四个,差不就十个。那一定我就需要去,我一定是十个方,我的需求不一定,那可能是不还比如说指定五条可不可以,也可能是不是。能听到不,那如果我要指定五条,我该怎么做呢,是不是?能听懂吧,那这个时候我们得去看一下什么文档,来稍微对我的这个显示做一些小的优化,是不是不是说这个不行啊,就是我就想指定一个特定条数,这也有可能的嘛。你要有这个能力啊,来这个时候翻到最后我们来去看一下那个。看他的API,我就直接说一下啊,在这个里面啊,有一个有一个。See。你看它是个什么分页器,它的值是个什么类型对象,那你就什么意思,我可以在这个配置里面再配置一个分页器的对象是吧?来看好了,这么写的等于一个大括号,那就等于那还来一个大括号,它是个对象啊。
14:19
这个能不能听懂,也就我这么写的,代表我是个对象吗?看好了代表这个对象吗?不是正写才代表一个对象,说白了里面是不是通过一些配置来去指定呢?那怎么写我不知道怎么写啊。他说什么意思,分行器参考什么配置选项,或者这一个文档是吧,我我我就看先看配置选项看什么看那这配钱好像自己也没写啥。他就写了一个非常简单的,就明显不是我们要的一个效果,那我得看什么,这个其实就是刚才那个第二个啊。他有一个专门的分页器。
15:01
的Ye。那这个分页器呢,实际上是个是要配置一些有一些对象的指定。我们这地方,比如说这一个就是我们想要的。你是老师,你火眼金睛了,一下子就能知道第三个,那咱咱就需要肯定需要其中这么多个的,其中有一两个是不是,那我不可能为了去做咱的方法,把一个一个的都去说一遍,那就浪费时间。嗯,当然你自己如果我没说你自己找的话,肯定是要大家看一下,看哪个更像一点,可能有一个猜测的过程,说实话能听到不,你那个猜测,你那个推测,当然你猜测也是有定的依据的,是不是它是不是有一定的说明了,比如说这个默认每页的条数。这不就是一页显示多少条记录吗?是不是?那我们要显示五条,我该怎么写啊?你不写个五吗?你说是不是好下面。
16:03
我还有一个可以用,嗯,我写出来大家看一下啊。有个这有个快速跳转的一个东西。它的它的值呢,是个不值,默是force就没有快速调转,我写回去一看你就懂这东西。看到比如说我要跳到第三页,咔嚓输入一个三按一下,按着键跳到第三页,就这么这个意思。有时候是有这种效果吧,嗯,有可能有啊,那身上有别的效果也有可能啊,大家看一下我们现在是不是可以页数是不是变多了呀。能看到吧,耶稣变多是不是因为我们每一页显示的记录数是不是变少了吧,这能听到吧,来好,还有一个效果,还有一个效果啊,什么效果呢。啊,这个地方啊,要说一说我们的这个数据是不是。
17:00
列表是不是异步加载的,我希望在没有得到之前嘛,先有一个加载,正在加载中的一个提示,最好是在那转转的,就是当大家看到一个数据还没来的时候,它是不是有一个旋转的一个楼顶的效果,但现在有吗?现在是没有的,因为没有指定啊,你看我指定一个这个地方有个配置解看就懂。这里有一个配置。嗯,我是不是跑的有点有点多是吧。找一下。应该在这儿吧。来找一下,这里面有一个就有一个属性,其实我一打开让他看到就行。大家看看楼里就页面是否什么加载中,那默认是什么。Force因是老师,我指定位to会是个什么效果呢?你看呗。
18:03
这个地方来看一下啊,我们来搞一个loading,我直接它是个木字啊,我直接写个数,你看它是个什么样子,你看了以后才知道该怎么办。是不是一直在转,是不是正在显示了一个loading的界面,那你说现在应该显示么?不应该,因为数据已经什么有了,而且展现出来。刘斌。那也就是说在得到数据前,它的值应该是处,得到数据之后呢不合适,那这个是不是得设计成一个状态比较方便操作,因为状态几个特点,一旦更新这个组件就会自动重新啊是吧?那就很简单,我这个地方来提一个lo的一个状态,数据默认是什么?默认是个for吧,因为为什么是first,你想啊,我开始有句准备发请求吗?这个东西不代表正在,是否正在请求中吗?听懂了不,是否正在获取数据中,能听到吧,那开始是不是没有的呀,等到我准备去发之前。
19:18
再把它自位数啊,也就什么时候该位数大家看好了。这是获取那个数据去了,对对,那这一个方法是不是发请求去了,在发请求前干嘛,在发请求写是不是写字楼里。在请求完了之后呢。你不管你成功还是失败是吧,你都得因为请求结束了能听到不啊,隐藏到底是吧。这样懂吧,那其实这个事情很简单。
20:00
因为只需要去干嘛去啊,更新什么我的状态。哎,而那个是为什么而下面呢。这为什么force?这能听懂吧,啊能听懂,来我们来去看一下,看看行不行啊,看看行不行。咋了?里里面还没有写是吧,还没有读对啊,光更新了没用,你得读那个状态,根据状态是来进行显示,那有娄底等于的值就是什么啊,不能写一个处,要写个什么娄底这个变量是不是。来看一下。大家可能看的不是那么明显,不知道大家有没有,因为大家的那个界面呢,可能会有一点延迟,哎呀,我我好像那个查一啊。
21:08
啊,已经充电了,行。大能看到,嗯,不知道大刚看到这个loading效果可能是有点延迟,反正我是看到了,那如果你觉得嗯不太明显的,咱可以做个省事了,Network可以把这个网络可以调的什么慢一点。能听懂吧。其实刚才大家中间也没见过这个东西。明白了吧,啊,大家应该看到一下啊,可以没问题。基本的一级列表的显示就这么回事。嗯。嗯,这个地方我们后面做两件事情啊,一个是楼顶,一个就是这个分页器是稍微装饰一下对吧,稍微装饰一下好。
我来说两句