00:01
好嘞,各位同学,那咱呢得接着继续了。那咱接下来要做的一件事是什么?就是面包屑这里的处理。记住,这玩意叫啥叫面包屑对不?那咱们先看一下现在这块展示的数据呢,是死的,你看这儿啊,老师呢,把这块没用的先给你折上,你看面包屑这里啊,咱接下来要处理的是面包屑这里,你看现在这里面展示的数据都是死的,对不对?对不,那你看啊,那当然这块的数据不应该是死。他不应该是举个例子。我现在搜索的是手机下的对讲机,那我问你,你这块的面包屑应该展示谁,是不是应该展示对讲机?对不?那如果说我搜的谁,我搜的是母婴,那你这块应该展示谁,应该展示的是母婴对不对。对不对。哎,这能不能理解。
01:00
也就是说咱们现在这里是假的死的数据不应该只是谈四个。他会跟着咱们搜索的条件而动态的去展示你搜索的那个条件。OK吗?咱们可以看一下咱们上线的这个项目,你看一下子啊,举个例子,现在老师搜索的是家用电器,你看这是不是显示家用电器。你搜索的是礼品什么什么下的这个婴儿推车,那你是不是应该展示婴儿推车?以及它也能扁。对不?就这咱接下来要做的事儿,能不能懂,能懂的给老师扣一个六。也就是说,面包屑这里的数据不应该是死的。OK吧,那咱得搞搞,那怎么写。对不,你看那我现在选择的是手机下的手机,你这块是不是应该显示手机。那如果我选择是珠宝下的裸钻,你是不是应该显示裸钻?对不,那所以说这块的你不应该这么写了,对不?所以这块的,而且后面还要注意带个叉,所以这块的呢,咱先干掉。
02:04
你这块的不应该是死的,应该是动态。但是动态的得怎么写呀。怎么写?因为说你现在搜索的是手机,我展示手机,你搜索的是苹果,我展示苹果,你搜索的是电脑办公,我展示电脑办公,而不应该是死的。那老师告诉你,这玩意很好做啊,你看这样。就是这些参数啊,咱都已经收集好了,收集在谁那呢?你看是不是收集在咱们这个测试组件当中,咱找一下子,当然现在还没有色试呢,看这。我现在选的是手机下的,手机没问题,看这你看咱search当中是不是search para已经收集这些参数。对不,那如果说色是帕当中。他有了这个分类的名字,那我是不是就展示这个分类的名字,你没有我是不是就不展示。就这能不能懂。
03:00
也就说你看下咱的设置para,这不就是给服务器带来那个参数吗?你用户搜索的这一些关键字,就搜索这些条件,那不都在这儿存储着吗?那不在这儿收集着呢吗。那也就是说你search para当中有这个分类的名字,我是不是展示分类的名字,你没有我是不是就不展示?对不?所以说他可能有也可能没有,所以说这个立标签时而有时而没有,那假如说用户没搜索,那就不展示,那有我就展示呗。那你说就对于这个面包屑这个小按钮,它展不展示,它可能展示也可能不展示,那也就是说这个小按钮可能有可能没有,我问你,你想到谁。哎,老师问你就是现在现在当然咱这个是假的,你要注意就是面包屑全部结果的这块,这个东西他可能有可能没有你想到了谁。是不是取决于你搜索的这个参数当中有没有这个这个分类名字,想老师是不是想到V纲if或者是V纲手。
04:04
对不,所以说啊,咱们这里呢,给他来一个就是这个力,它可能有可能没有,那就是写V杠一呗。取决于谁,取决于search para当中啊P当中有没有分类的名字,Cat great name。那如果你没有,没有是不是空字符串,空字符串是不是false,那是不是就不展示。那如果有有它是非空字符串,是不是真真是不是就展示。对不,那所以说这块的iPhone你得给他干掉了,得换成谁,换成咱们的search paramas下的category name。对不,Category cat cat啊,RY category。所以你看你这回看一下子走。来老师给你刷新,咱试一下你看啊。从头看,我现在买的是个人化妆,你看是不是个人化妆,当然现在他没有相应的数据。
05:04
因为啊,咱们的后台老师啊,只给了咱们的那个手机当中是有数据的,其余是没有的。但是你先看下这业务逻辑对不对,对不,那假如说我现在搜索的是手机,你看。是不是就是手机。就这能不能懂。你有分类的名字,那我就展示,你没有那我就不展示,是不是不是得用V-if或者V纲受。这没问题吧,哎,这有没有问题,没问题吧啊。那以及你一点击它是不是还能删掉,你看咱上线的这个啊,你看这。比如说用户搜索的是手机。手机下的这个,呃,手机你看。是不是有手机,那我一删,你看我一删你是不是不应该,是不是应该把这个分类的名字干掉。对。是不是应该不再显示它?哎,这能不能懂。而且你还要再发请求。老默认的数据。
06:02
对不,你看嘛,那假如说现在老师什么都没搜,这是不是默认的数据。对不,你看这样,老师现在什么都没搜索,这是不显示的是默认数据对吧,什么999699啊五五,那假如说我现在搜索的是手机下的,呃,这个手机。你看吧,是不是手机。对不是不是,还是这个默认的数据对不?那假如说我在搜谁,我在搜华为,那当然这块呢,你也得显示这谁,你显示这个关键字。对不,那你一删你看说没了,你一删没了是不是回到起始状态。哎,这能不能走。能等的给老师扣一个六。就是咱们现在这,诶你搜谁他展示谁,你看我搜家用电器以下的,呃呃,平板电视,那是不是平板电视,但是没数据,但是你一点击这个叉,它是不是得干。对不,那所以说啊,咱们给这个叉叉是谁,你看啊。立标签当中有个ii这块,不就是这个叉吗?
07:00
你一点击叉来来,点击艾特click,你要干什么?你是不是要删除这个分类的名字?对不,那怎么办?叫remove cat啊?Cat name是不是要删除分类的名字?那当然咱们没有这个事件回调。那所以说咱们得写一个走,那找谁找methods对不,没有的先折上。没用的先折上,这都给它折上,对不找到method那这块要干啥,对不是不是要删除分类的名字。咱来呗,那叫叫啥来着,叫remove category name,那老说你你一点击它,你要干啥呀。你一点击它,你是不是应该把这个这个平板电脑是不是得干掉。一点进来是不是得把平板电脑干掉,那你说你要干什么,你是不是应该把咱们的这个search显示数据当中,就是带给服务器这个参数。
08:00
你是不是应该把设置para参数,是不是得置空。是不是得把它制空?他不就没了吗?哎,这能不能懂。比如说你一点击要删除平板电脑,不就是删除这个分类名字吗?你把它制空,那它不就没了。对,不说这块怎么办?很简单一句话。把咱们的this点设para.kind great name,你给他打指空。对不,那滞空它不就没了吗。对,不但是你要注意一件事,什么事。你看啊,举个例子。我现在搜的是手机下的手机没问题。哎,没问题吧,那我现在一点击走,他是没了,但老师问你,你是不是还得再发一次请求。无语老师问你,你是不是还得再发一次请求?来老师把这我给我给你展示出来啊,你看这样老师一点点给你们演示,你看现在只发了一次请求式手机,看这样当老师把这个分类名字一删,他是没了,但老说你你是不是还得再发请求。
09:08
对不?你给我举个例子啊,现在假如说我搜索谁是厨具。呃,厨具下的这个,厨具下的这个砂锅没问题,你现在展示的是不是是不是砂锅没问题。但是你一删之后,你是不是还得再发请求债?展示数据。对不对。所以说啊,你这块呢,只是把谁把带给服务器的参数打的制空了。对,不但是你要注意,还需要向服务器发请求。对,不爱发请求。所以这块怎么办呢?再来就是这点,Get date。对不,你再次调用GA的方法,那不就是再次发请求吗?对不,那咱们这回试一下,你看对不对。来看这儿。举个例子。现在老师搜索的是厨具下的这个,厨具之下的这个砂锅,那当然没数据。
10:07
那当老师一删,你是不是还得再发请求,得展示那个默认的数据对不?哎,咱们先看一下子啊,对不对啊,这个老师给他跑一下看一下有没有再发看这啊,咱一点测试一下啊,一点点测试一下看这。老师给你刷个新。啊走,看这我现在搜索的是数码下的数码相机没问题,现在只不过是服务器没有返回数据,啊看这当老师一删的时候走。有没有带参数重新发请求有没有?有吧?啊,但是你要注意开的格瑞3ID,你是不是也得指控。你看这嘛,你看这嘛。像什么开头GRA3ID啥,是不是你也得职控再再再发请求,这是对不对对不?因为你已经把这个分类的名字已经干掉了,那分类名字都干掉,你ID是不是也得干掉,完了再发请求。哎,对不对。看这。
11:01
老师这块我细点说,你看这啊,你看这老师再演示一下子,你看这。我搜索的,比如说手机下的这个手机没问题。是不是发请求了没问题,那假如说我把这个手机给他删了。看着啊,我把这个手机给他删了,是不是得再发一次请求。你再发请求的时候,你分类的名字不应该带,以及ID也不应该带,但是你看分类的名字咱已经滞空了,是发请求带上去,但是ID你是不是得制空。但这个ID还是一样的,它有可能是3ID,有可能是2ID,有可能是1ID,这仨是不是都在直口。就这能不能跑。能懂的给老师扣一个六。你看你有可能你看老师再说一遍啊,就这这块的这细活很多,我给他干掉啊,你看这。我现在搜索的是手机下的对讲机对不?那你带的数据是没问题的对不?CATEG3ID是62。
12:05
开green name是对讲机没问题,但是我一删,你开green name都没了,那你相应的ID是不是也得干掉?诶,对不对,你看cat name没了,你I是不是也得干掉,但是这个ID可能是EID,可能是2ID,可能是3ID,决对于用户选择是一级分录还是二级还是三级目录。所以说你还得怎么的。你还来咋的?老说问你。你不仅仅要把他们干掉,你还要把相应的ID也要干掉,就是this.search para.cat gra e ID,你给它制空。对不,以及这点设置para.egory2id也给他控,以及点设置para.category3id你也得吃控,对不对。哎,就这对不对对吧,所以说你既然因为什么,因为你这个分类的名字,它可能是一级分类的名字,可能是二级分类的名字,可能是三级分类的名字,名字制空了,那你相应的ID是不是也得制空完再发起,对不。
13:10
那所以说来,咱们回手再测一下,你看这回带的对不对,来看这儿。看这。老师给他清空,现在老师选的是手机下的手机没问题。你是不是带着参数上去了。对不当老师给的一清空看这走你看。找你带的,是不是什么都没带?这不就是展示的默认的数据。还记不记得这是不是咱们什么明明可以靠颜值完还怎么,这是不是就是显示默认的数据?就是你什么参数都不带,它默认是不是就是这条数据。对不对,所以到现在为止能不能理解,能理解的给老师扣一个六。能不能理解,能理解的给老师扣一个六。来来来来。你就不能我再给你去掉一遍。
14:01
可以吧,所以说这块呢,一定要注意,你不仅仅是只是把这个分类名字你要给他干掉。对不?你还要把相应的ID也要给他干掉。对,不展示默认数据,这不又回来了。这能懂吧,那当然有的同学说老师,那为什么别的地儿他没数据,因为咱后台老师没给咱返回数据,对吧,你看别的都都都啥都没有,只有这个手机有,你看这不就默认数据。对不但是这里面呢,老师呢,还有个细活,咱们说一下来,老师问你啊,你看这样。来看这老师问你啊,这个细活呢,咱也说说。老师问你一件事啊。咱们应该知道这十个参数是不是都是可有可无的。还记不记得?如果忘了老师给你们看一下这个接口,你看这样。你看这儿。你看这儿。老师问你啊,就咱搜索商品分类的这十个参数,是不是都是可有可无,都是no,那是否必选是不是no?
15:01
是不是可有可无,哎,老师问你一件事,你看这啊。来看这儿。举个例子啊,老师现在选择的是手机下的手机没问题。是没问题,你看啊,我现在带的是谁,看这啊走。来呃,这这暂时看不见,你先刷个新吧,你看你带的是不是应该是分类名字,是不是手机。这儿呢?开的个瑞3ID是不是应该是61对不,那假如说一清空,你看这。老师问你啊。就这句话,我不知道你还你们记不记得老师问你啊。就这十个属性。以及相应的属性值是不是都要带给服务器,是不是要带十个?老师问你啊,那假如说这些categoror e ID category2id category3id。还有什么category name,他们都已经是空了,那老师问你,我不带给服务器行不行?行不行?你想想带十个属性和带六个属性,谁从性能角度出发更好一些,是不是带六个?
16:08
咱们应该知道你带的你对象身上带的属性的越多,是不是说白了是不是占占占宽带。这个能不能想通?就是你带十个参数和带一个老师问你谁。占的那个那个那个网网网络更少是一个,哎,这个能不能相等。这能不能相等?这个咱们当年强国讲阿贾克斯的时候,我不知道说没说过,不知道你有没有点印象。比如说你带的这些参数,你看,就比如说这玩意他都已经没用了。你就可以不带给服务器了,因为咱们这几个参数都是可有可无的,但是说你现在写成空字符串,是不是也是带给服务器。对不,所以说这老师给你进行一个优化,什么优化,就这你别置空,别织空字符串制啥知安底范。其实安底范的好处是什么?就是这个,呃,对象当中这个属性就不会带给服务器了,你看吧,就安底范你看,如果老师写成安底范你自己看,还带不带给服务器你自己看。
17:10
你看老师给你测试一下,你看这样走。来看这儿。来老师呢,在这儿呢,给你测试一下来看这啊,我现在搜索的是手机下的,手机没问题,以及手机一删,你在看你看吧。你要带给服务器的参数翻,发现设置为按底放的字段,就没有再给服务器进行提交了。这个能不能懂。那也就是说你对象当中的某一个属性值为安底范是可以不带给服务器的。你就想你带十个和带123456带六个,因为这几个参数都是可有可无的嘛,你带六个,谁从性能角度出发,就从网络这个性能角度出发,谁更好,那一定是带六。这也能懵懂?也就是说这块的写下了,写下了就是这个,呃,带给服务器的参数的一个说明。
18:05
他们都是可有可无的。可有。哎,可有可无的,对吧,这件事你得知道啊,这件事你得知,因为都是no,但是你要注意一件事,什么事,比如说如果。属性值为空的。字符串还是会把相应的字段。哎,字段带给服气,对不但是。你把相应的字段,哎,字段变为什么变为安。范的,那当前的这个字段还字段不会带给服务器。能懂不?能懂的给老师扣一个六。比如说咱从从性能角度出发,就是把它置为案底饭更好一些。
19:04
能走不能走,扣一个六。OK,不,那当然说老师我不差那点宽带了,我就写字符串行不行行。啊,这能懂不,说老师我就写字符画行不行,行,咱不差那点宽带,那当然你写成案底范是更好的,这件事你得知道对不?那所以说你看老师把这块空字画都给它变成变成案底范,这能理解不?对吧,这咱也给它换成谁安de方,那这呢也是一样安de方,那这儿也是一样按de方。这个能懂懂能吧,好嘞,所以说你写成案底方更合理一些。这是他,但是啊,咱没完事儿呢,你看啊,你接着看啊,老师问你啊,你说咱这玩意儿现在有没有问题,还有问题。举个例子,现在用户搜索的是啥呀?是是是,这个手机没问题,我一点是手机没了。对,不恢复到默认状态,但老师问你,你看这儿。
20:04
地址栏是不是还在显示什么手机61,你说这正常。那举个例子啊,我现在搜索的是谁?我搜索的是数码下的存储卡,没问题。对吧,你展示存储卡的数据,但是我一删,你看是展示默认数据,但是你要注意这,你看这。存储感是吧,路径当中是不是还在展示着呢,你是不是得把路径是不是得变一下。你看咱上线的这个项目。我现在搜索的是啥,搜索的是厨具下的啊,炒锅没问题,你展示的是不是炒锅,但是我一删你自己看。您自己看是不是没了。你是不是路径也得跟着变化,但是咱的路径没有变化,那你说这是怎么。这怎么搞?哎,说老师我要捅物地址栏,这是怎么个?想想动动呢?
21:03
你想想这怎么搞?还知不知道老师在问什么呢?诶,知不知道老师在说什么呢?知道吧,当老师一点击对讲机,是你发请求了,展示默认的数据,但是你地址栏这也得改。把地址干好,说的很简单,来,你告诉老师怎么改。我看。呃,把地址栏干掉,你说的容易。你怎么看?这是个问题。就是你一点击完,你看这你一点击完咱那个叉没问题。把该有不需要参数滞空没问题,以及发请也没问题,但是你要注意地址栏你是不是也得修改。就是地址栏也需要咋修改。对不对。对不?你得琢磨得怎么改?老师问你,你说咱这个路径的这个这个这个路径是怎么变成这个样子,是不是路由跳转是不是才变成这个样子。
22:06
对不?你看这儿啊,说的都可容易了,点击事件改变路由,那你怎么给我改。你咋改?哎呀妈呀,各种个人想你看这啊。很简单,这个套路你得学会,你看这样。现在老师问你这个路径它是怎么发生变化,是不是当路由跳转的时候,是不是才发生变化。对不对,你看嘛,它是怎么来的,你看嘛,当老师点击手机下的手机是不是路由跳转,是不是带的参数是发生变化。那我一点击它,我可以还怎么我再进行路由跳转,自己跳自己,我改自己的路径,这是骚操。别瞎想了。老师告诉你怎么搞这么。就是这件事咱从来没做过,怎么事儿,就是在自己的路由组组件当中。
23:01
跳自己。再改路径,我告诉你,这是个骚头。对不,你看嘛,咱可以怎么搞,可以这么搞,就地址栏也需要改怎么改。就是进行路由的啥跳转。对不对,对不,你就想想,那你路由跳转的时候,你这么一删,我问你query参数是不是没了。对不直接跳到设置当中,那你看啊,你看老师给你写怎么写,是不是就是this.dollar。Root点儿push往谁,那push是不是直接往。Search,这push是不是就行了?A,对不对?看这对自己跳自己。你看嘛,你看现在对不对啊,你看这手机下的手机没问题。我一点手机走,你看对不对。诶对不对,所以说这种骚操作,你得学会什么骚操作。在当前自己的路由组件下跳自己。这也是可以。
24:02
这个能不能懂。就现在到这能不能懂,能懂的给老师扣一个六。能不能等?虽然咱们以前从来没有这么玩过,但是你想明白吗?这不就是在当前路由组件当中进行路由跳转吗?只不过跳的是自己吗?没跳别人那。对不?你看这不就是所谓的编程式导航吗?经路由跳转,那我只不过没跳别的地儿,我跳自己这儿来了,我把query参数是不是干掉。你看吧,快参数就没了。对不?哎哟,我的妈,这不是点击事件吗大哥。兄弟,这不是点咱这是不是点叉过来的,你这问的是什么问题啊。咱是不是点这个叉。是不是点那个叉调用这个函数。对不对,把参数置空,发请求完了我再进行一次路由跳转,只不过自己跳到自己。
25:03
对,不但是你想想他他他他他严谨吗。说老师这不没问题吗?你要想明白他严不严谨,你看现在老师搜的是手机下的手机。没问题,你一删,哎,路径是对的,这没问题。对不对。哎,对不对。对,不,但是你要想明白一件事什么事,那假如说我现在搜的是手机下的手机没问题。你这块的是不是带有的是不是query参数,但假如我在这搜的是华为呢。对不对,那老师问你,他这个路径当中有没有这个para参数。现在老师问你就这块儿有没有帕尔马斯参数。那我再删的时候,老师问你,我再删的时候我问你帕马斯参数应该啥不应该。
26:01
Hey。知不知道老师在说啥呢?哎呀,各位同学,我求你们了,你先不用想什么面包屑再长怎么办,咱们再长我告诉你有很多呢,那玩意儿先不是你考虑的问题,你先考虑老师现在讲什么,那将来你这个华为一点,你这是不是也得展示华为?对不,你搜索品牌箱的啥,那也有很多,你这你先不管,你先把这块先给我搞懂了。就举个例子,我现在搜的是手机下的手机没问题,你从home跳转到色的时候,你是不是带的是不是query参数没问题,你一点是删了,为啥?因为咱们这路由跳转的时候没带query参数。但是你要注意一件事,什么事?那假如用户搜索的是手机下的手机没问题。我还搜了一下,是华为。那首先说在路径当中有没有帕尔马斯参数。有吧?那你删的只是分类的名字跟ID,你帕参数应该删吗?不应该删,但是咱们现在是不是全干掉。
27:04
对不?所以说你这么写它不严谨。诶,对不对,你这么写不严谨,你这玩意儿就相当于一一棒子全打死了。我管你这块有没有query参数,还有没有帕参数,我全干掉。对不,你这块只是删谁删这个这个这个这个分类的名字就是这个宽参数。你不应该把帕参数业务干掉。所以说这块你得判断判断啥,就说如果你有para参数,就说如果你的路由当中这点Dollar root.para你有para,你不应该闪,你应该带过去,对不?那就是this点儿Dollar。Root点儿push,往谁那push name,谁search。对不?那当然query参数咱不要了,你要把谁带过去对不?我想this.dollar root点。
28:03
所以你看这回他才比较严谨。对不?所以你看这回咱们再测试一下,你看啊,1.2测试你看啊。现在老师搜索的是手机下的手机没问题,你点击它该删是不是该删,那假如说用户我搜的是手机。手机下的华为你看吗?走,先看陆基当中是不是有华为对不?那我这回一删,你看华为是不是还有。看这啊,华为是不是还有。哎,这能不能懂,能懂的给老师扣一个六。所以说这个套路啊,一定要注意。进行路由跳转,那只不过现在的啥,现在的路由跳转只是啊跳转到自己这里,对不但是一定要切记严谨,什么叫严谨。严谨。咱们本意是什么?哎,本意是删除删除谁删除宽参数。
29:05
那如果路径当中。路径当中出现了帕罗参数。你不应该删除,应该咋带过,呃,就是应该应该显示。应该显示带过去对吧,呃,不应该删除,应该路由。跳转的时候应该。带着。就这能不能懂。能倒,所以说这个骚操作一定要学会,就是在自己的路由组件当中往自己这跳,因为想这不就是个插按钮,一点击进行编程式导航路由跳转,只不过自己跳的是自己。对,不但是一定要考虑的更严谨一些,那万一我搜这我搜个啥,我搜一个索尼。对不,你para参数是有的,你不应该删对吧,你只删query参数。对不?啊,所以说这个能不能懂,这个套路,你必须要给我学会了。
30:05
OK,不好嘞。
我来说两句