00:00
咱写过。也就是什么呢,这个界面。能看到吧,啊这个界面最后是不是我们还要去收集数据的。听懂不好,我们来先做这个添加的界面,先做一做分类的界面就很轻松了啊,来做一做啊,这个时候说一下啊,说一下我这一次把这一个部分。单独写成一个组件,我们来试一试。能理解吧,如果我不写成一个组件,是不是就得在这一个内部去写form呀?这整个是个form,能听到不啊,我准备怎么做呢?看好了,在我的这个文件夹里面建一个组件。我直接就在这里见得了,也不放在那个那个就是component里面了,这个说一说啊,有两种选择,一种把所有的。
01:01
非路由组件放在这component下面。还有一个做法是。把某一些路由组件独有的子非路由组件放在他的文件夹下。就是我下面要建的这个,我先写一下看好了。我建一个啊JSS文件,名字叫I form,这个这个组件用来干嘛的呢?用来去显示我们那个添加界面的那个form的界面,听懂了吧,是专门给我的这个开抽取的,别的直接用吗?不用。那我也完全可以写在这个里面,听懂不?当我们的文件名都是什么小写的,我就写个什么爱的杠。那它里面写的什么,哎。是分类添加的货物组件吗?啊,这是。
02:06
什么叫form组件?是包含form标签的组件,我们简称为form组件。啊,好。来,那这个地方肯定就用到谁。是on,来写一写啊。第一个是缝,还有用到什么呢?哎,这是个什么。啊有当刚有同学说form,那你要用form,那你就你可以在这里面写一个,写一个等于form点什么艾,当然你可以it可不可以不定义也可以,对吧,我们到时候写标准的时候直接写他是不也行。好,这里面有一个是什么呢。这不知道,这不是来的吗?下列表吗?是不好,下面还有什么呢?除了这个下面之外,后面什么这个。
03:10
Input。那也就这些了。其实这个要说啊,我们不断在HPM select里面的每一个是个什么。Select每一个。这整个是个列表,这是个列表项,列表项用的什么标签?Select的,我的天,Select的里面写的什么标签,对呀,我形标签,这你们这反射弧好像很长啊啊,记忆有点不太深了是吧,好来啊。没关系啊,这个地方啊,说一下这个select的里面也有一个东西叫什么呢?Option,那我们这么写就可以把那个标签名是不是稍微写的简单一点。
04:06
能听到吧。好,那下面我们在这个里面别写div了,还写啥div来个什么是不。能看到吧,啊,有了一个风以后,是不是第一个是个吧,那个可以吧。可以好,那来里面是什么不行。这个吧,啊,我选,那我里面是不是有多个好这个地方啊,我先我先随便写一些好吧,我随便写一个这个假设是A。这个地方说一个事情啊,每一个我险,其实它都有一个什么呢,都有一个value,假设我们这个就叫,哎,因为我们这里写的这个是叫一级分类看一下。这个是不是一级分类啊,它实际上对应的。
05:01
这个里面指定的是我要添加分类的什么。知道吧。他是不是负分类啊,说什么意思,如果我选择它,我这个添加分类是个几级分类,一级分类,那如果我选择它呢,二级。听懂了吧,也就这一个分类,这个列表实际上是我负分类的一个列表吧,我要添加分类的。这能听懂不,实际上也是就是个一级分类列表,以及它第一个什么一级分类这样一个项。啊,这要看得出来啊,好,这个里面我随便先搞一些纸啊,到时候再说啊,比如说我先搞个零可以吧,好再写一个四个意思啊,我因为我写的静态的嘛,嗯,接着写,嗯,比如说电脑吧,再写一个。还写一个什么呢,写一个。嗯,图书。可以吧,啊,这个值啊,假设一个一个一个。
06:02
一零一样,OK吧,OK,好,先写着,看它能不能写出来,咱再慢慢的动态显示啊,除了这个select还有什么?下面是不是input input,那input我这个地方应该是有一个。是不是提示的文本叫什么hold吧,对吧,等于什么啊,请输入啊那个分类什么名称。能看到可以吧,以啊,那好了。来我们来看一下,看看啊是一个什么样的情况,我把这个我把这个I得在这个里面让它显示一下吧。是不是这里面来提现是吧,那你先干嘛。
07:03
引路。在这里得了它from点斜杠at是吧,那就把这个at啊写在我们的。这个位置。就OK了是吧,我们来看一下我们当前的有没有。点击。是不是得放it吗?不放艾,这艾有点什么,是太紧。也就是说现在你看这这两个挨在一起了,大家看一下挤在一起了的感觉,能看到不啊,得先在啊。先包在一个什么呢?啊,当然我们现在是不是已经定义成了。这不是已经定成it了吗?能看到不,这一个也给它包在什么it里面,说白之间相互是有间隙的,应该大家注意观察。
08:13
走吧。那现在我希望它默认显示一级分类。而且按出来说后面是不是要收集数据。是不,而且甚至是不是要进行我们这个数据的合法性检查,也就是说比如说我没有输入这个,我输入这个吧。我没有输入这个,我点确认OK,能听见吗?不应该添加,应该在这里面有提示,是不是,那这个时候要做的话,必须怎么做。是不是要利用到一个很重要牛逼的对象,叫form对象来着?那要想用它,得是不是用一下高阶函数,高阶组件,那这个时候我们应该暴露的不是这个at home对不对,而是什么form,还记得吧,点什么先create一下,再括号传入什么爱。
09:11
那这样的话就能让我们这个。大家看看这个内部的render可以得到一个什么对象来着?一个form母对象吧,能听不得到对象不是我们最终目标,我们要得到一个母对象里面非常重要的一个函数啊,Prop是点form有一个什么函数,一个装饰的函数,好像叫get fair,完蛋,记不住了。怎么办,你看文档啊,对不。能听懂吧,啊,这个时候看文档啊,我们需要去看到一个非常重要的一个方法啊,Get failed。
10:02
嗯,是我们不是这个,我们现在看到是表格,而我们需要看的是不是什么呢表单。这个表单和表格它是两码事,这能清楚吧?啊,表单和表格是两码事,所以我们得在这个组件里面去找啊。哎,别收了,直接我们因为不有例子的嘛,那个例子里面会用到是不是啊,这个看的比较直接,也就是说是不是需要到他呀。我感觉我花了时间,我还记了一下,但是发现记没用。啊,过段时间就忘了,没关系,只要你能找到就行。啊好,没问题,那接着啊,你要想收集数据,要想啊初始化要想去进行验证,需要用它对我们的这些东西进行一定的什么是不是包装啊。
11:00
听懂我意思吧,来,那你就说什么意思呢?看好了,这个时候得写JS代码去包装了。还记得怎么写的吗?来他吧。第二个传谁,是不是传我的这个标签呢?是不是?能看到吧,能看到好,接着我这个里面呢。有几个参数还记得不,两个参数。啊,当然第二个是可选的是不是。啊,有一个啊,先这个涉及到后面收集数据要用什么名字问题,对不对,我告诉他,最后我会收集到一个数据叫Python什么。ID,因为我添加分类的时候,有一个很重要的数据叫pad ID。就添加分类的时候。这个就是你要对整个事情很清楚了,是不是看ID啊,在这里我来收集指定了,好第二个参数是一个什么呢?配置对象。我们前面在这里面很重要是配过一个rule,现在还有一个,其实我们有后面配过一个东西,初始值。
12:11
能听懂不?我的初始值,因为什么就会让它自动显示一级分类呀,零。我们来验证一下,刚才是没有显示一级分类,现在我们就要显示一级分类,但同理我的这个音input的也是不是需要这样一个包装啊?听懂我意思,不也需要这个包装,那我就把这个包装拿过来。替换他。这个input呗。对吧,接着我这个要收集的是不是分类的名字,那这个地方是不是要接收一个cat。是不,那我也就叫什么。看是不是比较名字一致啊。那我的初始值也就显示那个添加界面的时候,它显示任何输入文本吗?
13:04
没有吧,也就是说当我去显示那个。添加界面的时候,我要显示任何文本吗?不需要,那初始就指定为什么合适。空窗是不是就可以?或者不指定是不是也行啊,指定风扇完完全没问题啊,到时候我们就可以去获取这个数据。嗯。来啊,把这个给它搞一搞,那其实我们的这个界面就相当于已经写好了。是不是,诶怎么成名呢?刚才我是不是又回去了,应该什么空才对,对吧。诶。哦,改哪去了,这个改错位置了。
14:02
是吧,看到你就干啊。没什么没啊,那你说这个能搞你下一个。就还要怎么写吗?我就这一个。这个是不是就一个音部的呀,那其实说实话看到我。CTRL是CTRL对应,但功能肯定不一样啊,显示静态界面进而易举,Update吧。来看一下。这不更新了吗?那这个是不是添加分类的,是什么更新分类的,而这一个呢。是对吧,那最终包装的是吧,那我把这一个A给了什么。干掉是不是。能看到那这一个这个不是请输入分类的名称吗。
15:09
能不能看到这界面就搞出来了,那下面要做的事情是不是在我们的这个分类的组件里面给他引入并且进行使用。来引入一下这一个是什么,Form update form是吧,那这一个是form,那这样的话我们应该怎么着啊。去写一下这个标签不就可以了吗?是吧,好了,来吧,我们来看一下这个界面能不能显示。紫霞。来修改分类。可以吧,可以关闭。添加分类可以吗?可以,当然这个我点击修改分类,它默认应该显示谁呀。
16:02
我当前是不是写点击的是家用编器的许可分类,那他应该默认写什么家用电器,那等会得做点动态的才行,是不是现在我们只做静态嘛。这能听懂不能啊,先做静态的,咱们再做动态的。
我来说两句