00:01
好了之后呢,咱们今天是前台下午的第九天,今天主要的一件事呢,是把咱们的购物车今天给他怎么了搞定。好吧。之后呢,咱们先看一下子,就是在咱们,呃,昨天已经写到哪里了。昨天呢,咱们呢,应该是写到了。是不是这详情页当中这个加入购物车的这个操作。对吧。那所以说啊,昨天其实就做了这几件事,第一个。放大镜。对不?第二件事呢,就是底下的这个小轮廓图。但是这里一定要注意说,老师昨天的这个轮播图,为什么不用咱们全局的那个。不一样。对不,因为咱们曾经做的全局的那个轮播图,你每点一下是不是切换一个图,而且他在展示区只展示几张图片。一张就原来那个全局的,所以说呢,这块呢,咱们就没有用全局的那个作图,又重新搞了一个对吧。
01:08
好了,那以及啊,昨天咱们这里是不是也搞定了。就是产品的售卖的属性,其实这里跟咱们曾经的这个商品分类是不是很像。对吧,啊,而且还用到了哪个小小知识点。拍他。对吧,那以及昨天呢,还有一个知识点就是老就是这好。对不啊,就是这那以及还有谁是不是加入购物车。对吧,那咱们呢,去看一下咱们的代码,老师呢,把昨天加入购物车这里面的代码,那老师呢给你们,呃,搞一下就看这。咱们找一下子应该是哪是当中的这个是不是加入购物车。那咱们呢,把没用的地儿先给他攒着,先给它折上。对吧,看着这个压力,压力有点大,是不是山大是吧。
02:01
中呢,主要是哪,是不是这个加入购物车这个回调。你说这对吧,那这块呢,老师呢,就给你咋了,干掉了,就相当于咱昨天是不是没写。对不,而且昨天咱们还做了一件事,看这啊,看这是不是还派发了一个action。对不,那所以说老师把这我给你干掉,那已经那他也干掉。就是咱们仓库当中这里。呃,应该是底套当中。是不是添加这个这个产品呢,到购物车这里,老师都给他干掉。比如说这里面呢,老师都需要带着你们把这个promise最后再说一次。OK吧,但是呢,这里呢,要注意一件事,什么事,咱们当点击这个按钮的时候,你是不是要发请求。诶,当点这个按钮的时候,是不是要向服务器发请求。对吧,我看一下是不是你数据。还是卡的看一下。
03:03
先看一下,走,我再回来一下,128080。啊,走啊,没问题。之后呢,这里呢,要注意一件事,什么事,当点击这个按钮的时候,你是不是要发请求,而请求的接口咱们是不是已经写好了。那这块再报哪个错是报咱们,因为咱们把那个回调是不是删了。是不是在报这个错啊,就是咱咱这样吧,先写上吧,叫勾叫啥玩意看。叫啥来着,叫ad。收是不是这个方法,咱刚刚说干掉。对吧,那咱们呢,给他拿回来这个老师写一下这俩是不是加入购物车。加入购物车,先把这个方法先给它放在这儿。但是里面呢,咱们呢,也什么都没写。好了。之后呢,这里呢,一定要注意一件事,什么事,当你点击这个按钮的时候,一定要切记你要做好几件事。
04:03
首先说这件事儿呢,你得走哪件事儿呢?就是当你点击加入购物车这个按钮的时候,你要琢磨一件事。这是咱们的前台。这是谁呀?是不是后台?那老师问你,你前台加入购物车,你是不是得通知谁?你是不是得通知后端,你给我存一下子。因为最基本的一件事,你将来你购物车当中,你展示的是不是你加入购物车的这条数据。谁在帮你存储数据?后台,所以说你要把一些相应的参数。你是不是要通过接口要通知服务器大哥,我要把这个产品是不要加入到购物车当中。这能懂不?所以说这个按钮它要进行路由的跳转,而且还要咋的,是不是要发请求。而咱们以前在写路由跳转的时候,跟着来点一下,Push一下,我re一下是不是就完事了,但是这要注意,这个是在你进行路由跳转之前,你要干什么的。
05:08
发啥的?发请求的说,这一定要注意。而咱们的请求,看着咱们的请求。在API当中,咱是不是已经写好了。看一下啊,应该是谁的。是不是就是这个。但是你要注意啊,他是不是要给服务器带参数。对不,那要带谁呀。产品的啥?Ad阿尔法。个数,比如说你给后台传ID,他是不是能知道。谁?是不是你要添加的食品?对不对,诶对不对,因为每一个产品是不是有自己唯一的ID。那你给后台一个ID,诶,他就知道。你存的是什么,那以及当然你也得告诉服务器咋的。是数量各各呀。对不,那所以说当你一点击这个按钮的时候,那咱来个叫alert。
06:05
老师呢,先弹一个1211,那咱们先看一下走你。这那有说一点,这个按钮是一一。那你要干啥?孙老师进行路由跳转,嗯,在进行路由跳转之前的第一件事是啥?是不是要把写一下,就是呃,这个这个咱们写一下吧,就是在点击。加入购物车这个按钮的时候,那咱们做的第一件事情是什么呀?是讲一些参数带给谁服务气,那括弧说白了是不是就是发请求。你要干什么?是不是要通知?服务器,你加入购物车的产品是什么?是不是要做个记录?
07:01
对不,那所以说咱们要发请求,而咱们仓库当中,你看一下咱写了吗?咱老师刚刚是不是删了。哎,刚刚是不是删了。那所以说你在这儿是不是得写一个action。对不,那所以说咱这搞一个嘛,这是干什么呢?是不是添加,比如说加入。购物车的,呃,这个action。对吧,那咱起个名字呗。你想叫啥?比如说咱们叫做ADD。当然这个接口还记不记得还可以更新。对不ad或者是啥哦。Up。啊,Up谁呀?Update,咱们叫super car。这没问题吧,啊,所以这会老师讲就是加入购物车或者是啥。或者是修改某一个产品的啥个数,你都可以在这里进行操作。
08:06
那这你要想明白啊,那咱们这块是不是得有个合并。想了呀,是有考密的,而且你要注意啊,咱将来要发请求的时候,是不是调这个函数。而你这个函数要不要带参。要带,因为你得通知服务器,你添加的是谁,你是不是给ID多少个,那所以说你猜猜它有没有第二个参数。有。那第二个参数,它传的是不是俩,那俩咱就传的啥到什么。对象不说,可以解构,一个叫做SKU,谁ID,另外一个叫SKU。Number。对不,那剩下的国家是不是你要发请求?对吧,那这块老师写一下子就要干啥发请求,那就是谁,呃叫re EQ是不是就是他。就点上那个函数,那你要带谁SUID,还有谁SKU number,那当然它返回的是一个什么老师。
09:06
因为是相的实。是五毫米。A,对不对啊,对吧,你看嘛,这玩意相当于是不是返回的东西,那一定是个啥promise。所以说呢,咱们需要等待他成功的结果,那就咋的。不,这一这就得咋的。A thing。对,不像咱当年强哥应该跟你说过一句话,A thing和是一对CP。对不少CP的,也就是他两者必须在哪的同时存在。对不,那咱们的格式化一下,那咱们先看一下子,你这个操作是不是有返回一个结果来一个谁。那咱咋呀?是不是打印一下呀,Cons love谁result。那这里啊,那咱们呢,先看一下有没有成功,举个例子,比如说老师买个六个。
10:04
当老师一点击加入购物车,先看一下走。走。请看请求有没有发。没有吗?啊,没有派发对不,那所以说咱们得派发一个啥。X,来找一下,那得找谁了,是不是找组件?组件把没有先合上找一下,应该找的是view下的太这。对不啊,那所以说咱们这里面派发的啥什么action。这条Dollar。store.dispach那这块是不是就是他。对,不,但是要注意要不要带餐。想要带谁?带的是一个对象,而且要带两个字段,一个是产品的ID。一个是个数。对不,那一个叫SKUID,那老师问你,你说这个产品的ID在哪。
11:05
是不是在路径当中就有,而且咱当年用没用,用过在哪,在wanted这里是不是用过一次。对不,那所以说咱就直接给他咋的老。对不,那另外还有一个就是各种SKU number,那这个咱有没有。有,因为咱当年是不是还处理过呢。就是谁是不就是这个叫z.SQ number对不?所以这咱搞一下这叫啥这点SKU。那这回咱们先测试一下商信。来看这儿。那看有没有加入购物车成功,老师买了个19个。看一下。对吗?但是你这块要注意呀。咱们现在这个操作只是前台想通知一下子后端,因为你想想咱当年是不是no。写没写过的写过吧,写没写过,写没写过那个DB。
12:03
写过吧,你说现在前台无非就做一件事,啥事儿?我带了一些参数。给了你个后台,你后台是不是存储于数据库当中?人家是不是拿到数据了,存储成功了,人家回手就告诉你一声,诶,我存成功了。所以你会发现它有返回数据。有吗?没有,那因此你要琢磨一件事,什么事就这,你还有必要三连红吗?就这还有必要三连环。没有了,因为你要注意你发请求,那咱说的更准确,什么叫什么叫发请求,是不是就是前端。带啥?带一些参数给谁?服务器,因为服务器需要咋的,是不是需要存储这些啥。数据,但是你要注意它存储成功了。他没有给咱们返回啥。
13:00
返回数据,当然有同学说,老师那不返回来了吗?这不返回一个result,这不是数据。咱要的是是不是date。对不,这只是告诉一声,诶,我咋的了。我成功了,所以说你这块没必要咋的了。就是不需要再怎么了。哎,不需要再等了,三连环。存储就是不需要三连环干啥,是不是仓库?存储啥呀?存储数据。就这能不能懂。因为咱们以前写VOV叉经常是哪的。发个请求,捞到了服务器的数据,是不是往仓库里边存组件去捞,但你现在想明白。你现在点这儿。仓库用存数据吗?组建入劳务数据。不用吧,所以说这你就不需要再打了三连环了。但是接下来的问题是什么呢?你看这儿。你看是当你点击这个加入购物车的时候。
14:02
是点子。你得知道这次行为是成功还是咋失败。如果成功了,老师问你,你要干什么?你是不是要跳到下一步?那如果失败。你是不是在给用户一个提醒?对不对,因为这次请求他可能是成功,当然也有可能是。示范对不,所以说你要注意就是在你这个回调当中,就是在哪在这儿。咱们需要知道一件事,这是第一步对不?哎,你发请求第二步你需要知道啥?第二步。就是你需要来写上,诶,你。需要知道这次请求是成功还是大。还是失败?那如果是成果呢?那如果成功,是不是进行路由跳转?
15:02
接着做其他的事,是不是跳到你看咱昨天老师也给你们看了,那如果说添加成功,那你看一下。看这这个图,如果添加成功,你看是不是跳到这这个路子当中。对不对吧,那所以说那如果成功你要干啥,是不是进行路由的啥。跳转,那如果失败了。你是不是得给用户来一个提示。对不,比如说需要给谁呀,需要给用户咋的提示。但是现在很尴尬的一件事是。现在很尴尬的一件是什么?是仓库,他知道成功与失败。这句话能不能懂?因为服务器返回的数据在哪呢。在仓库这儿对不对,他是不是能标记着你这次行为是成功还是失败,但是咱是需要在哪用。
16:03
在组建到。是不是在这?对不,所以说昨天老师也说了,你要明白一件事,什么事。来老师在这呢,给你画一个分割线。你要明白的一件事啊,就是这儿,就是这个this.dollar到点D。是不是写了这样的一行代码?那你要明白一件事,这行代码其实他做了一件事。说白了就是在干啥。相当于是不是在调用仓库当中的那个叫做ad update的这个函数。那你会发现你一点击是不是那边就发请求了,那说白了那个函数是调用。就这能不能理解?就这行代码,说白了。就是说白了他是咋的。
17:02
它是在调用V叉仓库中的。这个。就是就是这个函数。对不?就到这现在这个这回再看能不能理解。就说你可以看一下老师一点,你看这是就用。这是不是就掉了。对不,那说白了,这个函数咱们应该知道,函数老师问你啊。看哪呢?函数,你得知道咱以前是不是学了这些基础函数,函数分为几部分。两部分呗,声明和什么。和调用,那老说你这是不是声明的一个函数。只不过在哪掉,是不是在这一点击这个按钮是掉了。那你要注意,那你现在一定要用这个函数,老师问你这个函数有没有返回值。有,而且一定是什么。Promise。
18:00
说老师为啥?是不是a think a think带有a think的函数返回的一定是什?毫米,而且昨天老师给没给你验证。你看咱可以咋的?Light一个啥,咱们就叫做蕊造的,咱可以咋的呀?稍微。打印一下,那这块咱来一个吧,就叫啥resolve,那你看它返回的是不是一个promise。来老师呢,在这呢,给你标记一下看这。是不是?对不?所以你要明白一件事,什么事带有a think这样的函数,它返回的执行返回的一定的时长。Promise。而你这个函数返回的是promise,成功与失败是不是决定于它的返回值。对不对对。C起来,因为我看昨天有个同学一下课就开始翻那个。
19:01
Find think这块一定要注意啊。就这块儿,今天这个套路咱还会用,而且用的地儿还早的挺多的,一定要注意。比如说你的a sin函数。Asy啥呀?Nc a think函数执行。执行。那返回的结果一定是一个啥?而你。他要不是。成功,要么是什么失败,因为一个普尔米,你返回一个普米是没意义的。对不?你外部要等待啥,等待是要么是成功,要么就咋失败,对不?所以一定要注意,那promise返回的要么是啥成功。对不,那另外一种就是要么咋的失败。那老师说你现在咱有返回成功与失败的操作。没有吧?
20:01
所以说咱们这块进行了一个判断,什么判断老师问你如果造扣等于200,那一定是。我问你这次异步操作是不是成功。对不,那所以说你这块可以咋的,就是如果咋的。蕊造点扣。服务器返回的是多少200,那我让当前的这个promise返回的啥是不是成功的标记?这能懂不?那所以说这块老师讲这块返回的是啥,是不是成功的标记。就个啥,比如咱个OK,非空字符串代表是不是成功。哎,对不对。对吧,那还有一种情况就是。Else,是不是失败了?那你失败了,老师就个啥。Promise。点reject new一个谁呀?Erl,咱来一个教程。对不,那所以说这块是返回的。世上失败的标记。
21:04
经过昨天晚上一晚上的复习,你再看下强哥的米斯,就回头再看,这真真的能不能看懂?就是现在看能不能看懂。可以吧,那所以说为什么他要返回成功与失败的标题,为啥?因为这他要咋的?他要用那你看吧,举个例子,现在老师随便加一个你看。来。老师在这啊这啊这一定要注意,这再加一行。说为等待着他的promise成功的情况。哎,对不对。对不对。对,因为的是个等待,是成功的结果,那你这写的。这就来个啥?对不,所以说你看咱们可以看一下,你看咱等待的是成功的结果,你自己看。是否OK?这能懂不啊,那所以说那这块呢,咱经常你这么写它也行,但老师告诉你,咱是不是曾经学过。
22:04
走出厉害。成功走开。失败,所以说我不管你们以前react有没有写过,View有没有写过,就这样的代码,以后在公司真的很常见。OK吧,所以说咱们这里面怎么玩,你就这么玩了。走,因为他他返回的,OK,还有那失败没意义,你就直接咋的了。咔嚓,给他咋的?剁了,那这块咋的揣?Catch。对不,那这块上这块是不是成功干什么。这块。失败干什么?那成功来看这走,那咱先给它放在这儿。这是成功,那失败的,咱先给他来个提示吧,咱就来个啥alert叫EL啊A点。Message,那老师问你,如果成功了,你接下来还要干什么?是不是路由特,但老师问你下一级路由咱写了吗?
23:02
没有了,那所以说咱们得找到这个路由组件,而且咱们是不是还连注册都没注册。对不,那所以说咱们看一下子老师找一下,在咱们前台资料的这个代码当中,是不是有个静态组件。谁能探测了?叫做添加到购物车成功。啊,不是跳到购物车,是跳到哪。是不是商品已加入购物车成功。是这个路由组件这。那所以说咱们把它的静态给他咋的。CC。回到咱这儿再捞一个。在哪是放到咱们的views下,是不是在这给他搞一个。这OK吗?O,不OK,比如说静态组件有了,那接下来你还在干啥?注册,你是不是得注册入伍?来老师把没用的先给它关掉,先给它关掉,来老师问你找谁?
24:05
S注册路由。这是路由的地,是不是找的再找谁?Root是不是啊,那所以说来老师先给它折上,接着注册。盐。那个叫啥叫叫叫看一下。这单词有点长。叫ad。Car。Success for wrong又没提示了,自己写吧,爱告views下的是不是他?说他啊,单词别做错了,就送你俩字儿。幺零。OK吧,那这块你是引入组件,你是不是也得注册路由,而且也是几级路由老师。是不是就是中间部分。是不是也是一季度。对吧,那所以说你回到这儿,在这儿再打点。
25:00
是摘一个。这块咱给他咋的,是不是搞一个那这块的,那咱来一个那这块应该是是不是就一定要注意啊,路由的单词都是什么写的。小写的ad card sus,以及用哪个组件?是不是就是这个ad,是不是就是它。对不对,少了个谁,少了一个高。这块一定要注意啊,路由的路径一定是什么写的。想想还记不清这玩意儿是啥作用。是不是显示底下那个。好嘞,那也是说静态组件有了,路由也注册了,那你一点击加入购物车成功了,那老师问你,你说干啥。你是不是接下来进行路由的跳转。对不对,所以说如果成功了,你要干啥进行。陆游的啥?小过,咱来呗。这点Dollar。
26:01
Root。有没有art?有,而且当年约,呃,当年那个宇哥是不是跟你说过和replace的区别?老师,在项目最后一天上线之前,咱这个项目前台项目当中还有一些地方可以优化,就是关于push和最后再说。铺车replace,你自己心里应该清楚吧?是有没有历史记录对不?其实咱们的也做的不够完美。咱们的色也有,全都是用的是什。Push,你往回退的时候永远是一个一个。对不啊,到时候再说看这那这块咱还采用什么。Push往哪不?我哪不是。是不是往咱们的那个那个对起个名字吧,咱给它起个名字,找到咱们的谁呀,Router是不这那咱也给它起个名字,Name为啥是不是就叫do他就完事。
27:04
哎呀,这个单词啊是吧。但别忘记后面有个啥什么逗号。对不,那咱就给它跳过去,跳到哪是不是跳到这个叫啥内为啥是不是为碳老师问你有杠吗。没有好了,那咱们先看一下子能不能OK。来看这。走。来刷个新看一下。买它个。算了。对不买个红色的走。是不是就过来了。就这有没有问题。所以说啊,这块一定要注意,咱今天老师也是第几遍,第三遍了。我讲讲这玩意。就是这个米,现在真的再回头看能不能看懂。可以吧,好了,那这一块老师。
我来说两句