00:01
哈喽,各位小伙伴们大家好。那接下来啊,咱们去完成收集平台属性值的操作。那咱们呢,去看一下呢,已经完成的这个项。比如说一级分类啊,老师选择一个产品,比如说图书。以及二级分类电子书刊以及三级分类电子书。那在这里啊,会展示相应的属性与属性值列表。那当然啊,咱们要完成的是添加属性这里。那首先说。属性名咱们的已经收集到了,对吧,比如说你来一个内存,那咱们呢,可以打开咱们的开发者工具去看一下子。对于咱们的而言呢,现在目前咱们呢,是可以收集到属性名的。而属性值咱们是收集不到。那属性值什么时候收集啊,那咱们看一下这里。
01:03
那就比如说内存那有128的对吧,有512,那随便来嘛,那当你点击添加属性值的时候。那你会发现table是多了一行。对吧,那在这里面可以收集相应的属性值,比如说有128的。那以及你可以收集多个属性值,比如说你再来个512。那这些数据,哪些数据属性值的这些数据,那收集到哪呢。是不是收集到咱们的at tr value list?那咱们也说过。A tr name是相应的啥呀?是不是相应的属性名?而你的a tr value list里面,那收集的是不是相应的属性值?对吧?啊,那所以说回到咱们的项目当中,咱们呢,把属性值的收集的操作也给他完成。
02:02
那首先说啊,你要明白一件事什么事,那相应的属性的属性值收集到哪里,那找一下咱们的组件。看一下咱们的这个组件啊,看一下这。那咱们的属性的属性值是不是收集到at tr value list里面。对吧,而且是在哪块收集呢?是不是在咱们的这个表格这里进行收集。对吧,而咱们的表格啊,那当然也需要这个数组对吧,叫做at tr value list,那咱们这里面呢,就可以给它来一个数据叫date。对吧,为什么,是不是为咱们的at tr info,看看叫名叫啥来着,是不是叫做at tr value list at tr value list。对吧,那你只要将来这个数据里面有一个元素,那是不是有一行,那有十个元素,是不是有十行,那对于咱们目前而言,是不是有一个元素,那你会发现咱们的这个。
03:05
Table是不是有一行?那你要注意一件事啊,什么事呢?就是咱们这个属性值名称,你上来的时候,你看这儿啊,你看这儿你上来的时候是不是得有一个,这叫啥,是不是叫表单元素音input。对吧,因为你需要让用户输入你相应的属性值。那所以说啊,咱们找到咱们的table的第几列呢,第二列。找一下。那应该是table,这是第一列,这是第二列,那咱们呢,需要给它传结构了,那就得用啥是不用作用与插槽。那当然啊,这里面呢,有相应的肉对吧?哎,肉和Dollar。那这里面呢,要注意一件事,什么事呢?就是肉是什么?肉是你这个数组里面的每一个元素。对不,而每一个元素是什么,是不是像一个相应的属性值。对吧,那咱们先把它的结构先给它完成,那这块呢,应该放谁,是不是放的,是不是应该是EL杠谁呀,是不是告诉咱们的input。
04:07
对不?那place holder,看一下它有没有place holder,咱们看一下默认是不是有,请输入属性值名称,那咱们也给他来个place holder叫做请。哎,输入属性值名称。那将来你这个表单元素的收集,收集到哪,是不是收集到咱们相应的这个属性值的这个对象身上。对吧,是不是叫value name啊,当然初始值应该是个空。那所以说咱们呢,收集一下,应该收集到哪,是不是收集到咱们的。肉点Y那。对不,那所以说咱们先看一下咱们的这个对吧,你比如说你来个123123123,那咱们看一下能不能收集到。对吧,那你看一下能不能收集到,这是没问题的。那以及在最后一列这里,咱们看一下子啊,看一下它的静态的结构,哎,对了,而且你要注意一件事啊,你看人家的已经写好的这个表达元素,你发没发现个头是比较小的。
05:10
对吧,你看它高度,而你看咱们这个高度是不是有点大。那这里面呢,老师要说一下的input呀,它也可以写size。对吧,你也可以让它小一点,为什么为mini。对吧,那这样它的个头也能小一点,咱们可以刷新你看一下。对不,那以及操作这里啊,咱们看一下它有个什么,是不是有一个按钮叫删除。对不对,那所以说在咱们的第最后一列这那也要给它来个作用于插槽,给他传结构,那当然这里面也有相应的肉。对,以及Dollar index。那这块呢,咱们需要有一个按钮啊,那咱们就给它来一个EL杠八,哎,EL-button。当然类型呢,应该是D,因为它是红色嘛。那以及啊,它呢,有相应的icon icon的应该是那个delete对吧,EL-I杠杠。
06:06
类的以及大小啊,Size。咱们呢,也给它来一个mini。对不,那咱们来看一下它的个头,看一下咱们的这个。对吧,这是没问题的。对吧,那这里面呢,要注意一件事啊,什么事啊,你看人家的这个。你看你看你看好了,看这。所以说老师选择一个图书。电子书刊。电子书,当你添加属性的时候,你会发现相应的属性值是不是一个都没有?而咱们这个呢,你看一下子。老师呢,从头给你跑一下,你看啊。图书。对吧,以及咱们再选择电子书刊以及电子书,当添加属性的时候,你会发现,诶属性值它默认是不是来了一行。对不,那你看人家默认是没有,那为什么呢?因为咱们现在是不是占位,什么叫占位,就是在最开始的时候,你这个属性值列表里面就已经有一个元素了,那所以说它是不是会占位,那所以说咱们这里啊,你不应该上来就应该有。
07:11
对不,那是应该什么时候,是不是应该点击那个按钮的时候才会有。对吧,那这个老师呢,给他格式化一下。所以说咱们的这回再看一下,看一下咱们的这个你看啊。老师给他取消一下,看这样。图书。电子书刊以及电子书,点击添加属性的时候,你会发现是不是也是什么都没有?对吧,那你只需要让这个数组里面,哎,你来一个元素,那我是不是多一行,你来一个元素,我是不是多一行,你再来十个元素,是不多十行。那什么时候新增呢?给那个数组新增的元素,你要注意,比如说颜色这是属性,那我一点击添加属性值这个按钮,你发没发现是不是多了一行,我再点加是不是再多。对不,那所以说咱们的这个数组啊,起始的状态啊,你不应该让它有元素,那什么时候应该有元素呢?当你点击这个添加属性值这个按钮的时候。
08:10
对不这不这呢吗?添加属性值。那所以说啊,咱们呢,可以给他绑定一个单机世界艾特click。那比如说咱们叫做ad tr y0对吧,那这不就叫做添加属性值嘛,对吧?那所以说咱们可以在底下写上相应咱们的函数。来咱们搞一下,那这个是是不是咱们的添加属性值的毁掉。对不啊。那你要注意啊,那咱们呢,先给它弹出个123对吧,你先别管别的,你看一点这个按钮是不是先弹个123。对吧,哎,这是没问题的。但是你要明白一件事,什么事,你一点击添加属性值这个按钮,你要干啥。那你是不是需要向这个数组里面铺一个元素?对不,你点击十次,我是不是PUSH10个元素。
09:03
对吧,那所以说咱们在这里面可以怎么办?哎,是不是像咱们的属性值。到数组里面添加元素。对吧,哎,应该叫元素。元素。那应该是this.at tr info点应该叫at tr value list点谁,是不是点push。那你push是什么?是不是push每一个你要新增的这个属性值。那应该有俩,一个叫at t rad。那有的同学可能会问,那老师ATID是多少啊?你想想啊,咱们现在是新增,你是新增一个属性,那服务器还没给我给你相应的ID呢,比如说咱们现在是新增的操作。你先增这个属性的ID,将来一定是由服务器那个数据库分配的,而咱们现在没有,那没有怎么办呢?那这块呢,咱们先给他写个啥,先写个安底方。
10:01
对,不就什么都不带呗。那这里面的老师要说一下的at t RD是什么,是你。哎,是你相应的属性的ID,那么目前而言,那么我们是添加属性的操作,那么还怎么的,还没有相应的。哎,属性的ID。所以说咱们的目前而言,那么带给服务器的输啊,就是这个ID是啥ID为安底方。对不就相当于咱们现在没有呗,没有你带安底饭呗。对吧,那这块呢,一定要注意。对吧。那以及还有一个就是什么,咱们需要带的是不是带咱们的那个属性值名称叫value name,当然你这个字段不能瞎写。对不对,这一定要注意啊,你要得跟着看那个,看那个文档,人家接口要什么字段,你给什么字段,对吧?而咱们还有一个叫value name,那value name是什么,是相应的啥,是不是相应的属性值的名称。
11:11
对吧,那这样你只要一点击,是不是就向数组里面push一个。对吧,那咱们可以看一下对不对。而且你看一下可不可以收集你相应的属性值名称,那咱们打开咱们的开发者工具。对不,咱就随便找一个,比如说找最后一个。对吧,哎,找最后一个属性值,你看啊,老师给他来一个123 123是不是可以收集。啊,这块呢,要注意一下,咱们刷个新老师呢,都从头来你看啊。图书。电子书刊,电子书添加属性,属性名,比如说颜色,那咱们看一下的属性名是不是能收集到。对吧,没问题,以及新增一个属性。值对吧?啊,那咱们来一个,比如颜色来一个什么色,粉色,你看是不是都能收集到。
12:00
但是呢,这里面呢,要注意一件事啊,你看已经写好了这个。你看啊。他呢,有一个这样的一个操作,要注意一下子,你看这儿啊,比如说你没有属性名的时候,你这个按钮。是不是不能用。对吧,但是如果你有了这个属性名是不是可以,而咱们这个是我不管你有没有是不是都可以。对吧,啊,这个老师给他先给他清楚一下,你看咱们目前写的这个,就是我不管你有没有属性名,我这个按钮都可以。所以说可不可以操作行,那所以说咱们找到这个按钮,就哪个按钮,这个按钮。对吧,那你应该给他加一个啥,加一个叫做disable。对吧,但是你要注意这个条件是什么,条件是你有没有这个属性名。对吧,如果你有只能使用,没有是不是不能使用,所以说呢,应该给它怎么办,是不是得判断,那其实置反就行了,就是a tr音否的at t RA。
13:02
Ttr是不是at点零。对吧?单词千万别写错,叫at tr info.at tr name对吧?那咱们这回再看一下,你看咱们这个,比如说你没有属性名,OK,你是不能用的,你不能添加属性值,但是如果你有了是不是可以。那所以说咱们也完成了收集相应的属性值的操作。
我来说两句