00:00
哈喽,各位小伙伴们大家好。那接下来啊,咱们呢,去完成po form获取服务器数据的操作。那咱们呢,去看一下咱们正在开发的这个项目。那当然注意力呢,还是放在po管理这个模块当中。那么当用户啊选择一个手机,手机通讯,当三级分类确定的那一刻,是不是可以获取到所有的po列表的数据进行展示?那咱们呢,先完成修改po的操作。那么当你点击S修改PU这个按钮的时候啊。咱们的PU放这个子组件是需要发请求的。而且呢,咱们呢,刚刚也说了,他一共呢,要发几个请求呢,是发四个请求。分别呢,要获取当前的PU的一些信息。
01:00
对吧,获取品牌的信息进行展示。以及获取PU的图片进行展示。以及平台当中所有的销售属性也要获取到。那所以说啊,咱们呢,要向服务器发请求,获取这些数据进行展示。那当然目前而言,咱们接口还没有书写呢。那所以说啊,回到咱们的API文件夹当中。找到咱们的PU,那要书写相应的接口了。对吧。那咱们呢,先一个一个来。那咱们先说谁呢?先说他。先获取咱们SPU信息的这个接口,那咱们呢,先给它写上,就是获取PU的名称啊描述啊,对吧,那利用的是哪个接口呢?咱们呢可以看一下的。那么利用的是啊,获取某一个PU信息。
02:04
它叫做什么呀?叫做admi或get pup by。对吧,那咱们呢,去找一下咱们的swa。跟谁相关的?是跟咱们的po相关的。对吧,那应该是哪个呢?就是这个对吧?这不叫get PU by ID吗?通过po的ID获取po的信息进行展示。那所以说啊,咱们呢,把它呢放到咱们这里,那咱们写一下这是什么。这个呢是获取PU信息。那这个呢,是它的一个接口。对吧,那什么请求呢,咱们呢,看一下应该是盖的。那需要带一个参数,带的就是的ID,对不,那么是钙的请求,需要携带的参数呢,是pod。那咱们呢,写一下子。叫做port。
03:01
那咱起个名字叫re EQ PU。可以吧,哎,等于什么。等于那这块呢,要注意咱们的箭头函数呢,是需要传参的,是你要修改哪个po的ID,你得知道我得获取相应的数据。那以及咱们的request,那你当然要书写了,对吧?啊,先写咱们的URL。那么地址啊就是它了,那当然你需要用模板字符串是不是对吧,那你这块需要用Dollar进行拼接。那以及啊,什么请求,那是钙的请求。Method为get。对吧,啊指他。那以及啊,还有一个就是咱们也需要获取到什么呢,获取到品牌的信息进行展示,你看品牌的信息呢,是用下拉框进行展示的。那咱们用的接口是谁呢?可以看一下咱们刚刚做的那个笔记。
04:00
对吧,应该是品牌的数据是它叫做get trademark list。那应该呢,是跟品牌相关的接口,那应该啊是底下这个。那么咱们找一下这个接口在哪呢?应该是在这儿。对不,这不叫做base trademark get trademark list。那它呢,是一个钙的请求,不需要携带任何参数。那所以说啊,咱们呢,把它的地址啊给他拷贝走。拿到咱们的这里。那这块呢,咱们也做一下笔记,那这个呢是获取品牌的信息。那低脂咱们给它放在这儿,以及啊是钙的请求。来呗,Export。那咱们这个起个名字吧,就叫做REQ。Trade mark list。当然这个函数这个接口不需要带参,所以说咱们也不需要写行参了。
05:01
那这块呢,叫做request。那当然你的URL对吧,那路径呢,你给它复制过来就行了,那以及请求是get的请求。对吧,啊指烫。行,咱们再看看。那以及啊,底下这里的po的图片呢,也是需要通过接口获取到的。对吧,就是哪就是这图片。那么他所用到的接口是哪一个呢?咱们看一下。它叫做呃,PU image list对吧,带带个参数的。正了,咱们看一下咱们的SW。他们应该是在SKU里面。对吧,在这呢叫做PU image list以及携带一个参数就是pod。对吧,其实就是说白了,你要修改哪一个po的那个ID。那这块咱们也写一下吧。获取po。图片的接口。哎,接口。
06:00
来呗,一个是他的地址,第二个呢,看一下什么请求,这个咱们得瞄一眼,应该是get请求。对吧,那所以说呢,咱们再来一个X port cost,这个咱们起名叫re eq吧,叫PU image。List,那当然这个接口的是需要携带参数的。对吧,那以及request。那这个呢,还是一样URL。对吧,那么别忘记呢,在这呢,要加个Dollar以及什么请求呢,是咱们的啊get的请求。对吧,哎,都你没发现吗?都是该的。那一集啊,还有一个获取咱们平台当中所有的销售属性,那么这里面呢,老师呢,也说过,咱们这个平台的所有的销售属性一共是几个,一共是三个。对吧,这里一共是三个。那咱们看一下这个接口是谁,那么接口呢,应该叫做什么?Base c at tr list。
07:01
对不,那咱们去找一下子,看一下有没有叫base,什么什么at tr,我看看再再再确定一下叫base Co at tr list。对不,那咱们找一下看有没有,那咱们看下咱们的PU。对吧,这不这呢吗,叫做base Co a tr list,那么也是一个盖的请求,不需要携带参数。对吧,那所以说回到这儿,那咱们呢,也搞一下子。那这块呢,写一下子是获取平台的。全部的销售属性。那么一定要记住整个平台。那么销售属性啊,最多也就是一共就几个,一共就是三。哎,一共三个。一共三个对吧,那么每一个PU它所拥有的销售属性的,就比如说咱们可以看一下子。对吧,咱们呢,回到这儿,咱看一下子,就比如说你随便找一个PU。
08:01
那么它的销售属性的值最多就是三,它不可能多于三,对吧?这是属于自身的,已经有一个,那还有两个未选,所以一定要注意销售属性最多是几个,最多是三个。对吧,不管你是任何哪一个,呃,PU对吧,那么它的销售属性值最多最多也就三个。对吧,这块呢,一定要注意一下,咱们看一下这有没有对吧,比如最多也就是三个。好吧,这块要注意一下子。那咱们来吧,那这个呢,是他的请求的地址。对吧,以及钙的请求不需要代餐,那咱们来呗,Export constant叫做re EQ,咱们就叫做base。At tr list。对吧,那不需要携带参数以及request。那URL啊,咱们还是需要书写的,以及也是一个概的请求,那当然这玩意复制是不是复制多了对吧,那当然它也是一个钙的请。
09:03
行,这是它。那咱们接口写完之后,要注意是什么时候发请求啊。是不是当你点击修改po这个按钮的时候,调用子组件的那个in need的po date的方法是不是触发是不是获取服务器的数据。对吧,这不就在这儿呢嘛,对吧,哎,发请求。那咱们呢,就一个一个来,那咱们先说一个一个获取到数据,比如说咱们先获取到SPU信息的数据,那咱们来呗,就是获取PU信息的,呃,数据。那咱们看一下子用的是哪一个接口呢?用的是re eqp,但是要注意要携带pod。而PU的ID咱们有没有的是有的,你看啊,咱们打印一下子。那么当用户点击修改po那个按钮的时候啊,会把你选中那个PU的信息啊传给子组件。
10:02
而子组件的身上啊,是有这个ID的。对吧,但是呢,咱们呢,还是得看一下,哎,看一下有没有。那这里面呢,开的GRAY3ID不是,它是三级分类的ID。那以及有一个ID其实就是他4959这个ID就是咱们的pod。那以及底下有还有个ID说老师这个TMID是谁?TMID要注意是品牌啊,相应品牌的ID,这个可不是是咱们的ID。那所以说那咱们呢,就搞一下吧,那应该是z.WAPI.pu点应该叫re EQ,看名字叫啥来着,Re EQ s PU。对吧,PU,那需要携带PU的ID。对吧?那当然咱们需要等待他成功的结果,Away,那这里面你就要来谁是不来think。那咱们呢,去接收一下它的结果,Light一个咱们就叫做什么叫做PU的result ret。
11:05
那当然啊,你这个数据呢,一定是要存储于详实数据当中,因为将来会用的。那咱们先打印一下子,你看一下它是数组还是对象。对吧,在每个数据呢,你自己一定要耐住心,能耐住心去看一下它的结构。对吧,手机。手机通讯手机对吧,比如修改主线程,那咱们看一下子,那么它返回数据啊,是一个啥,是一个,呃,是一个对象对吧,你看这不就是描述嘛,这不就是相应的PU的名字吗?以及它所拥有的销售属性值是几个,是俩,我说过一共整个平台最多是仨,那你任何一个PU的销售属性一定是要么是零个,要么是一个,要么是两,最多是仨。而现在这个主线程有的销售属性值是不是就两。所以说咱们完全是可以获取到信息的。那所以说是个对象,那咱们这呢,要存储一下子,那这个咱们叫做PU吧。
12:00
对吧,是一个对象。那这个呢,咱们写一下这个是什么是哎存储PU。哎,信息数数叫。那么当服务器数据返回成功之后啊,那咱们的是不是得判断,比如说如果你的result选项就是PU result点后的等等于200。那么咱们呢,要存储一下子,那就是这点PU等于PU result.date。对吧,那咱们呢,还是得看一下组件,看一下组件的身上有没有相应的数据。对吧,这个呢,一定要时时刻刻的去调数据,咱们看一下子有没有数据。对吧,哎,走看一下子有没有,那这个呢,咱们应该是puu对吧?哎,咱们找一下子应该是PU下这个子组件。对吧,找一下应该是这个Q放。对吧,是有数据的,这是没问题的。
13:01
那以及啊,还有品牌的数据,其实品牌的数据它访问的一定是数组,因为想想它的欧是不是要用V杠号别利。那咱们先看看这个品牌的这个接口啊,应该是谁是他。对吧,那咱们呢,也给他拿过来一个一个去搞,那这块呢,咱们也来一个判断,这是啥,是不是获取咱们品牌的信息。对吧,这点到api.pu点它。当然不需要携带参数。那当然咱们呢,也需要等待它成功的结果,那这个成功的结果呢,咱们也起个名字吧,赖一个,咱们就叫做呃,吹的。Mark。对吧,2UT,那咱们的打印一下,因为品牌的数据你也得存储于,哎想是数据当中,因为将来要用,所以说咱们的打印一下,你看它访问的数据是数组还是对象。呃,我告诉你啊,100%是数据,为啥呢?因为想想你那个下拉框里面不是option,你一定是得V-for。
14:06
对吧,那咱们还是看一下对吧,是数组。哎,看这那所以说啊,那咱们这呢,也得存储一下子,那这个咱们叫做trade mark list。对吧,初始化指数组,那这个是存储的是品牌的信息。那这块的判断呢,也是一样的,对吧,比如说如果你的吹的mark result点扣等等于200。对吧,那么这点trade mark a list。那应该等于,呃,应该等于trade的mark。A result。对吧,Result点对。那为了以防万一呢,你还是得检查数据,一定要切记。数据有没有是很重要的。所以说呢,咱们呢,还是做一下测试,看一下有没有数据。
15:00
因为有了数据了,一切都好谈,没数据那一切都不好谈,对吧,它呢,应该是哪个组件,是咱们的PU form啊看一下啊,应该是puu放这对吧。那数据也是有的。好,那这是它,那以及啊,咱们还要获取到什么呢?咱们呢,给它拽下来,再往底下看看是不是还要获取咱们的图片的列表。那咱们呢,也是看一下这个接口图片应该是他。那需要携带着ID。对吧,那这块呢,咱们呢也去搞一下子,那这块呢,老师呢也给他啊做个笔记,再呢是获取品牌,不是获取PU图片的数据,哎,图片的数据。这点Dollar。API哎,点Dollar API点应该是咱们的PU下的,它需要带ad,那就是肉啊,不是肉叫pu.id。对吧,那这块呢,咱们也是一样,你得接受它返回的结果,那这块别忘记写啥,是不是写away。
16:05
对吧。那这块呢,咱们叫什么叫做PU。以made a result。对吧,那咱们呢,得看一下它返回的数据是什么样的一个格式,是数组还是对象,还是得看一下。Po以妹纸。呃。那咱们呢,还是得测试。对吧,哎,走看一下。图书。电子书刊。电子书走。之后呢,咱们的瞄一眼看一下它的数据格式是个数组,那所以说咱们这呢,也得来一个对吧,那这个呢,叫做PU以妹纸。List。对吧,Lit走,那这是干什么的?是存储存储什么,是不是存储PU图片的数。对吧,那这块呢还是一样,还是得判断,比如说如果你的PU以m result点扣的等等于200。
17:09
那么咱们的z.SPU以may。List image list等于PU image list result data。对吧,那咱们呢,还是得看一下有没有数据这块呢,一定要当心,你千万别什么都不顾,EE整完之后一看,哎,数据没有,那就坏了,对吧。那这个呢,咱们的这个呢,是没有相应的po,那咱们找一个手机。手机通讯,手机走。之后呢,咱们看一下有没有数据。对吧,应该是咱们的po方。对吧,啊,这个应该是谁是这个他。有的对吧。那以及啊,还有一个数据,咱们要获取到,就是平台的所有的销售属性。对吧,那这个呢,应该是是咱们的这个base私有at tr list不需要携带参数。
18:03
那这个呢,咱们也写一下吧,这是什么?这是获取平台,哎,全部的销售。销售属性。那应该是这点到API。点PU点它不需要带餐对吧?那当然你也需要wait等待它成功返回的结果。那以及咱们也得接收一下子。Light,那咱们这个叫啥呢?这个就叫做呃。Sales sales result result。那也是一样。对吧,比如说如果。你。Result点扣的等等于200成功,那你还是要存储一下子,其实它是什么呢?也是个数组。对吧,那咱们在这呢,也可以来一个叫做CU啊啊at tr销售属性列表list等于数组。
19:01
对吧,哎,数组。那这块呢,老师呢,也给你们写下注释,这啥是销售属性的,呃,数据。那这块呢,也是一样,你也要判断对吧,那就是c.Co at t list等于result点对吧,应该叫做see,呃,造点date。那这个呢,咱们的回首呢,还是得测试一下数据,看数据O不OK。对吧,哎,咱们给他往底下拽一下,因为有一些是没有po的,那你没办法测试。对吧,让它往底下一点。那咱来一个吧,手机手机通讯手机对吧,修改之后呢,咱们看一下咱们相应的组件身上有没有相应的数据。这四个都没问题。对吧,是不是都有数据。那所以说咱们完成了获取PU form组件的这个数据的操作,那无非就是写写接口,发发请求。
20:07
那么数据的格式呢?不用死记硬背,像老师一样,每一次自己测试一下子,返回的是数组,那用数组存储返回的是呃,对象,那你就初始化对象,将来进行存储就行了。
我来说两句