00:00
好了各位同学,那咱呢,刚刚呢,是把交易页面的一些数据啊,动态的给它展示出来。那咱接下来要做的一件事是什么?你点击提交订单。我说你啊,你是不是得跳到下一级。你说你都要准备提交订单,你说你接下来要干啥?是不是要支付,至少说你是不要跳过路由,将来是不是要支付。佐罗,是不是这个道理?但是咱们现在这一点有下一季路由吗。没有,那下级路由应该谁是支付页面支付调查叫呸。你想想咱咱咱手机上是有阿里配配是不是支付,当然支付的路由组件咱有啊。哪有啊?啊啊,对那个那个你要这么说,说说也对,静态逐渐咱是不是有,但是咱在咱们项目当中咱用过。没有,那所以说。
01:00
走一点击它,你是不是得跳到下一步。对吧,那当然还有一些其他事还要做,但是先把谁先给我搞定。看到。是配的这个静态组件线给它搞定。对吧,所以说老师们也做一下笔记,那咱们今天所做的第一件事是什么,是不是交易页面完成。说白了是动态的展示,服务器的数据是关系。对吧,哎,就是动态。展示服务器的数据完成。那提交订单这里要注意,咱们先做第一件事儿。什么事先把什么。先把支付。呃,支付的静态啥呀,组建先导的搞定。对不,那咱们去找一下的这个组件,这个组件呢在哪,在咱们前台项目当中。代码当中这里静态组件,诶错了。
02:02
静态组件这里。你看买是跟那个支付有关。是不是订单已支付啊,在这里面,咱这咱昨天用的是不是他其实这几个你要同时也行,但咱一个一个来吧,咱现现在需要谁。配配是支付至少。支付成功,这是个人中心,所以咱怎么配?来,那回到咱们的这个前台项目当中。找到谁是不找到view,是把它复制起来。这没问题吧,那所以说你要。静态组件已经有了,你说还要搞?对不对。对吧,啊,那所以说咱们把它的路由也给他打的配好,那咱找一下谁是不找一下子这个资来,那这也是样。Park,咱这叫啥叫pay for from from应该是I的杠。
03:01
Views下的。嘿。大小。那以及路由呢,也是一级路由,咱们把它也给它拷贝CRC这呢。CTRLV,那当然你这是不是得改改。这块讲。配。那这块呢。是不是大写的配?行。那也就是说静态的组件有了。啊,没有先关了,咱们先看一下能不能,你看是不是就OK了。没问题吧,那当然现在这里都是啥。都是假的,咱还得回。OK,但是你看你一点走不是不是跳过来。这没问题吧,啊好嘞。那咱呢,一个一个来,老师呢,呃,想咱一个来吧,先回到回到这,这还没完事。说老师啊,点击提交订单这个按钮,是不是直接路由跳转就行了。
04:01
不行的。你是需要向服务器发一次请求的。把你的这次提交订单的信息要给谁,给服务器举个例子,你将来要支付。你提交订单,你是不是得告诉服务器。你谁呀?你收货地址是哪儿?你要支付多少钱呢?所以中是不是这个道理?对不对吧,所以说当你点击提交订单这个按钮的时候,你注意并不是说立马就进行路由跳过。这里一定要注意,但是咱们的这个组件当中找一下。找一下谁,是不是找一下这个交易。找到这个按钮,老师先把这结构先给你折一下,你们看看。该折折,咱找到这个按钮看这。提交订单,这里咱是不是什么都没做,直接由。对不对,对吧,但是你要想明白一件事,你说你提交订单,咱就举个例子。
05:04
你提交平台,你至少是得告诉服务器谁买。往哪儿发?他要支付多少钱?他购物车里边有哪些产品?他是要支付,你想是这么回事。对吧,啊,那所以说在你点击提交订单的这个按钮的时候,一定要注意你还有很多事,你还要怎么的。相在反请求,所以这块呢,一定要注意2.2。就是当你点击点击。提交。订单的按钮的时候还需要咋,还需要向服务器发起一次章请求,你需要把支付呃,支付的一些啥呀。信息传递给谁?服务器。对,当然咱有没有这个。有。
06:00
咱们看一下咱们这个接口叫提交订单,咱找一下子。前台资料。Job。走咱看一下这个接口。应该是谁呢?提交订单,这是不是提交订单?对口你看嘛,这不提交订单吗。那首先说请求地址是不是它。但是这里面你看它带来一个什么词,是宽。这是交易编号。OK吗?邵老师,这个交易编号在哪呢?你看。在咱们的订单详情当中,你看一下有没有交易编号。有没有?有。这没问题吧?这样的,咱们看它底下它什么请求。Post。对不完,底下你看要带点餐是不是很吓人?
07:01
其实他不吓人,其实这些东西咱都有,你到时候只要一个一个放。对。对不?他说举了个例子,你看老师说你啊,就这些自发数,咱虽然还不知道是谁,你看。就跟刚刚老师说你提交订单你是不得知道。他是谁?手机号过上。我往哪儿放?对,你是你是在你看这是这是留言用户留言。这是什么?你购物车里面的那些产品,你都要告诉自己。对不对呀,对吧,它返回当中会返回一个东西很重要,订单号是你支付的一个订单号,这要注意。咱先一点来啊,咱先把这个接口先写,就是说你点击这个提交订单的这个按钮,你是不是要发请求。对不,那所以说咱们先把这先给他搞,搞好提交订单的钱,那你说老师问你啊,你说接下来搞啥。是不是先搞那个API。
08:01
对不?对吧,来看这找API。那这块是咱的另外一个口这。是不是都用对吧,所以这是啥,这是提交。订单的接口来嘛,Your,谁L是谁,是不是他?那当然,他是什么请求?Ma m ET。Ho,为什么请求说post?老师,你你看他带的这个参数,你要琢磨琢磨,你看trade的no这个字段是不是通过宽带。那你说其余在结了,说老师不用带是不是也行,你看人家叫啥。Y,必须的,你说这几个参咋的?是不是对的呢?诶,对不对,对吧,那所以说他这块要带的餐很多,但是人家给你举个例子,先淡定一些,咱到时候回首再看,但你得知道要带的餐你数数几个,一二三四五六十七个,而且这七个都是大。
09:07
必须的,你看咱大概认识吹的是。交易老师问你,咱的那个交易info当中,就是那个订单信息当中有没有交易。有没有有它是不是拼接在路径的。对不,那你看我说你这是啥。收件人姓名,我说你收件人的数据有没有。举个例子,我点击是不是。这些数据有没有完了之后这收件人。电话有没有?有。收件人的地址有没有?有支付信息支付方式,那当然只有在线。这单只有在线,这是死的,以及订单的啥备注,老师问你订单备注是。有,有你一个。存储多个商品,对的,说白了是你购物车里的那几个数据有没有,有就是。
10:08
商品清单,这是你要支付的东西。对对不对,所以说你看了半天,你会发现这些参数有没有。都有。那咱们的得写这个接口来看这啊走来一遍。X。Park。House。那这个咱们叫什么?叫做RQ,咱们叫me。提交订单,老师问你要不要带餐?那你说这需要接几个菜?一个还是零。两一个是啥?一个是你这个交易编码的谁no,它是不是query形式CH。还有六个,你是不是得以被的形式给你串过去。诶,对不对,对吧,那这块也一样。
11:01
那这块呢,咱是不是得来一个URL。拼接一下,那这块咱就API以后的是不是给它捞回来control c control。V,对吧,那当然这得加谁,那还有谁要带。老说你KV一致QV,省略V。这老师为什么写的也是K一致,以及还有谁MY为什为?Host。对不对吧,那你说写完index就是写完API写。好,从今天开始咱就要练。你不用唯一怎么写。咱们现在已经养成了很好的习惯,你项目当中带很简单。对,不写完API写啥写VR把服务器返回的数据是不是全都由仓库管理?
12:01
但今天从今天开始,咱稍微练练别的,假如没有了,你怎么玩?是不是需要直接在组件当中发请求捞到服务器的数据。在组件当中是不是尽管。跟当年的get her todo list是一样。啊,当然todobe,咱没有涉及到发情,跟你们当年写的get her还记得吗?View技术是不是全写过那个get her?是不是服务器访问数据在哪里进行管理组建?对不?但接下来的问题是什么,是?那老师你要发请求,那也就是说咱今天不会再碰谁了。叉了老师也是为谁准备呢?为咱们的后台管理系统,因为咱后台管理系统我就一律不再用B。所以说你项目当中有你用你没有。也得会。
13:01
OK吗?所以说从今天开始,老师这里写一下的,找你二点几2.3。比如说从今天开始,咱们的项目老师就不在这里了。老师就不再碰啥了。VE了,那你就没有E老说问你说白了,你数据存储谁那。组件,这那你看,如果说你在组件当中,这你需要。是不是引入刚刚报了那个函数。对不对,但是你要这么整啊。说好也好,说不好也好,这是能不能,能,你看引炮的谁?叫啥叫REQ?他叫啥玩意。叫叫叫叫叫叫REQ叫是不是就是他。哎,REQ它下的。哎,趴下的是不from from at杠。
14:02
呃,API。老师,你这么搞行不行行?对不?那老师问你啊,那假如说我这个页面要引十个接口,你这得引多少个。十个。对不对。哎,对不对,对吧,就假如说现在老师这个组件当中,我要引十个接口,你这是不是得连续饮食。对不?那老师想做一件事什么事。就是这些所有的请求,我只想一次,完了之后在任何地都可以用,怎么办?也就是说咱所有的起接口是不是在这儿呢。是不是全在这儿了?我只想做一件事,什么事?就这个文件,我只要引几次,引一次,所有的请求我都可以畅通无阻的去调用。
15:08
能不能理解老师的意思?也就是说,现在所有的清楚的接口是在这里。多少个?得有个二三十个了。有了吧,那如果说你在组件当中,你要在这用十个老说你是不是得挺费事的,是不是得一个一个引完了,假如在下一个组件,你是不是还得从API里边一个引。这,这能理解不?我现在想怎么办?我想让它更方便一些。就是将来。我只需要。暴露一次,就是这个API对外暴露一次,完了在所有组件的地方都可以。老师再说一遍啊。就现在这二三十个接口。你在每个组件当中引的时候,是在引号加大括,括号一个一个引,我现在想做一件事,什么事就是这个文件里面的这些所有请求的方法。
16:06
将来,我想让他们只以一字,而且在所有的组件当中。都可以使用。你像bus。老师说你到是啥?全局世界主线。还记不记得原来宇哥说过一句话,什么话?组建。实例的原型的原型是谁?是1.pro所有的组件实例是不是可以找1.pro借用数性的方法?对不对,你看老师要这么搞,你看你能不能理解啊。就是老师不想在组建这里散装的一个一个。我怎么办?我怎么办?看这。老师把这个文件,这是咱请求接口的这个文件,我把它所有暴露的东西统一接收一下,你看啊在这。
17:10
好,给你做一下笔记,就这。统一接收接入啥API文件夹,文件夹里面的全部的请求的函数。盐泡。我不知道这玩意儿学没学过。心爱统一保。统一引入。学没学过?学过吧,从谁那有for谁。I的杠API,老师问你,你说现在这API是一个。是一个对象,它的对象包含什么?是包含你这个模块当中所有的。这个请求接口。对不?
18:01
咱们可以先咋的,你自己打印一下刷机。瞄一下。来瞄一眼,你看是不是?看这是不是一个对象。哎,是不是一个对象,对象的这个数包含所有的请求的方法。这样懂不?那老师问你,他是不是一个对象?是吧,你看老师做一件事能不能理解。咋整?看着啊。V点调头T点。点Dollar。诶导不出来到API等于API。我问,你这样写的好处是啥?也就是说,你所有的请求的接口,我是不是统一的接收到了,而且挂在了谁的身上?View点光看圆形对象是什么?你这样的好处是什么?所有的组件你是不是都不需要再一个引了?
19:01
你直接是不是可以找这个对象。这能懂不?这里的原理老师你是一样。哎,是不是。对不对啊。对不对,对吧,那这块呢,老师在说这个咱们以前管的叫统一。引入嘛,亲爱的老师在那边学没学过。学过,这是不是叫统一引入,而且你看他引入的是一个什么。对象,对象里面包含出所有的清除的这些API。说白了是这些函数。对不?那你看你在这儿做了一件事什么事,你这块老师说你只需要引几次。引一次,而且所有的请求的这些API是挂在了咱的we原型对象上,那所有的组件是不是可以找到借用?那组件那里老师问你还用再一个一个引了吗。就不用了,这能懂。能不能走,能吧,那所以说咱们在这儿,你想发请求可不可以。
20:04
来看这找谁?找这个交易这老说你我这回请求我不引这么写行不行。是不是就不用一个引了,我只要引几次一次,而且所有的组件是不是都可以。对不对啊,那所以说你这块你就可以怎么找到,你要发请求。老师问你什么时候发请求,他这样什么时候发请求。点击提交订单,那咱们得找他,你能直接跳吗?不能。对不,那这块咱可以给它换成A。对不,那这块咱们看它有没有类名。有那就是直接咋的。Log。哎,给他捞过来,这块换成谁提交。订单。走,那这块咱还要吗?不要了,那你这块就可以怎么整艾。Click,比如说咱们叫什么叫。
21:02
Order。那有这个方法没有,没有怎么办?写个呗。那这块咱们写一下,这是method,那这块是干什么,是不是提交。订单。那咱们给他拉,那咱们先看一下子。来老师说你咱们没有引入那些请求的API的那个接口吧,但你看谁是谁,组员身上有没有。这点Dollar。API,所以说以后工作的时候。没有VR,你的请求都怎么玩?都怎么玩,能不能懂?能懂,不能把你不需要每一个组件都打,也有个散装的音统一的在入口,关键是不是处理好。就这玩意原理跟大是不是一样的。对吧,那你看你一点击来,咱先看一下子,你想发请求他身上有没有。有没有?他刚封装好的,那你想发请求可不可以发?可不可以可以吧,那所以说你这就可以咋的了。回到子建这啊,你就可以打出发请求了。
22:02
我问你套路是不是一样,只不过咱现在存储数据还用VR吗?不用谁管理?贝塔。是组建就管理数据。那所以说这样,那咱来发请求,那个接请求接粉干啥呀。叫叫叫叫。Re EQ什么什么萨order对不?那这块你是不是就会写了,咋写?这点Dollar API点它老师说你要带上。说要带财子。对不对,带几个层俩。那你看咱写它是需要带参数的,带几个,带点一个是啥?乘的N在哪。在你的订单信息里面有没有。就是交易,你看有没有。找一下有没有有。
23:00
那咱是不是可以给它解构出来。来嘛,就赖一个谁。Tree的no等于z.order in,当然,你这得来个啥?大黄框。是不是这个是不是咱们交易编码。接下子你看把人家这管它叫啥盯住,是不是叫交易编码。对吧,那将来订单信息里面是有个叫交易编码,咱能拿到,当然还有几个参数六个。但这六个是以对的形式送的,那这六个有没有也有,但是他挺吓唬人的。咱这这来个赖个谁。对的。咱先把人家给你的这个实例先打开。给他捞出来挺吓人的,这有一说一,但说实话,你会发现这是最简单的。咱直接给他打的。知道吧,这是人家给咱举的一个例子。直接给他。帐篷。格式化,你看着是不是挺唬人的?
24:03
对不,咱就一个一个说这是啥,这是不是要带的其余的六个参数。六个参数,你数数是不是六个。一共是七个对不对,咱说一个说这是谁。是不是你收获的这个人的名字?啊,这呢,王老师说你这个数据在哪。是不是咱计算。诶是不是计算出来了,在哪呢?是不是这个叫什么什么什么user default address,是不是用户最终选的这个。对个数,这能不能写出来,能完了这应该啥?this.user address点。对不对。对吧,还有谁这这是啥什么什么说我记着叫凤什么。点。
25:00
Four number。单词看错错就坏了,找一下。Phone number phone number。Phone number对吧。对phone对吧,那这个是不是咱那个地址就是for什么玩意,我记得this.user address.for。Four。就大家还是看一下是不是这呢。以防万一。找一下是不是这个for address。对不,那这是支付方式,支付方式咱都是。都是这个这个这个在线支付。OK,不?OK,我们再看这。用就是买家的留言信息,咱收没收集,收集了咱叫啥来着。Message。对不,所以这块咱也搞了,这是谁,这是这。
26:00
MSG,那你说这玩意是啥?嗯。是你商品清单的那个数组,你要支付的那个那个那个数组有没有。有咱在哪用过商品清单,这咱找一下啊,是不是这什么order info下的它那咱是不是在它前面加this就行。直接给他打开。对不,那这块咋的,这点他。那老师你这些参数准备准备啊。准备好了,老师做下这个是不是最终。最终呃的收件人。收件人的啥是名字?那这是啥?最终。收。见人的。手机号,这是收件人的什么?地址,收件人的地址,这是啥?是支付的方式。当然支付方式咱只有。
27:05
就在在线的这个是不是买家的。流言。信息,那这啥是不是咱购物车的商品清单?这样懂不?那剩下的活你是不是把这几个参数咋的。往里一扔,吹的谁?还有谁?叫做date。对不对,那老说你是不是等待着服务器的成功与失败,因为在成功之后,你会返回一个很重要的数据,叫做订单号,你支付的时候,你得知道你支付的是哪个订单。谁能动工?所以这你得咋整?等待的他什么状态?成功,那你这再加上。你得记住啥?说法的结果赖一个谁?但是老师得说一下,提交订单的时候,有可能有的时候会支付,不是提交失败,为啥。
28:03
不是网的问题。因为咱们的学生很多,有很多曾经人家都咋的了。重复的来购买。OK吗?所以这块呢,你提交的时候一定一定要注意看他返回的数据,他有的时候可能提示你提示你的。什么什么购买的数量不足了。对不完,有的时候还有什么什么重复的得这些一定要注意,那这里老师。高一下,咱们看一下。老师呢,买一个苹果手机。买个第三页第二页,因为第二页你们很少,你们一般就点第一页。对不好买一个这款。叫IPHONE12A2。什么什么什么零四老师买的仨,加入购物车,走,你们先别操作好吧。这个老师呢,先把已经选中了,我先给他打。这事了。
29:01
我只买我的自己的一个。再买四个走,加入购物车,老师给谁买的,我给张三买。留个,呃,留一个信息叫亲爱的。来一个。天蓝色。赠送。话费。200元。求你了。给不给拉对吧,这咱们看提交订,你看的结果提交订。你看。是不是有重复的,所以说这块到时候一定要多加的。测试你得看你去有的时候是不是。是不是不能重复提交订单,因为有的人他咋的。教过了就没准老师正讲课呢,叭,一下子给我提交了。都能干出来,所以说呢,老师呢,最后再尝试一下。我不甘心。对不?来这个老师就不买光头。
30:03
哎,我买它就可最后买几个。没房了。对,不去购物车。买八的对吧,那这这个我给他打的。这不要,我现在只留一个测试。再勾上来。这老师给谁买呢?给李四。123这回再看一下。走。一会儿回来咱再一起吃吧,好吧,好,所以。
我来说两句