00:01
哈喽,各位小伙伴们大家好。那接下来啊,咱们呢,去完成po form组件的数据的展示与收集。那咱们呢,去看一下咱们的项目。那首先说啊,对于用户而言,可以选择三级联动的数据,比如说手机。手机通讯手机。那么在这里呢,会展示咱们PU列表的数据。对吧,那么当然啊,当你点击修改po的时候。那咱们呢,已经完成了相应的事儿,什么事啊,就是向服务器发请求,获取咱们需要的数据。那么总共呢是四个接口,那而且呢,咱们的数据啊已经拿到了。那咱们呢,去看一下咱们相应的组件,先看一下的数据是不是OK的。他们应该是在咱们的S啊PU放这里。
01:02
那这些数据啊,咱们都已经有了。那剩下的活啊,那无非就是需要把它展示出来。对吧。那咱们呢,先一个一个看。那首先说啊,当你点击修改P按钮的时候啊,那咱们一个看法,第一个。那对于修改PU,那你这块呢,是不是得把已有的PU的名称是不是要展示出来。那在哪呢?是不是在咱们的PU的这个属性里面,对吧,应该是PU的PU name。对不对,对吧,那咱们呢,去写一下子。找到咱们的组件这儿。那也就是说当你修改po的时候,哎,一点过来是不是发了相请求数据呢,也都拿到了。那咱们在这呢,要进行数据的展示,以及数据的收集。
02:01
那比如说咱们先看这。那首先说啊,这块呢,要显示的是po的名称。那这块咱们就可以怎么办,可以这么办,V岗model。对不,那它展示的是谁?是不是应该是咱们的pu.pu name。那咱们呢,运行一下子看一下子对吧,那比如说咱们测试一下的手机。手机通讯手机对吧,那比如说我要修改PU哪个呢?IPHONE13。对,不,那么IPHONE13的名字已经有了。但是呢,这块呢,要注意一件事。当咱们点击修改po的时候啊,你不仅仅只要考,不仅仅只是考虑诶如何展示这个数据。你还要考虑一件事,什么事呢?就是把这些用户要修改的数据你也要收集到,对不?比如说咱们修改IPHONE13或者是133,那将来的时候你要注意啊,如果你修改完之后点击保存,那你这些参数修改完之后的参数是不是也要带给服务器。
03:12
对不,所以说咱们在开发修改PU这块的时候啊,一定要切记一件事。不仅仅说只考虑哎如何展示这个数据,对不?你看已经写好的这个对吧,那咱们也可以看一下的,你看啊走。找随便找一个,那比如说第一个,它可以把已有的po的数据是展示出来,但是你也得收集呀。对不对,因为如果你修改发生变化的,你点击保存,你是不是也要把数据提交给服务器。对不,那所以说目前而言,咱们呢,只是把数据啊给他展示出来了。对不,那么咱们的捎带角也要把收集数据的这件事儿呢,也给他做了。那咱们呢,去看一下子。那首先说啊,咱们刚刚显示数据用的是谁用的用的是PU这个字段当中的PU name。
04:09
对不,那咱们呢,用什么显示的,用的是VGA model。而VGA model,咱们应该知道,它是双向的,既可以显示数据,也可以收集数据。对不对,你看比如说咱们搞一下子,你看比如说来个133333,你看是不是也可以收紧。对吧,那所以说来看这。那这块的呢,咱们呢,把数据诶显示出来了,以及也收集好。那这块呢,咱们就可以给他来个什么呀,什么model。你把数据收集到哪啊,是不是收集到PU这个对象身上。对,不,但是老师得把这个过程带着你捋捋。首先说啊,PU这个字段,你看这儿。注意这个呢,这个事儿呢,老师呢,还真得说说,首先说PU这个属性。
05:03
对吧,它初始化的,比如说呃,初始化的时候是一个什么,是一个空的对象。哎,空的对象。那你这块要注意一件事啊,就是咱们的PU放这个属性的,呃,PU对吧,这个老师给他刷新。手机手机通讯手机对吧,咱们还是来IPHONE13吧。那这块呢,有一件事儿呢,你要注意一件事来看这儿。应该是咱们的SPU方,你要注意一件事,就是咱们的SPU这个属性,它初始化的属性值应该是一个空对象。但是你会发现,咱们为什么能看见这块有东西呢?有这么多字段,什么三级分类的ID,对不?第description ID等于呃,5104,这些数据是从何来的呢?那这块呢,是要注意一件事,那么当用户你看这个操作。
06:04
你看这个操作,当用户点击修改PU的时候,他是发请求类的。对不对,是它初始值是一个空对象,但是当你一点击跳过来之后,那么它是会向服务器发啥是发请求的。对不,那么拿到服务器上已有的这个SPU的信息,是不是赋值给了PU?做这行代码呢,一定要注意一件事。就是在修改PU啊的时候,那么是需要。哎,向服务器发请求的。对不哎,发请求的,那么把服务器返回的数据括弧对象。对吧,那么赋值给谁是不赋值给我们的SPU属性。对吧,那所以说这块呢,要注意一件事,咱们现在能把数据给它显示出来。
07:06
对不以及数据也能收集到。但是你要注意一件事,什么事,咱们是把收集到的数据放到了哪,你这件事你得给我想明白,你是把收集的数据赋值给了服务器返回的那个对象的身上。对不对,这一块呢,一定要想通,因为它起始值是个空对象,是向服务器发的请求,服务器返回数据。是个对角,是不是复制给他。所以说咱们现在修改po的时候,你收集到的数据是放到了哪,是放到了服务器给你访问这个对象的身上。对不,那这块呢,要注意那这块的结构呢,不仅仅只有修改,还有什么呢,还有添加。对不对,咱们刷个漆。这块呢一定要注意,因为咱们应该知道,如果。修改完事,那添加也就完事了,你看你这块呢,你还真得多琢磨琢磨,这个数据应该都是让学生给我删没了。
08:05
对吧,咱们随便找一个。你好,你好。老师给他折上来。那咱刚刚考虑的是修改,那万一说你要新增呢。你新增是不是也得收集这些参数?对不对?将来一点击保存,是不是也要把这些参数带给服务器?对不?那咱们看一下子po form,那么po form你要注意点击添加po的时候是没有发请求的。咱们是点击现在目前是点击修改的时候是发了四个请求,而点击添加咱们是没有发请求。所以说你会发现一件事,什么事,咱们的PU。这些数据都是空的。那你说你接下来要收集这个名称,比如说咱来一个叫华为,你把它收集到哪。对不对。对不以及收集的字段叫什么呀。你这块呢,你要给我想明白。
09:01
所以说这块呢,一定要注意,你现在不仅仅说只是考虑考虑什么修改,你添加,这你要考虑到。对不?所以老师呢,再给你们演示一下,你看就举个例子,比如说我添加PU,我添加一个。那你看你将来也要收集数据,那你现在这PU,你会发现明显是个空对象。那你把数据收集到哪,字段又叫什么呀?你是不是也得考虑到?对不,那所以说。咱们呢,得看一下咱们的这个,呃,已经写好的这个,举个例子,你看啊,举个例子。就比如说现在老师在这儿,我真的添加一个什么,添加一个po对吧,比如名称叫什么叫叫华为。对吧,随便选个品牌啊,叫做小米。对吧,描述华为666。对吧,咱们呢,选一张图片。对吧,以及添加一个属性对吧,颜色比如说黄色,那么当你一点击保存的时候,咱们看下他用的是哪个接口。
10:04
对吧,保存它用的是叫做呃,Save po info,为什么咱们要看一下这个接口的,这是已经写好了这个项目啊,因为咱们将来你得知道要收集哪些字段带给福气。对不对,你需要带给服务器哪些字段?那所以说咱们找一下这个接口叫save po info,那咱们找一下swa。叫c po info啊,这个网速可能有点慢,稍微等一下。对吧,那咱们呢,看一下咱们的Spark。这个网有点慢啊,稍微等一下。行,那咱们去找一下这个接口啊,这个接口呢,咱们呢,看一下子是不是上传啊,不是它这是上传图片的对吧,这个接口有点多,刚刚那个叫什么叫save啊at drr什么是吧?我再看一下叫啥来着,叫save s PU info,那应该是跟SPU有关的。
11:05
对吧,那么咱们找一下叫c po音符对不?那当然将来你是要比如说你添加po。对不?哎,那你一定是要带啥带参数的,那这个参数带什么,那咱们看一下带的就是这么一堆。对不,你千万别让他给唬住,那这个呢,老师呢,给你看一下子,那这个呢是添加。哎,添加PU。的时候,那么需要给服务器携带的啥参数?那咱们呢,给他拿过来,那有的同学可能说,哎呀老师这个参数有点多呀。这个呢,咱们呢,稍微整理一下子,那首先说添加PU的时候,你这个ID一定是没有的。对不?那当然需要携带,谁需要携带三级分类的ID,三级分类的ID咱们是有的,以及品牌的ID。
12:00
对不,品牌的ID是谁,你看品牌的ID不就是这儿吗?将来这块呢,你也可以进行啥进行选择呀。你看一下子添加po,这是不是可以选择品牌对吧,它的ID你也需要携带上。那以及还有什么呢?咱们看下这个参数,还有PU image list,就是你这个照片墙的数据。就是你这个照片墙的数据要携带上去。对吧,那当然咱们这里面呢,先给它,呃,先给它放在这儿,那以及还有什么,还有你这个类的名字叫做PU啥PU name。对不?哎,把它给你放在这儿。这下老师呢,给他来一个逗号。对吧,那这个呢,也给他来个逗号,那这块呢,就是你的po name对吧,你这个类的名字以及图片的信息,以及平台销售属性与属性值的信息。就这块儿呢,是有啥的,是可以添加相应的属性以及属性值的。对吧,比如说黄色。那所以说将来你要添加PU的时候,是需要带这么多参数带给服务器的。
13:06
那你看现在咱们的这个,那就比如说咱们刚刚是从修改跳到添加。因为咱们都要考虑,你看修改好整,因为修改你收集的数据收集到哪了。你是收集到了服务器给你返回的那个对象,这块一定要注意。就是你修改的时候,你是能收集这些数据的。什么品牌的名字对吧,什么品牌的名字,Po的name,这些是能收集的,你是收集到了哪,就这块儿一定要想明白,是收集到了服务器给你返回这个对象的身上。那当然将来你点击保存的时候,你从服务器返回这个对象的身上,是不是收集完之后信息提交给服务器就行了。对吧,那你还要考虑一件事,什么事添加,你添加需要带哪些字段。当然咱们现在添加的时候,你这个,呃,收集什么啊,哪些字段你还不知道,你看它是个啥,是个空对象。
14:02
对不对,你看嘛,明显全是空对象。看这对吧,那所以说咱们在这儿的时候。看着咱们在哪呢,在这的时候。这块呢,咱们呢就呃就别写空位,笑了。对吧,那这块老师写一下子PU。属性初始化的时候啊,是一个空对象。对吧,那么服务器。啊,也就是说在修改。在修改PU的时候,那么会向服务器发请求。对,不返回PU的信息,括弧是一个对象。那咱们在修改的时候,在修改的时候可以利用服务器返回到这个对象,收集最新的数据。对吧,哎,提交给服务器进行修改,但是你要注意啊,咱们这里面不仅仅说只能修改。
15:00
你还有一个操作,还有一个操作就是啥,就是PU的这个添加。添加po。那么这块呢,要注意,那么如果是添加PU的时候。那么并没有什么呀,哎,并没有向服务器发请求。对吧,那么数据收集到哪里啊。对不,那数据呢,也是收集到PU这个对象的身上。但是你要注意需要有哪些字段呢?对吧,那收集到哪,是不是收集到PU啊,那么收集数据的时候有哪些字段呀。那咱们是不是知道了,是不是看咱们的文档。对不,那所以说这块呢,你就别再写空对象了,把哪种情况也考虑进来,就是添加。那所以说咱们把这块的结构给它带走。对不点C。那这块呢,老师呢,就直接给他替换了,哎,CTRLV全收集到这。
16:03
那这块呢,老师呢,给他格式化一下。哎,这个结构还是呃有点多的对吧,这个来对准一下。来对准一下。这个呢,咱还是得对准对吧,这个呢先先跑一下,看能不能跑起来啊,这有红的。对吧,咱们先给他跑起来再说。走走哎,没问题之后呢,老师呢,把这个参数啊,我给他拿过来,Ctrl a ctrl c,咱们呢再复制一下,就在这把这块呢给它替换。对吧,替换成咱们的这个对象。虽然呢,有点多啊,有点唬人啊,这确实有点唬人,但是呢,咱们呢,稍微改吧改吧。这块呢,他又转圈了,对吧,老师给他关一下,咱们重新再进来一下。走这么这块的参数啊,咱们的稍微整理一下子没那么多对吧,你就别看的说有点多有点吓人,没没啥的。
17:01
对吧,这个老师呢,给他格式化一下。对吧,哎呀好吧,那咱自己呢,一个一个的给它隔着画一下,对吧,那当然这缺了个逗号啊,缺了个逗号。行,这回呢,老师呢,给他格式化一下,咱们一个一个说说。那首先说这块是什么,是三级分类的ID。那么你在添加po的时候,你得收集。对吧,那这块是什么是描述。你看咱的结构当中是不是有一个,你就看添加这啊看这。老师呢,把这块先给你关了。你看啊,你看啊,所以说修改跟添加同时都要考虑进来,你看这儿这块是不是有个品牌。这块是不是有描述对吧,所以这块也要收集,这是描述。描述。对不,那当然初始值是空号。ID,那咱们新增的PU是不需要ID。对吧,那这块是什么,这块呢,是收集啊PU图片的信息。
18:01
对吧,哎,信息。对吧,那之后呢,这一块呢,咱们先给它注释上。对吧,因为咱们还没写到这儿,这块老师给他折上,那以及这块是什么,是咱们的po的名称。那当然,将来你添加PU的时候啊,那气值一定是空的。对吧,那这块写一下这是啥PU的名称,PU的名称。那一集啊,还有一个是什么呢?就是它对吧,还有一个就是品牌,品牌收集的是啥呢?是他的ID,所以底下有个叫t m mid。对不,那这块呢,老师呢,也给他拿过来,这啥是品牌的ID。品牌的ID你也要收集?对吧,这些将来都是要收集带给服务器的。那以及底下这是啥呢?底下这儿呢,咱呢他也是个数组,这块呢是销售属性与属性值的数据的收集,当然咱们现在目前还没写呢,所以说这块老师呢,先给他注释。对吧,那这块是什么,是平台属性。平台属性与属性值的收集。
19:04
对吧,那这回呢,老师呢,回首呢,再给你们看一下子,你看啊,你看咱这个。那也就是说这回啊,咱们的SPU的属性的属性值,它不是一个空对象。是个啥?是一个带有1234566个属性的这样的一个对象。而这六个属性并不是说莫名其妙写的,这块一定要注意,你得看文档。OK吧,那咱们看一下子,咱们把这两种情况都说一下,首先说修改。走。你这块要注意。当你点击修改PU的时候,你要注意你是要向服务器发请求的。对吧,这是起始的状态,那以及你向服务器发请求,那服务器的数据返回之后进行替换,那也就是说它替换为服务器返回的那个对象。那咱们在修改的时候,你也要收集数据,那这个数据收集到了哪,是不是收集到了咱们服务器返回的那个对象的身上。
20:09
对不对,这块呢,一定要想明白。对吧,这个是服务器返回的那个对象收集在他的身上,你看是完全可以收集。对不,那么如果说是添加呢。对不,那你看你添加的时候是没有向服务器发请求。对不,那你把数据收集到了,你是不是收集到了咱们的SPU这个对象身上。对,不但是他起始不是空对象了,这不就这吗?咱们起始的,那那那个对象是不是收集到这了。对吧,所以说咱们把什么呢,把咱们的修改和添加的事情都考虑进来了。这块一定要注意。那咱们接下来呢,接着搞搞咱们的谁呀,搞咱们的这个修改。对吧,看这那这块呢,咱们要注意品牌,那品牌呢是一个下拉框,那咱们需要把品牌的那些数据啊展示出来。
21:03
那咱们呢,看一下子啊,看一下子咱们品牌的数据在哪呢?在这叫trademark result,而且它是一个什么呢?它呢是一个数组,我没记错啊,看一下叫trademark list。那所以说咱们看品牌这,看品牌这,那咱们先把数据给他展示出来。对不,那这块的option你不应该是一个,应该是多个,应该是V杠放。那咱们呢,给他起个名叫TM。和in desk,你便利谁便利的?是不是吹的mark list以及冒号KK应该是什么呢?应该是TM的。咱们看看有没有ID,老师先写的ID。对不,咱们先看一下子有没有相应的ID,那这块呢,你还是得得看数据对吧,手机。手机通讯。手机对吧,还是IPHONE14吧,那咱们呢,看一下子它有没有相应的那个ID。
22:04
因为这块咱是自己随便写上去的,咱都不知道有没有ID看一下。对吧,应该是trade mark list,这是那个数组,数组当中看一下有没有向外,D是有的。对不,那以及咱们要显示啥,是不是显示不能显示全label,是不是显示它这个TM name。对吧,那咱们这块呢,得注意label的换成啥了,是不是换成咱们的TM的。再加TM的啥呀,第二。TM。对吧,那咱们先看一下子咱们的,呃,品牌的数据有没有这块呢,一定要记住耐性的一点点测试。一条。手机。手机通讯。手机。走,看一下有没有,有吧。对吧,那以及你这块的Y流是什么,Y6是将来要收集的数据。那收集的是谁?是不是就是他的ID对吧?因为咱们将来带给服务器的参数是需要携带ID的,所以应该是TM的ID。
23:05
那么收集到哪,你是不是得在slide这得来个啥V-model,为什么为咱们的,呃,为咱们的这个叫SPU的,看一下叫啥来着。是不是叫做t m midd是不是收集到这。对吧,那点什么点t mad。看大小写啊,这块要注意啊,叫TM大写的A,小写的D。对不,所以这块呢,一定要注意啊,那咱们先看看能不能收集到数据。来看这图书电子书刊电子书走,那首先说咱们一个一个看看这啊咱们呢给他搞一下。走,应该是咱们的这个s po方看这啊,盯住这两个数据,我们收集到第一个看这。对吧,能够收集到能那以及咱们的ID看t m midd。
24:00
是不是也能收集到?对吧,所以说这是没问题的。OK吧,那所以说这块呢,一定要注意,咱们现在显示与收集都给他做了。那一节还有谁,还有底下的这个po描述。这个呢,简单它是个呃。对不,那这块呢,咱们呢要收集。对吧,这不就是他嘛,咱们先给他展示出来,对吧?展示与收集其实都是用谁用VGA model,因为VGA model咱们说过,它不仅仅是说可以展示数据,也可以咋的,也可以收集数据,双向。那么咱们先把数据展示出来,他应该是谁呢?应该是咱们得看一下数据,你这块呢,不能瞎写是吧?哎,不能瞎搞,咱们先给他退回来。对吧,那咱们呢,还是定一下数据来还是测试。手机。手机通讯。手机对吧,IPHONE14。之后呢,咱们呢,去看一下的咱们的SP,呃,Po form他们应该是谁呢?应该是这个po的这个信息。
25:05
应该叫做PU的description,我看有没有description。描述嘛,对吧,咱们找一下这个字段啊,啊这呢description。那所以说咱们把数据收集到这儿就行了,这个比较简单,一行代码为高。Model,那收集到哪,是不是收集到咱们的PU点。对吧,那所以说咱们呢,还是得测试。记住,一定要多加测试。那所以说咱们看一下手机。手机通讯。手机。修改。对吧,哎,描述已经展示出来了,那咱们看一下能不能收集的,如果展示都出来了,收集100%是OK的。咱们看一下是在哪,是在PU这。盯住这个description对不?没问题。对吧,啊,这是它。那接下来呢,咱们呢,再把谁呢,再把PU啊这个图片,这个照片墙给它显示出来。
26:08
OK吧,把这个照片墙给它显示出来,但是照片墙这件事儿啊,咱们得看一下文档。咱们呢,得先看下它这块的结构吧,先看一下它的结构。老师呢,先把品牌和描述这给他干掉。对吧,那打开咱们的这个PU图片这里。咱们得一点点去看一下这个组件,咱们先说数据。对吧,数据是在哪儿呢?是在咱们的PU image list这。来,先看一下数据。数据看完之后,咱们再看结构,再看业务逻辑。看这。当点击修改的时候。对吧,那咱们看一下子找数据已经有了。咱们瞄一眼。它呢应该是在底下这个叫S。PU放这啊,数据应该在哪呢?是在咱们的这个叫做PU image list对吧,PU的图片吗。
27:06
对不,那咱们看一下子。看它里面有没有相的图片,有,以及图片的名字,这都是有的。对吧,那咱们呢,要给这个照片墙啊,给它展示出来,你看人家已经写好了这个这是一个照片墙,这块一定要注意。对吧,哎,当然这个图片啊,咱们找看有没有图片多一些。对吧,都是一个有没有多一些对吧,这块呢,一定要注意,它用到的是一个照片墙,那么照片墙啊,数据咱们已经知道了,咱们再看看什么结构,看这。那首先说啊,这个是咱们的上传组件upload,看一下结构啊,上传图片。对不,那咱们先看啊,Action是什么?Action是你把图片上传的地址。对吧,是把先说a ion它是什么,是图片。上传的地址。其实图片上传的地址在咱们前面应该用过。
28:02
在哪呢?应该是在品牌管理,这我记得咱曾经用过。咱找一下的,找一下这个提交图片,上传图片那个地址。咱应该是用过我找一下啊。呃,应该在哪,在这落个这。对吧,我记啊对在这儿呢,看吧,这个是咱们图片上传的地址,地址都是一样的。那所以说啊,咱们得把它的地址啊,给他替换一下,这是这要替换一下。对不啊,这是它。那咱们呢,刚刚也看了,就是图片的列表啊,它返回的是一个啥,它返回的是一个数组。对不对,你这块要注意一件事啊,老师给他折上就是图片的列表,它反的是一个数组,数组里面是不是有图片的信息。对不,那当然,咱们现在没有展示出咱们的照片墙。对吧,因为咱们现在没有任何操作了。对吧,那咱们呢,得看一下什么,得看一下子。得看一下咱们的饿了么UI。
29:02
对吧,咱们找一下咱们的uplor看下照片墙。你看咱看一下他的有没有已经写好的这个啊,就比如说这个吧,照片墙。对吧,你看比如说咱来一张图片。对吧,这是一张,比如说你再来。对吧,这是两张对吧,哎,当然啊,现在他这块玩不了,没事儿,但是咱们看一下。那你会发现一件事啊,它底下是不是还有,那假如说我想展示多张多张图片,你这不展示多张图片吗?它需要用到一个属性叫做什么叫做feel list。List是什么呢?咱们可以看一下底的参数,底下这个参数属性了。咱们找一下,叫做feel list。找一下看他有没有。叫做feel list这。这是什么呢?是上传的文件列表,例如你看这是不是?对吧,那这块呢,老师呢,写一下子,其实这块呢,呃,咱们先说list type,这是啥list type,那咱们找一下这玩意你得看文档了。
30:08
对吧?List type是文件类型的,文件列表的类型有这几个类型。对吧,当然咱们是照片墙类型,对吧,就写他就行,这个你就可以不用管。啊之后呢,这块是什么,咱们先不说。对吧,其实这块是啥,老师说一下这个是,呃,一个是删除的回调啊事件,一个是啥呢?一个是预览图。啥意思啊,你看你看咱已经写好那个,你看这样。一个是啥呢,咱看一下已经写好了这个。来找一下子。你看已经写好这个一个是预览。看到了吧,另外一个啥是删除,其实这两个实验对应的就是老师给你刚刚看的那两个效果,对吧,但是咱们这个照片墙现在你展示不出图片。那为什么呢?咱们说一下子吧,这玩意写一下子吧,这个叫list type-type。
31:00
它是什么呢?咱们刚刚也看文档了,老师呢,把文档当中的那个注释啊,我给你拿过来叫list type文件列表的类型,咱们当前是照片墙。对吧,那这个值你就可以不用管对吧,那以及还有什么冒号,这个叫on-P啊P。V,其实它是什么,它是当呃图片。预览的时候会出发。对吧,还有一个叫做on。杠,Remove re remove,这是什么呢?是当删除图片的时候会触发当删除。图片的时候会触发。对不,那咱们现在呢,是想显示什么,显示咱们的照片墙。对,不需要用到一个谁用到这样的一个属性,叫做feel list。啊,叫做feel-list。对不,那所以说咱们给它加上冒号,叫做feel list。
32:02
值,为什么值?就是咱们从服务器捞到的这个,这个数据叫PU image list,先给它展示出来。对不,那咱们呢,去看一下能不能展示出来。来,回到咱们的项目当中,这是已经写好的,回到咱们的项目当中,咱刷新。咱们呢,找一个手机。手机通讯,手机走。那你会发现一件事啊,这个图片有是有,但是没有显示出来。对吧,你看你再去再去选择一个别的,比如说华为这个对吧,图片是有的,但是你会发现他看不出来,那为什么。那咱们还是得看文档,你看啊。看文档,文档当中啊,这块也说明了你上传的文件列表,例如它是数据,就是这个数据,你给的是一个数组,但是数组当中你必须得有name和和谁和URL这两个字。那你看咱们现在写的这个项目,为什么不展示这个数据呢?就为什么不展示这个图片呢?因为咱们的数据有问题。
33:07
你看咱们可以看一下。你看他要求,呃,他要求什么,要求这个照片墙的数据啊,必须得有name和URL字段,而你看咱们的这个有吗。没有,咱们有image name和image ul,而没有name和U,那这怎么。对不,这怎么整,因为现在咱们想显示照片墙,那你是需要给它书写few杠例子的,这个属性值为一个数组,但是这个数据当中必须得有name和URL字段,但是咱们没有怎么办?那你可以怎么玩,可以这么玩。你看当服务器返回数据的时候,你看啊,咱找到这个图片这。当服务器把数据返回之后,咱是不是直接存储了。那你可以怎么,你可以,你可以在这个数据返回之后,咱们先处理一下子,再复制给咱们的这个属性可不可以完全。
34:02
就是数据回来了,我先处理一下,处理完之后我再复制给你。对不,那咱们处理一下子这块呢,要注意,那么由于照片墙。显示图片的数据,那么需要是数组,数组里面的元素需要有name与URL字段。那所以说咱们的需要。需要把服务器返回的数据进行修改。那咱们呢,就遍利一下子list a点谁点for each。对不来便利一下,For e for each。那这个item是什么?是每一张图片的信息。那咱们要给item加什么呢?加上咱们的name的属性,那name应该为什么应该为item的和它那玩意叫啥名字,来,咱们得看一下。对吧,这玩意儿你可不能瞎写。
35:00
对吧,咱们看看它叫什么。看一下子。看一下啊,这个还没数据呢,是吧,那咱们刷新一下。你看它那个字段叫,就服务器法文那个字段叫什么。对吧,看一下子修改。这个呢,应该是没图片,因为有图片你看应该占个位了是吧。来,咱们再找个华为的。啊,应该是咱们没写完是吧,对,因为咱们把数据给他注释上。咱们先看一下它返回的这个数据啊,应该是哪一个呢?咱找一下直接找他的这个看这啊,这不是SQ image list吗。看一下它叫做image name和image,所以说咱们呢,给咱们的这个数据啊,新增一个name,名字应该叫item的啥image name。那以及还有什么呢?还有咱们的这个item,给他再增一个item的URL。应该为什么为item的以妹纸于。
36:01
对吧,那相当于给咱们服务器返回的数据新增了两个属性。那接下来你可以怎么办?哎,把整理好的数据怎么的赋值给咱们的,这个叫做SP image list,这不进行数组的替换嘛,而这个数据呢,也是显示的,因为咱们说过数组进行什么进行变更。对不,或者是替换的时候,那数据它这些新增的这些属性是可以监测到的,对不,所以这块应该啥是list第。那这回咱们再看一下咱们的照片墙的数据能不能显示出来,所以说这块呢,一定要注意,看文档的时候一定要看细节。对吧,人家要求的是name,你必须得有name,人家要求的是URL,必须得URL。对吧,哎,你总不可能驴唇不对马嘴对吧,所以说咱们看一下子照片讲的数据有没有,是不是就有了。但是这块呢,要注意一件事,什么事,咱们目前而言只是只是啥,只是。
37:04
展示照片墙的数据。咱们没有进行收集,你现在只是展示。对不什么意思,那假如说将来我再新增一个,你是不是要添加,那你添加之后是不是也要收集数据。对吧,咱们现在没有做,咱们现在只是展示出这些数据。对吧。
我来说两句