00:00
啊来啊,我现在把昨天讲的东西过一下。那昨天呢,我们主要是去讲的这个品类管理,以及这个商品分类管理。嗯,主要涉及到功能有这么几个,第一个是列表显示,但它这个列表分为一级列表的是吗?二级列表。再一个就是我们的,嗯,就是修改分类。这个功能是吧,啊,可以进行分类的一个修改的操作。当然刚才那个1020都可以去查看啊,没有任何问题。啊,添加分类的功能呢,界面我们已经做了是吧,但功能还没做,等会我们一起马上就做啊。而且我们这个列表自动是不是具有一个分页的功能,当然分页它其实有两大类,一类叫前台分页。一类叫后台飞燕。也就是说什么叫前台风险,就是纯前台的一个风险,跟后台没关系。
01:04
那后台分页就是基于后台的一个分页,那后面呢,我们会专门去讲一下这两个点的区别啊,现在我们用的是什么呢?前台分页啊好。来看一下啊。那我们主要写的一个组件就是什么分类的组件是吧。那首先呢,我们是不是用D的相关的一些组件来构建整个界面是吧,那重点的两个组件就是一个看。因为整个结构就是一个什么卡。啊,看着写起来看着还比较舒服。而看的上面这个是看了什么,还记得不?Title右上角啊是额外的信息,实际上就是一个左侧一个什么右侧接着这个里面是它内容区域吧,而内容区域我用的什么。
02:03
啊,Table在后台管理的应用中是非常常用。因为大家知道后台管理系统说白了就是一个数据的什么呢?增删改查。能听懂吧。好,后面两个就不用说了,前面我们反复在用啊,反复在用。好。那有了这个下面啊,因为我们这个数据是不是后台获取显示的呀,那必然是不是涉及到我们要去发请求,就有相应的一些接口请求函数,对吧,我们一共要定义三个接口请求函数。第一个是获取一级和二级分类列表的接口型函数,以及添加分类和什么更新分类的。我们说接口取积函数是根据谁来写?根据什么写?我怎么知道请求率是多少,我怎么知道请求方式,我怎么知道要传什么参数呢?啊对,根据接口文档来去写。
03:09
就这么简单一个事情,看着结文档给它写对就OK了,对吧?啊,没有什么太大问题啊,当然在写之前最好先要去测试一下接口。文档跟真实接口是否一致,对吧?那定好接口以后呢,下面我们就是准备一步一步去显示我们的一级列表和二级分类列表。那在显示列表之前,首先要做的事情,其实是要先去定义一个东西叫什么呢,状态。从后台获取数据,我是不是要存到状态里面去才好更新到界面上去显示吧,那我们这个里面显示的这个一级列表,我们是不是要去定义一个状态叫什么。Category。能吧,Category,好,Categor吧,应该有个S对不对?列表数据吗?那当然二级列表就需要一个什么categories。
04:10
能听到吧,来,而且我们这里面呢,还有一个loading的效果,也就是说在没有数据来临之前,我们应该是不是有一个loading的界面,代表它在正在加载中啊,那这一个是不是也需要有个状态。啊,而有了状态以后,其实我们的table是不是很容易实现loading的效果,我们table里面就有一个配置,有一个标签属性就叫什么呢,楼顶。它的值是什么类型。不类型。在我发请求前,我应该将这个值作为什么,那请求结束之后呢?作为啊,就这么简单一个事情啊。啊,首先呢,我们需要去设计这样一个状态,没问题,现在我们是不是要异步发请求获取一级列表,那我问你在哪去执行发请求在哪。
05:09
就弟弟,非常简单的事情,其实很固定,你知道吧,其实你学多了吧,就那么回事。OK吧,OK,好。后面得到数据后是不是更新显示啊,这没什么特别的。啊,当然我们这里面有一幕。我们是不是封装的promise啊,对吧,封装的promise为了方便编吧,是不是用上了a think啊a think啊,这样比较方便去编码啊好,那后面呢,我们要去显示二级分类列表,也就是说我点它。需要去查看显示二级分类列表。那首先我是不是肯定要给他加一个点击监听吧。
06:00
是不是必然有一个事件的回调函数,那我是不是准备在回调函数里面是不是发请求啊对吧,对的好,那发请求我们最终好像这里要说一个事情,我们用的。是同一个方法去处理的,我们有一个方法叫get。也就这个方法,既能获取一级列表,也能获取什么二级列表,他是如何知道是获取一级还是获取二级的?对不对,因这个方法内部它是如何判断我是要去获取一级列表还是获取二级列表。我们是不是要提前设计好一个状态叫什么派来离它的初值为几零,那也就是说我们知道一个分类列表啊,如果是一级分类列表,它的判断力都为几都为零。那否则是不是就二级分类列表,那这个时候如果我的初始值为什么刚好指定为零,不指定为别的值啊。
07:08
这样的话,我一上来发请求的时候,必然是获取几级列表,一级列表,因为我就是根据这个判断ID去发的请求。对不,那假设我现在要获取。电脑的二级分列表,我是不是也需要调用那个方法,但是在调用这个get categories之前,我先得干嘛?先得是更新状态,更新那个拍的状态吧。也就说这个状态更新之后,更新为我这个电脑的ID值之后,我是不是才能去调用这个方法,那也就是说按我们的想法,是不是需要去set state。完了之后是不是就可以去调用这个方法了。
08:01
但是你会发现不行是不是不行的原因是因为这个set state的更新状态是个什么意味,也就是说这个方法一执行,他利益就会定义状态了。至少现在看来不是。对吧,就咱当前这个情况不会。但并不代表所有情况都不卖,这个特殊情况我们还没讲,后面我们跟大家说。这个能听懂吧,啊,我们现在以后立马去取状态数据的话,得到的是老的状态,说明状态还没更新吧。那我们最后怎么解决的呀,其实我们4S有两个参数对不对,我们一直是不是用一个参数来过日子啊,那现在一个他过日子已经不方便了。那我们应该是不是用上第二个参数,而第二个参数它的文档说的就是一个什么回调函数。那回调函数神色之心是由我们决定的吗?不是的。
09:02
是由他来决定的,对不对,哎,它会在状态更新一键更新之后去调用你那个回调函数,当然回调函数是我们定义的,是不是是他来调。那我们应该把get方法放在什么回调函数里面去做?这能听懂吧?啊,这个时候我们应该是在毁掉函数里面去get categories。但刚才有同学说,老师,我这个30岁之后,我来个3OUT不也可以吗?那自然也是可以的。听懂了不就延迟去获取,那时候状态是不是也变了呀?啊,当然。能用他提供的语法,就今天用他提供的语法是不是啊,没问题啊。这是这个需要去知道一下。啊,当然我们也要需要去设计状态拍ID,为什么设计这个状态。
10:05
拍ID我确实需要,那这个状态为什么要设计呢?因为我要什么显示。看到了吧,我要显示,当然需要这个状态是吧,这样比较方便。这没问题吧,没问题,下面呢,我们去写了一下更新状态啊的一更新啊,更新分类这样一个功能,那首先其实我们是不是要写好这个界面是吧?好,这个界面首先整体是个什么,是个什么组件来呢。是吧,里面是什么。里面是form里面有。对吧,对的啊好。那这里面用到安的啊,Model form以及port,当然我们是不是要去设计状态上呢?控制它的显示隐藏,而这里面我们设计的状态什么类型?
11:03
是用类型吗?不是用的是number类型。主要是我们这里面除了更新界面,是不是还有添加界面需要控制,如果我用不类型来控制,那我得设计两个变量。来分别标识是不是,那如果我设计number类型,是不是用一个变量就可以,你说老师我用两个变量不行吗?没有说不行。啊,你用两个面料完全是可以的,没有任何问题。没到吧。再一个这里面我们最终要去实现一个啊修改的功能,比如说这个电视啊,我指定一个改了以后是不是点OK或者点取消啊,点取消其实啥也没做是不是啊。来,接着点他。是不是要去操作啊,那要去操作的话,其实这里面有一个很严重的问题啊,就是我们这一个OK的回流函数是不是写在category组件里面的。
12:06
是不是这是我的开组件,那我这个类目是不是专门定义了一个form组件。是吧,是另外一个组件吧,而现在我在父组件里面是不是需要去读取这个子组件里面的这一个输入数据,而子组件输入数据是靠哪个对象得的,小写什么?听到吗?那也就是说我现在副主件需要能够看到子件的一个属性是吧,能看到的一个数据,它就相当于是个数据了。那也就说现在是不是涉及到一个组件接通信了啊,需要去啊,通过子组件向父子键传递一个form传过来是吧?那最原生的方法,最来里面比较原始的方法是怎么做的?是不是传递函数类型的来接收?
13:03
能听到吧,传递函数类型的来接受form,从而将form从子组件传给什么副组件,那副组件就可以使用这个对象了吧?这人知道吧,啊,这是一个比较常规的一种做法,当然帕也是可以的,对吧,帕萨也仍然OK啊这里面。啊,通过他得到form对象以后呢,去收集数据,收集好数据后就要需要去调用更新分类的接口,最终完成以后重新获取分类列表。我们是不是有分获取分类列表的方法吧?啊,这个非常简单的事情。好,还有一个事情我要问一下。他是如何知道我要更新哪一个分类的?如何能够知道将来点OK的时候是更新哪个分类?我要怎么做?
14:00
我咋知道你要更新的是哪个分呢?那也就是说在点击它的时候,我得知道是点击的水吧。我现在点击的是不是空调这个分类。对不对,所以我在回掉函数里面,是不是得把那个当前点击对应的这个分类对象给存起来,存在哪个位置了,Z里面也就组件对象上是吧?也就是说你只要简单的说一句话,就是将当前选中的这个分类对象保存到组件对象上就OK了。只是我们是通过this是不是来找到组件对象呢?嗯。好,那我们昨天做的了,基本上就是这样一些,当然昨天还有一个回推,这个好做是吧,这个需要发请求去。我发请求了吗?有没有没有回这有吗?没有吧,没有,我根本就没有发请求我因为我们需要显示一级电表数据,在我的这个状态里面是不是有啊,我唯一要做的事情是什么?
15:10
是不是更新状态,最重要的是哪个值哪个状态值parent ID。能听懂吧,因为我们是根据它来判断显示一级列表还是显示什么二级列表的,也就说它什么时候会显示一级列表等你,否则是显示二级列表。其他的啊都不是,关键是这个我就把关键点跟大家说一说啊行,那昨天呢,我们主要是讲了这样一些相关的东西啊。
我来说两句