00:00
哈喽,各位小伙伴们大家好。那接下来啊,咱们呢,去完成SKU form的数据的展示与收集的业务。那咱们呢,先看一下呢,已经完成的这个项目。比如说啊,用户选择一个一级分类。二级分类三级分类。那么会在底下的这个table当中啊,把所有的po的列表呢进行展示。对吧,那咱们呢,也说过PU相当于是什么,相当于是一个类。那么当咱们点击添加SKU的时候,那么是相当于给这个类啊添加一个实例。那比如说现在呢,咱们想给早上好这个类对吧,也就是这个PU给它添加一个实例。那就点击添加SQ。那么你会发现啊,当你点击那个按钮之后啊,会切换场景。
01:05
切换场景为几呢?为二就是咱们的SKU的否。那么要收集哪些数据呢?以及展示哪些数据呢?首先说。类的名字,SQ的名称是早上好。那其实啊,当咱们点击添加SQ的时候,已经把当前的这个SPU的这个类啊,已经传给咱们的子组件。那所以说对于这个类的名字,咱们是能获取到的。那当然,你需要收集咱们的。实例的名称对吧,就是SQ的名称,你是要收集的。以及价格,你也要收集。以及重量你也要收集,其实这块的数据呢,是比较好收集的,因为都是表单元素嘛。We model不就搞定了吗?
02:00
那以及规格描述也要收集数据。以及啊,平台属性,这里你需要展示数据以及收集数据。比如说啊,咱们要选择一个第二个。以及啊,喜欢什么什么喜欢可真是廉价的东西,对不?以及销售属性,这里你也要展示数据以及收集数据。对吧,以及图片列表,这呢也是一样,需要展示数据以及收集数据。对不,比如说咱们真的新增一个实例对吧,比如说叫做小明,哎,小明。那以及价格呢是五块钱,重量呢是一百二对吧?描述哎,小明是一个好孩子。对吧。那么当你点击保存按钮的时候,那你要注意是真的。添加了一个SKU。
03:00
对不,那所以说当你收集完这些信息的时候,当你一点击保存的时候,是要向服务器发请求的。是给咱们的这个类真的添加了一个实例。对不?那所以说当你点击保存按钮的时候。是需要把你收集到的这些信息啊,提交给谁,是不是提交给服务器。那么是哪一个接口呢?那咱们呢,可以看一下呢,它的这个。哎,接口对不?比如说咱们就点击一下保存,看他用的是哪一个接口。他用的呢,叫做save SKU音。那咱们呢,去找一下咱们的SW在线文档。他们应该是关于SKU的,因为添加SKU嘛。那么接口是谁呢?咱们找一下应该是它。叫做c SQ info,那当然咱们这个接口还没有对吧,还没写呢。
04:01
那么咱们呢,要注意一件事,什么事,那将来这些数据都是要收集的。那收集的格式长成什么样子?对不对,就是你收集的那个数据是要给服务器带过去。那服务器要拿到数据进行,哎,存储数据,那需要携带哪些数据给服务器呢?有哪些字段给服务器呢?那所以说这些呢,并不是蒙的,咱们得看一下文档。那也就是说对于这个POS的接口是添加一个实力SKU。那么将来他是需要给服务器带一个参数的,叫做SKU音房,以及是一个请求底参。那么需要携带的参数呢?有这么多?对不?那所以说啊,回到咱们的S啊ku in啊from这。那咱们将来是需要收集数据的,那收集数据有哪一些,咱们呢先看一下。
05:04
那有的同学啊,可能一看到这么参,看到这么多参数啊,可能就怕说老师这个参数有点多呀。咱们耐住性子,一点点的去看下,其实没多少。那也就是说对于咱们的S,看一下咱们的这个这个这个项目。对吧,图书电子书对吧,早上好,咱就去给他吧。也就是说,对于,对于。咱们的SQ,你将来是要收集数据。而数据的格式长成什么样子,咱刚刚也看见了。那所以说啊,咱们呢,需要添加一个字段。这块呢,一定要注意是收集,哎收集谁收集咱们的SKU信息的啊数据的。啊,数据的字段。比如说啊,咱们就叫做SKU音法对吧?Info那字段是什么?是它就是咱刚刚拷贝文档当中的那个参数。
06:05
那么有的同学啊,可能一看,哎呀我的天呐,这么多数据要收集,可能就怕。其实啊,这块呢,老师呢,一点点的给你们去说道说道。所以说啊,这里面的有些字段呢,咱们呢,不需要收集对不,比如说create time创建的时间。这个字段呢,咱们呢是不需要收集老师呢,都给你们整理一下。以及你想想啊,是添加SKU,那哪来的ID啊。对不已有的是不是才有ID,所以说这个ID也不需要。那以及像这个ASE和价格对不?你想想价格什么的,价格看看需不需要,价格是需要。对不像这个is sal啊,这个咱们是不需要。对吧,把他也给他干掉。对吧,那咱们说一下子,哪些数据是需要收集,哪些是不需要收集。
07:04
对吧,老师呢,先给他,先给他,全都给他倒回来。老师呢,给它分为三大类,你看啊,老师呢分为三大类,第一大类是什么呢?收集的数据。第一类收集的数据。第一类。收集的数据是谁给的呢?是副组件给的数据。对不,就比如说三级分类的ID。其实三级分类的ID是谁给的呢?是父组件给的对不?咱当年发请求的时候,你看三级分类的ID是不是父亲?所以说这个咱们是能拿到。当然像create time这个咱们是不需要。以及ID也是不需要的,以及isce也是不需要。那么还有哪些数据是父亲给的呢?像t midd和puu ID是负足价格。对不?
08:00
哎,咱们呢,把它呢都给你分分。说老师你怎么知道呢,咱们呢,可以打印一下咱们这个PU,你看啊cons第2LOG。对不,咱们呢,可以打印一下子来刷新。老师呢,重新给你们跑一下子,比如说图书。电子书对吧,哎,点击咱们呢,看一下po的身上啊,其实是有三级分类的ID的,你看这是副组件给的。那以及还有t m mid品牌的ID也是副组件给。对不,也就是说像这个数据。和这个数据都是副组件给的。而这个PU也有属于自己的ID,所以说这个ID咱们也能拿到。对不,因为咱们你看吧,咱们是从哪是从这个咱的取消还没写是吧。来这咱呢是从这个早上好,这个PU是不是进行添加的,你得知道是给哪一个类添加实力,而这个类咱们在子组件当中已经能拿到,那当然这个类的ID咱们是能拿到,像品牌ID,三级分类的ID,像这三条数据都是副组件给。
09:18
当然咱们能收集。对不,哎,那其实啊,那咱们呢,在这儿呢,已经看见了,副组件已经给了,那咱们呢,其实就可以收集。对吧,那这块咱们写一下子就是收集。附组件。副组件啊,给予的,哎,给予的数据。总共有三个,分别是三级分类的ID,那就是this.sku info.categ GR cid等于SPUu.category CAD。对不,那以及还有什么呢?还有这个SQ的ID,那就是这点SKU音方点看咱们叫什么叫做呃PUID。
10:06
注意大小写对不?那应该等于什么?等于当前的这个PU的ID。那以及还有谁呢?以及还有这个品牌的ID,那就是这点s puu info.t midd,那等于什么?等于SPU的t mid。所以说对于这三条数据,咱们是可以收集到的,咱们呢,可以测试一下子。图书。电子书刊。电子书。咱们呢,打开咱们的开发者工具。盯住咱们的数据应该是SKU for。咱们收集的数据是不是收集到这里,你看当老师一点击早上好给这个类添加实例的时候,你看一下。相应的数据是不是能收集到?对吧,咱们看一下三级分类的ID。对不,以及TMID,品牌的ID以及PU的ID,这三个数据咱们是能收集到。
11:07
所以说这一大类呢,是副组件给的,咱们能收集到第二大类。第二大类数据。第二类数据啊,是需要需要通过。数据。哎,双向。绑定就是微港model手机。你好。就比如说你看咱们的这里啊,你看这儿。就比如说哎,对了,以及你看咱这儿一直是海绵宝宝对吧,一直是海绵宝宝这块应该是什么,是你那个类的名字,咱们的这个类啊,既然已经能拿到了,那你把这个数据一存储在这儿,是不是就能啊就能就能展示了。所以说咱们存储一下子,那在这儿呢,老师呢,给它折上。咱们存储一下子这个PU,那咱们呢,就叫什么,就叫做啊PU吧,OK吧,等于一个啥是一个对象。
12:01
对吧,咱刚刚也打印了是一个对象嘛,他这是用的嘛,对吧,那所以说这块呢,就是这点PU啊,等于谁呀,等于咱们的PU。那咱们先看一下子,先把这个类的这个名称啊,先给它显示出来,你看啊。图书电子书刊电子书当前的这个类啊,叫做早上好,你看咱这还叫海绵宝宝呢。你看咱们来看一下这个数据已经有了,已经存储了,咱们找一下叫做sqone。他呢,是谁呢?是叫做PU的,呃,Po name。对吧,那所以说啊,那这块呢,就不能写死了,写海绵宝宝了,那应该写什么,是不是双划括号PU的PU name。对不,哎,Name,那也就是说当你点击添加SKU的时候,你给哪一个类添加的是不是就能展示出来了。对吧,好了,那所以说对于父亲给的数据,咱们已经收集到了,那剩下的这些数据有一些咱们VGA model就可以,比如说谁呢,SKU的名称。
13:10
就是你实力的名字。那咱们看一下它收集到哪呢?来,咱们一点点看看这呗,SKU name。对吧,那这个呢,老师呢,给你写一下,那当然起始值应该是谁应该是空的。对不,那这个收集的是谁?你看人家这个名字是不是就是SKU的名字。对不,那当然这个数据是非常好收集的,不就这样吗?咱们数据双向绑定,那不就可以收集到,对不?所以说VGA model。等于什么?等于咱们的SKU音符点SQ内。那咱们呢,还是得多加测试,看一下能不能收集到。图书电子书刊电子书对吧,比如说我真的要添加一个实例的名称,那咱们盯住数据叫SQ放啊盯住这。
14:04
看这啊叫SQ name看这啊,比如说咱们来个什么呢?小黄人,对不是不是可以收集的,当将来点击保存的时候,那绝对是可以把这个参数带给人家的。以及像价格。重量、规格描述都是VGA model收集。对吧,那所以说咱们再看价格,那价格是谁,不就是price吗。对不,当然你看一下人家的这个啊,人家的这个这个价格,你看人家这个价格是带这个的。加一减一,你看再给他刷新,你看人家的这个啊。来,你看啊,走走。要默认。点击你看是不是加一减一操作你看。其实这个好找,这个呢,其实它用的是什么,咱们找一下价格,价格其实这块呢,它是有一个叫做type属性。他用的是谁呢?是number nub nub对吧,用的是它。
15:05
那你看一下咱们的这个啊,你看下咱们的这个。找你。图书。电子书以及啊对电子书走,你看咱的这个价格是不是也出现了这个小按钮。对不点基在它的基础上是不是应该是加一减一对吧。但是要注意它也是一个表单元素,那也可以数据双向绑定,跟谁价格吗?VGA model。对吧,那咱们呢,看一下子V-model等于什么?等于咱们的P啊,应该是SKU info.price。所以说价格呢,咱们呢也能收集到。对吧,你看到没有,咱们找到咱们的SQ form这里。对不盯住咱们的价格,你看是不是能收集到。对吧,是吗?看吧。对吧,哎,这是它,那以及像重量和规格描述,咱们也能收集到重量是谁呢?是V。
16:02
对不?哎,那当然起始值呢,应该是一个空串。这个呢,应该是一个空串对吧,那当然这块数据的收集也很简单,重量老师呢,把已经收集完的给它合上了,重量就这对吧,V-model等于什么?等于咱们的SKU info.w。那所以说啊,咱们看一下子能不能收集到这个呢,一定要细点心。对吧,随便找一个。对吧,就它了,那咱们呢,去看一下咱们的数据啊,盯住咱们的体重啊,就是重量wait这啊,你看老师呢,写一条数据123是不是能收集。对吧,那以及还有规格描述,描述的数据也要收集。那描述用哪个字段的,描述的是用SKZ。对不?那这个老师呢,把它呢,我给你拿过来,哎,这是这。
17:01
找你那这个呢,也是气值空创,那咱们看一下描述的数据能不能收集到,还是定住数据。对吧,找到咱们的SQ盯住数据。对吧,好,那咱们的测试一下子SKU就这对吧,DC嘛,看一下能不能收集到数据。对吧,那咱们重新跑一下刷新。图书。电子书对吧,哎,电子书咱们去看一下咱们的S。Ku放这儿啊。行,盯住咱们的这个数据啊走。找到咱们的这个描述这里看这啊走,你看能不能收集到。啊,当然咱们是不是没有写呢,对吧。能找到咱们的这儿啊,这个规格描述微感冒的。等于什么?等于SKU info点点谁啊,是不是咱们的这个叫SKUDSC,其实这个字段在咱们前台项目的时候咱们见过。
18:09
那咱们呢,还是呢,得回首啊去测试,因为你不测试没办法确定。来测试一下是不是可以收集的。啊,这块要注意。好了,那也就是说对于我们目前而言啊,像这个SKU的名称,价格,重量,规格描述都能收集到。但是要注意,对于平台属性,销售属性,图片列表,咱们呢,已经拿到了服务器的数据。对吧,就是服务器的数据,要展示的数据已经拿到了,那收集到哪呢?咱们的也说一下,因为咱们数据还没展示呢,但是咱们的也说一下,数据都收集到哪,你看这样。这个是谁呢?这个叫做SKU image list,这个的字段呢,是收集什么?这块是需要写代码的了,第三类。第三类收集的数据呢,是需要自己书写代码的。
19:04
OK啊,自己去收集的,你看这啊走。这个是什么呢?这个呢是收集图片的信息的,因为你会发现底下将来是有图片信息的。对不,哪些选中哪些未选中,你是要收集的。对吧,那当然这里面收集的数据呢,咱们先给它注释上对吧,那这块呢,咱先给它折上,就一个空数组。那这块呢,老师呢,把它呢,哎,我给你折一下。咱们也做一下笔记,这个呢是收集图片,哎,呃,就是呃,收集图片的字段。对吧,那当然咱们目前还没有图片的,甚至连图片展示都没有展示出来的。对吧,那这个是什么呢?咱们再看这啊,这个是默认图片。这个是设置的是默认图片。哎,默认。图片。就是他。
20:01
说老师什么是默认图片呢,咱们呢可以看一下啊,老师先把这个数值置为空,你看对于图片这里呢,咱们呢,可以进行设置默认值对吧,比如说哪一张图片设置为设置为默认,假如有十张只有一张图是默认值的,所以这个也要收集。那一起看这啊,这个呢,叫做SKU的销售属性列表。对吧,那这个是什么呢?老师呢,把它呢也给你提一下子。看这那这个咱做一下笔记,那这个呢是收集的是什么?收集的是销售属性列表的数据。哎,写一下这个是收集。收集、销售。属性列表的,或者比如说收集了就是,呃,咱们将来要带给服务器那个字段就是销售。属性对吧,而这个是什么,这个呢,是平台属性。带给服务器的对吧,哎,平台。属性。
21:01
所以说啊,老师呢,先把这块呢,先给你折上里面的这个元素啊,我先给你注释掉吧,因为咱们连数据都没展示呢,你收集什么呀,收集对吧,所以这块呢,要注意啊,咱们对于图片这里啊,还有呃呃,平台属性的销售属性,这里边咱们是连数据都没展示。咱们现在的展示的数据都是死的,所以这块老师先给你折上,这个数组里面都是空的,啥都没有对吧,那所以说啊。咱们接下来呢,先把这块的数据啊,给它变为啥,是不是变为咱们的动态的数据。对吧,你看咱的这个,咱这个就全都是死的。对不啊,平台属性,销售属性,这里面的数据都是死的,图片列表这些数据都没展示。而咱们已经拿到服务器的数据了。对不?哎,咱们先看第一个吧,咱们呢,先不考虑收集数据,咱们先把平台属性,销售属性以及图片列表的数据在变为啥,变为动态的。
22:02
对吧,那咱们先看平台属性。那首先说平台属性的数据,在这,在这叫做at tr info list。看这啊,走。来,你看这儿。咱们呢,还是得看一下数据对吧,图书。电子书刊电子书对吧,早上好。那咱们呢,先看一下平台属性的数据瞄眼。找到咱们的SKU for,找到这对吧,找到咱们的a tr in对吧,看一下是不是它。对吧,平台属性嘛,你看它的平台的属性有几个值的有两个。一个叫做名侦探柯南,另外一个是什么,叫做喜欢是什么,你这块要注意,你看人家的这个啊,你看人家的这个。是有个什么,是有两个下拉框。对不?而且你会发现每一个下拉框前边都是有一个label。
23:03
对不,那所以说看一下咱们的结构,咱们找一下子应该是咱们的,呃,老师先把没用的先给他注上。应该是咱们的平台属性的。对不,也就说你的下拉框不应该只有一个,对吧,你看咱现在这个屏幕尺寸,这个咱是不是只有一个。对不?所以咱们应该V-for,但是你要注意V杠到底是便利谁,你要注意。你是便利select的还是便利艾这块要注意。你看。对于人家这个,人家这个label有几个,有两个,你看咱的这个现在是不是只有一个叫屏幕尺寸,你看吧。对,不是不是应该便利谁便利的应该是艾特。那所以说咱们便利一下的,那就是V-for。便利谁呢?那咱们的这应该叫啥叫做平台属性。那咱们呢,就叫做at tr,对不?In desk便利便利谁便利的应该是at tr,看一下叫啥来着。
24:03
At tr info list这个数据。对不,At tr info list。那当然咱们需要写K,那K为什么咱们得看一下数据。对不K呢,看他有没有每个呃平台属性,看有没有ID。有吧,应该是at tr的ad tr.ad。咱们可以测试一下子,你看咱的这个,你看现在是不是就两个了。对吧,当然数据咱们还没有变。首先说像这个label的名字,你得变,Label的名字是什么,咱们得看一下数据。应该叫做at tr name。对吧,那所以说label这块咱们得写动态的数据。那这块应该是什么?应该是at tr.at tr name。对不,那咱们先看一下子走,你刷新咱们测试一下子数据有没有。
25:00
对吧,先把这些数据给它展示出来。对不来看一下。没问题吧,是不是已经有了,那当然相应的option的数据你是不是也得有。对吧,那咱们呢,还得看数据。找到咱们的SQ fo,那这两个是对应的两个平台属性。对吧,分别是屏幕尺寸和无线通信。对不对,那你要注意那对于下拉框当中是不是有相应的平台属性的属性值。你看屏幕尺寸和无线通电是平台属性,那每一个属性有相应的属性值,比如说屏幕尺寸有几个,有六个,呃,相应的平台属性的属性值。而咱们的无线通电呢,有五个平台属性的属性值。所以说咱们的这个option这啊,你也得店里。对不?那咱们便利一下,那就是V杠,For便利谁?它便利了,那咱们起个名吧,叫做平台属性值,那就是value,对不?In desk,那便利谁?
26:09
你便利的应该是平台属性的。是不是这个数组平台属性的平台属性值。对不?那当然,咱们看下有没有ID。是不是有矮心瞄眼,有没有ID?因为咱们一会要写K。所以说咱们呢,给他带走对吧,它那以及冒号K。K应该为什么为at t r y的ID?对吧,咱们先看一下子,是不是一个是五个,一个是六个,你看。这是246个,245个对不?那当然你的label得换成什么,换成平台属性的属性值。所以说这块呢,咱们得搞一下子应该是at t r6,看一下子应该是at tr value6点点点value name。所以这块应该换成谁,换成咱们的at t r y6。
27:05
第2Y6内。那咱们呢,先看一下子找你刷新,咱们测试一下子看有没有数据。对不来看一下子。比如说老师来个手机,手机通讯手机。对吧,就它了,你看对于屏幕尺寸,无线通电的数据是不是已经有了。对不?对吧,所以说咱们已经把平台属性的数据啊,已经给他展示出来了。对吧,那接下来呢,咱们呢,也把数据给它收集一下吧,那么要收集哪些数据,咱们应该知道,Select的收集的是value的数据。那么需要收集哪些数据呢?那咱们得看一下的这个接口了。对吧,那咱们看下收集的数据这里啊,它应该是收集在SKU音符下的这个这哪个字段看一下平台属于这里啊,你看。这里面的老师呢,说一下子要收集的数据啊,很多,你看这是不是有很多很多,但是其实说实话都是吓唬人的。
28:07
你看其实要收集的数据啊,就两个,就他和他。就这俩。一个是啥呢?一个是平台属性的ID。一个是平台属性值的ID,其实就需要收集这两个资格。对不对,什么意思呢?其实这块收集的数据啊,非常好理解,你看啊老师呢,给你反馈一下啊,当然这块呢,咱先给它注释上。这你注视啊,其实这块呢很好理解,为什么只需要收集这两个数据呢,你看啊。来,咱就比如说他吧,你看啊。就比如说它有两个平台属性。那你收集数据的时候,你到底收集的是这个,这个名字起的好怪,咱还是看手机这个。对吧,手机手机通讯手机对吧,你看。他要收集的数据呢,是有两个,一个是什么。
29:01
平台属性的ID,因为你得知道你到底勾选的是屏幕尺寸的还是无线通电,因为它俩都有相应的ID。对吧,那假如说我选择的是屏幕尺寸对吧,比如说6.75~6.84的,那我得知道我得知道我选择的是哪一个平台属性。对不?对吧,这两个平台属性,比如说屏幕尺寸和无线尺寸是有属于自己的ID,对吧,那假如说你选择的是无线,你也得收集他的ID。那以及你要选择的最终的是啥,是这个平台属性的属性值你得知道,你选择是哪一个值,它的ID你也得知道,因为将来这些数据是要提交给服务器的。对不,所以说你要收集的数据有什么,有平台属性的ID和它值的ID,这样就能确定你选择是哪一个平台属性值是谁。所以说咱们要收集的,收集的数据是谁呀,是两个。
30:01
所以说咱们在这儿的Y流要收集两个数据。对不,这两个数据其实咱们已经出现了,一个就是平台属性的ID,一个是属性值的ID。你要收集两。所以咱们这呢,我完全可以写什么呢?写模板字符串,你要收集谁呢?收集咱们的Dollar。哎,到了谁呀,就是咱们的这个at tr的ID。对不?以及还有谁呢?以及还有咱们的这个叫做at t r y流的ID。对不?对吧,哎,你看嘛,这不叫a tr y6的ID,但是你要注意你现在收集到的是一个什么,是一个字符串,这明显是字符串,那么你需要把数据收集到哪啊。这块你得琢磨,就是现在咱们要收集的数据已经拿到了,那么把数据收集到哪呢?对不,你这块得琢磨收集到哪,说老师我知道收集到这里。
31:00
对不对,但是你要注意一件事。你收集的可是一个字符串。人家将来要的格式是啥?是数组里面放一个对象,你能直接往这里面扔吗?其实也可以,但是你后期你要整理。就是没必要,因为你要想明白,你收集到的是一个字符串,并不是一个对象。像这种形式。所以说其实收集到哪里都可以,你只要把数据收集到最终整理一下就行。对不要比如说啊,老师收集到哪,你看啊。你看啊,举个例子啊,比如说屏幕尺寸老师选择了,你是不是得收集一个数据。那比如说无线电,我也选择一个,是不是还得收集数据,是不是得收集两条数据。对不,那我可以怎么办呢?我可以把收集的数据你想想。我要收集两条数据,那老师问你,他有几个平台属性,是不是有两个平台属性?那我可以怎么做呢?我可以把收集的数据,哎,先存储到哪,存储到每一个平台属性的这个对象的身上。
32:03
你要你有两个平台属性,那我是不是收集两个数据,最多是不是就俩。对不,你有100个,最多是不是有100个平台属性收集100个数据。所以说我先收集到哪,收集到平台属性对象的身上。你看老师怎么收集,这么收集你看啊,再来一个。来Y流着啊,你看老师呢,给他来一个V-model走,哎,V岗。Model咱们收集到哪呢?比如咱们叫做at tr的ID。对吧,呃,咱们叫做at tr是平台属性这个对象,我给它添加一个属性叫做at t rad and value。我收集到平台属性这个对象的水平。咱们呢,可以测试一下啊,可以测试一下的,你看手机。手机通讯手机。对不,就比如说他一看盯住数据。咱们呢,去看一下数据。找到咱们的SKU这里啊,找到这。
33:01
你看啊,现在这是两个平台属性。分别叫做屏幕尺寸和谁啊和无线电,你看老师收集数据啊走。你会发现发现一件事,什么事,每一个平台属性对象的身上,是不是都把咱们需要的数据是不是收集。收集到。那将来当你点击保存按钮的时候,把数据一整理是不是就行了?那有的同学可能会问老师,你为什么选择收集在平台属性这个对象的身上,因为你想想。假如说平台属性有100个,那我收集的数据是不是有100个,那个和平台属性的个数是不是一样。所以说咱们就收集到平台属性对象的身上就行,将来一整理提交给服务器就可以。对不,哎,所以说是这样的。那么如果平台属性你会展示了以及收集了,那对于底的销售属性也是一样的。那咱们呢,也把底下的这个销售属性的也给他完成。
34:05
那咱们呢,先看一下数据。数据应该是谁呢?数据应该是这个销售属性叫做po Co t例。那咱们也是一样,你也得便利对吧,平台属性这咱给他合上了销售属性这里。那这一块呢,咱们呢,还是得便利对吧,We go for。便利的是谁呢?那咱们呢,呃,先行index对不,那这块呢,咱们叫做销售属性,那叫at tr。对不?那印印谁印的不就是他吗?那当然咱们也需要有K。那K呢,咱们就写上CU a tr的ID对吧,销售属性的ID。那咱们先看一下对不对,刷新看一下。咱们要找一个测试手机,手机通讯手机对吧,就比如说这个。
35:00
那咱们看一下销售属性,看它有几个。咱们还是得盯住数据,SQ放销售属性呢,应该是一个对不?哎一个没问题,有没有ID也有ID。对吧,那咱们先给它展示出来,应该叫颜色,它们应该是叫做c a tr name。对吧,那所以说这块的label应该是什么,是你这个销售属性的名字叫做c a tr点他。对吧,那咱们看一下数据有没有换,是不是变成颜色了。咱们可以多测试你看啊,老师再给你测试一下。咱这回呢,选择图书电子书刊,电子书找你。对吧,颜色这是没问题的。那以及它相应的销售属性的属性值,你也得展示用下拉框。所以说咱们看一下数据。他们应该叫做呃呃,Co at tr下的它对吧,销售属性值嘛。
36:07
那所以说这块呢,也是一样,你也需要V杠放。便利的是谁是销售属性值,那叫做Co tr的value。对吧?那以及in desk便利谁便利的应该是CAT点它。那当然,他也需要写K。K的,呃,咱们看下有没有ID。咱们看一下KVD。有吧,所以说K的应该是什么?是销售属性值的ad Co ATT。TTRY6对吧的ad。那将来你这块展示的label应该是啥?是不是就是它的那个名字,就是看一下子叫做c at tr value。看一下子value的什么value的是不是就是它CTR value的name。
37:00
对不点他。哎,那咱们回首测试一下子,刷新一下,看下数据对不对。图书。电子书刊电子书找你看下数据对不对。没问题吧,那以及他也要收集数据,那收集的数据是什么呢?第一个销售属性的ID。第二个销售属性值的ID,你只要给服务器这两个数据,我就知道你选择是哪一个,销售属性值是谁。就是它也是一样,咱们的Y6呢,也收集两个那模板字符块,对不分别是Dollar,一个叫啥,一个叫做C有a tr销售属性的ID。对吧,点ID,另外一个呢,是咱们的销售属性值的ID,那就是cotry6.id。那么收集到哪呢?那同样的套路,那假如说将来销售属性有100个,你收集的值是不是有100?
38:00
对吧,因为你要同时包含啥,包含颜色和粉色,它俩放在一起是不是有100。所以咱们也把它收集到哪,收集到销售属性对象的身上。对不,所以说咱们这儿呢,也给他来个VGA model。V-model收集到咱们的sal at t。R,那咱们的就叫什么呢?就叫做at TD and valued。I value。那咱们测试一下子,看一下数据能不能收集到这块呢,一定要记住多加测试。手机、手机、通讯手机。对吧,那咱们的回首测试一下,就比如说颜色的这个,找到咱们的S。SQ放盯住咱们的这看着啊。33。对吧,这是完全可以收集到。你先把数据收集到,将来整理提交给服务器就行。好吧。所以说呢,咱们呢,一会儿呢,在接下来去完成图片列表的展示与收集,那么对于咱们现在所开发的这块呢,其实没什么难度。
39:08
对吧,这块呢可以通过VGA model进行收集,那这块呢,咱们是自己需要写代码去收集的。那这块老师再说一下收集什么。就比如说平台,你要确定是哪一个平台属性,你得知道他的ID,你还得知道你选择的那个值的ID,你只要把ID告诉给服务器,他就能知道你选择是谁。OK吧,所以说这是对于咱们的SKU数据的展示与收集,但是咱们还没有完成呢,因为底下还有个图片列表,图片列表在咱们的下节课去给他解决掉。
我来说两句