00:00
哈喽,各位小伙伴们大家好。那接下来啊,咱们呢,去完成添加属性与修改属性当中的保存的操作。那咱们呢,先去看一下呢,已经完成的这个项目。比如说啊,老师选择一个图书以及电子书刊以及电子书。那就比如说对于添加属性这里。那咱们呢,可以添加一个属性,比如说颜色。那以及啊,也可以添加相应的属性值,比如说黄色对吧,那以及你可以再添加一个,比如说哎,少女色粉色。那么当用户点击保存按钮的时候,那这里啊要注意一件事。那咱们呢,是要把咱们需要收集到的这些数据,那咱们呢,看一下这些数据。那也就是说咱们需要把咱们相应收集到这些数据啊,当你点击保存按钮的时候哈,把这些数据提交给服务器对吧,那么让服务器进行存储,那么当你返回到这个。
01:12
展示属性的这个table当中呢,你是可以看到的。对吧,那除此之外还有一个地儿,除了可以新增某一个属性,那当然也可以修改。对吧,那假如说我要把它的属性值啊改成什么呀,改成比如说啊叫做汽车。那么当你点击保存按钮的时候也是一样,那么也是需要把这些属性啊,属性值提交给服务器,告诉他哪一个属性值对吧,服务器呢,可以通过ID哎去看,哎,我要更新哪一个属性值。那所以说啊,当你点击保存按钮的时候,也是需要向服务器发请求的,告诉服务器诶,我要修改哪一个属性。
02:03
对吧,那其实啊,对于添加属性和修改属性,他们所使用到的接口呢,都是同一个。那么在哪里呢?是在咱们的商品基础属性接口的最后一个,哎,这个接口当中。叫做admin product save a tr info,叫做保存属性信息,对吧?那这些呢,不就是咱们曾经收集到的属性名,还有属性值列表吗?而咱们的这个接口啊,其实已经写好了。在咱们的at tr这里看到这儿。那咱们呢,当时写这个接口的时候是为什么呢?是因为要收集数据的时候,要看一下的收集哪些数据。那咱们这个接口起个名字啊,叫做添加属性,那这个呢,咱们呢,重新给它起个名字叫做ADDADD啊或者是更新at tr属性。
03:01
对吧,那接下来咱们就要注意一件事,什么事,那么什么时候去调用这个函数呢?很简单。那么要么是添加,要么是修改,当点击保存按钮的那一刻。对不对,你要整理咱们收集到的这些参数,提交给服务器。对吧,那所以说找到咱们的相应的组件,咱们看一下在这儿。那老师呢,先把左侧这里啊,先给你折上了,那咱们呢,找到这个按钮,那这个按钮呢,应该是在底下这个结构当中的最后一个按钮这里。对吧,保存。那所以说啊,咱们呢,给他写写一个点击事件。当你点击这个按钮的时候,你要干什么,你要ad或者是更新。At tr。对吧,那当然咱们现在是没有这个函数的,那所以说啊,回到咱们的底部这里,那咱们呢,再写一个函数。
04:06
那这个函数是什么呢?是保存按钮,那进行什么呢?哎,进行添加属性或者是修改属性的操作。对吧,哎,咱把它给他拿过来。那咱们呢,先测试一下子,这个函数写的O不OK,就是当点击保存按钮的时候,会不会弹出一一。对吧,那咱们的测试一下的走,哎,这是没问题。那接下来的问题是啊,就比如说哎,咱们要修改这个属性吧。对吧,哎,这是咱的,那就比如说当你点击保存按钮的时候,你要干什么呀?那你是不是要把你收集到的这些数据通过请求携带给谁,是不是携带给服务器。那所以说啊,咱们做的第一件事是什么呢?先整理咱们的参数。
05:01
对吧,哎,叫做整理参数。那么整理参数这里面呢,也有一些说道举个例子啊,你看这种情况他对不对。你看比如说老师选择一个。对吧,哎,修改就它吧。比如说啊老师呢,再给他添加一个属性值,比如说全都是空格对吧,而且我是点了很多。对不对,你发没发现一件事什么事,老师是给他添加了很多属性值,但是你要注意一件事。什么事呢?老师给他添加的可都是空的属性值啊。你看嘛,你看咱们收集到的数据,您可以看一下。对吧,哎,咱们瞄一眼咱们收集到的数据,找一下,应该是APP面向的TR,你看它的属性值呢,有几个,有五个。但是呢,其中呢,有四个它的Y流内都是空,而你这些空的属性值应该提交给服务器吗?
06:01
你这块要琢磨琢磨,这些空的属性值需要提交给服务器吗?是不需要。而且整理参数的时候还要注意注意什么这个flag字段。是服务器不需要的。所以说咱们在提交给服务器的时候啊,要把flag字段给他咋的说给他干掉。对吧,哎,那这个咱们是不是这个函数名没有写对呀,可能报错,那咱们呢,测试一下的图书。电子书刊电子书对吧,随便找一个。对吧,这个老师给到折过来。对吧,那咱们呢,点击一下看一下子啊。应该是这个修改啊,这是没问题。对吧,那所以说要注意一件事,对于空的属性值不应该提交给服务器,因为是没有任何意义的。所以这块呢,要注意一件事,整理参数的时候,第一种情况是什么?斜下的第一种情况,比如说如果,哎,如果。哎,用户添加了很多属性值。
07:04
且属性值为空的,那你不应该提交给服务器。对不,第二件事儿。就是呃,提交给服务器的数据当中啊,就那个数据当中。I。不应该出现FLY的字段。那么这个flag字段呢,其实就是当咱们在切换编辑模式和查看模式的时候才会用到的,对吧?服务器是不需要这个字段,那咱们怎么办?那咱们你得找到相应的属性值这块的数据。来咱们找一下看这啊,就比如说修改尺寸这个。那你得找到相应的你这些属性值,它它的数据在哪,是不是在咱们的a tr info当中的这个at tr value里面,那现在呢,它默认是有三个属性值的,这是没问题的。对不?
08:00
那假如说出现了很多空的,哎,很多空的属性值,那你是不是要过滤出来,什么叫过滤这些空的属性值不应该选。对不,那所以说咱们怎么玩可以这么办,过滤就是这点at tr颠o.at tr value list,那这个不就是咱属性值的那个数组吗。那咱们可以怎么办?Future过滤。对不对吧,那首先说第一件事,那这里面要写什么,咱们先一个一个说,首先说filter函数,对于数组的这个filter函数,要注意它会返回一个新的数组。第二个filter,这个方法是用于过滤的,从起始数当中便利每个元素筛选出你想要的元素,那么需要这个回调返回的布尔值要么是真,要么是假。对不,那咱们先一个来,第一个先过滤掉什么,就是过滤。哎,过滤掉属性值不为空的。
09:03
就是不是空的,咱们才是要的,那这个好判断,比如说你来个if嘛,如果你的item的item的什么呀,Item的value name。那如果不等于空,那代表什么?代表属性值是有的,那这些是咱们需要的。对不对,这块要反应过来,Item的Y不等于空,代表是不是有属性。而且还要注意这些带有属性值的这些属性啊,属性值一定要注意啊,就是这个属性值不为空的。这个对象它的身上是有flag那个属性的,还有删除掉什么,哎删除掉哎删除掉flag属性。那所以说删除delete,删除谁item的这个flag属性。那当然,你需要返回一个布尔值,谁处,那这代表是不是咱们过滤完之后的,咱们需要提交给服务器的数据?那所以说咱们在这儿可以怎么办?要注意filter会返回一个新的函数。
10:06
新的数组啊,新的数组所说咱们呢,给它赋值给谁?At tr info.at tr value,那这个数组不就是过滤之后的了。对吧,那过滤完事之后你要干什么。你要干什么?那当你一点击保存的时候,你是不是要真的发请求了?对不对,你这块得琢磨了。比如说咱们提交给服务器的数据已经过滤完事了,那当你点击保存按钮的时候,是不是要发请求了?对吧,那所以说来看这。那接下来咱们要干什么?那你是要咋的发请求的,哎,发请求。那也就说咱们呢,写谁这Dollar api.at tr叫re EQ什么来的?看一下子叫re EQ,看一下子叫re e q DD啊,Update a tr。
11:00
对不,那所以说啊,咱们在这呢,给他写上。那你带的参数是谁?是不是就是z.a tr?那当然,咱们需要等待他成功的结果,Wait,那这块就可以写成a think。对吧,那成功干什么,失败干什么,你这里面是不是可以写try catch。对不啊,成功干什么?Try try catch,成功干什么,失败干什么。对吧,那咱们写一下子,那如果成功了,你要想明白一件事,接下来还要干什么。你看人家已经写好了这个,那如果说是成功,你看保存成功。它是不是有一个提示弹出一个信息框。对不,那所以说咱们这儿呢,也可以弹出个信息框,对不,就是这点Dollar message,对不,传一个对象什么类型的,应该是成功sus以及提示的信息应该是什么,是保存成功。对不,那除此之外你还要干什么,你要注意啊,你看。
12:02
咱刷新你看啊,来咱重新访问一下,比如说手机。手机通讯手机对吧,就比如修改它。对吧,比如说老师再给他添加一个,添加了多少11551点击保存,那你会发现啊,对于咱们的这个table,它会获取到最新的属性值。对不对,对吧,那所以说你还要再一次获取什么,获取咱们的这个列表数据。对吧,平台属性就是所有的你保存完之后所有的,呃,这些平台属性你还要再次获取。所以说咱们还需要怎么再次调用this.get a tr value list。对不这块写一下,就说保存成功以后需要怎么的再次获取。平台属性进行展示。对不?那如果失败了,咱给他来个信息吧,就这点Dollar a message。
13:01
Mes,咱们来个什么呢?就叫保存失败吧。对吧,当然你不写也行,对吧,咱们一般都会成功的。那咱们呢,回到咱们这里,那咱们呢,去看一下,你还是得测试。对吧。手机手机通讯手机,那比如说尺寸这个老师呢,再给他新增一个对吧?哎,比如说666。对吧,哎,走保存成功,但是你要注意一件事。保存成功之后,咱们不应该显示这个结构了,而应该显示谁,是不是显示这个属性列表。所以说呢,还有一件事要做,就是把咱们的show table对吧,变为什么变为真,这要展示那个平台属性的列表,就是this.is show table为什么为主对吧?所以这块呢,老师也做一下笔记,这是展示啊,展示咱们的平台属性的信号量。
14:00
对吧,进行切换。对不,那这块是什么,是不是咱们那个消息框消息提示消息。对吧,好了,那这回呢,咱们呢,再看一下子,咱们的这个啊,走图书电子书刊电子书,就比如说他吧,那咱们呢,给它修改一下子,比如修改为什么呢,修改为汽车123。对不,当你点击保存的时候走没问题对吧,那以及添加咱们也测试一下子,比如说颜色,那再添加个呃属性值,比如说黄色,那当你点击保存的时候也是没问题的。所以说咱们完成了保存的操作。
我来说两句