098-尚硅谷-尚品汇-获取订单号与展示支付信息

好，那咱接着继续。那这里呢，老师给说一下，咱们提交的订单，并不是说每一个都会成功，高老师是不是也验证。因为有一些订单，有很多同学，你想想咱们你们的学长加入人多不多。一个账号你就想想。所以说咱们的老师时不时。会清除一下。啊，你们瞎玩那些数据，所以有的时候你会发现，诶，其实昨天还好好，今天一回怎么不好使，淡定一些。后台老师在叮当叮当录代码。好吧，所以这块一定要注意啊，那你一定要注意，咱假如说你提交成功了，老师问你订单号要不要。为你支付的时候，你得知道你支付的是哪笔。他是你这笔交易的唯一标准。OK了，那咱们呢再测行先看这吧，那假如说你提交订单成功之后，老师问你他返回这个订单号要不要存储。

要为啥，因为在支付的时候，说白了是不是下一步的时候要用。OK吗？所以这里一定要注意一件事。那咱们看一下这。这那也就是说，如果你订单。成功了，他是不会返回相应的。订单ID、订单号。OK吧，你看人家这儿也给你写了叫啥叫订单号。在你支付的时候是需要给号。那所以说如果提交订单成功，你这个数据是不是要统一。那这回老师你存哪？老师，你还存V叉吗？不存了，你就存在哪就行了。To。对吧，那当然按这里还得用什么跑TRY。凯是多少的套路对吧，如果成功啊，那咱写一下子啊，当然你这么写这行if判断是不是也行。

哎，老师你一判断行不行。可以吗？啊好，这个老师倒过车，那这边你可以这么快的，就是如果你造等于多少。就说如果你的蕊点扣等等于多少。200代表什。提交订单你是不是成功了？成功了一定要记住，立马把谁窜下来。订单的那个号对吧，那这咱们就讲你说这啥提交订单成功，那你成功了，说老师科他运封。封咱有可密就没仓库了，那所以说你需要在这。咋的定义一个啥。是定一个订单号啊。啊，叫订单。号咱们就叫就叫order ID为啥起始为。那如果成功了，你是不是得修改那个数据。很简单，咱俩。

This order。ID等于啥造的点对。对吧，那当然，如果说你没有成功。那就是谁？没有成功，咱可以行不行，你一谁。那个date，那date是不是有那个错误信息。对不，咱那是不是也看了，如果你提交的不对，他是不是是不是订单成功，是不是能拿到，对不，那咱们回首。再测一下，一会再测，这个测不一。那你还要注意一件事，啥事？那如果说提交订单成功了，这是失败。至少提交。定干扰的。订单失败，当然你这写出来开行不行？可以啊可以，但是老师直接写一，那如果说你提交订单成功，十块钱就。是路由跳转跳到哪个页面，支付页面，而且你支付页面要不要用这个订单的ID。要所以说你得打。

路由还是穿把你获取到了这个。就商品的这个，这个叫订单号，要给人家传过去，就是如果成你还要做一什么事。陆游。跳转加谁？陆游，川菜。OK吗？那当然啊，咱的这个支付的这个路由你看一下。咱支付路由根本没有性占位。当然船餐你可以para，当然也可以查华为船餐。对不，那所以说咱这就可以怎么办怎么办。这点。到了。root.push往push。告诉谁？嘿，老师问你是不是要带。没写上。是问号。什么形式？是不是K等于VOID等于等于啥？

这点奥尔这能看，这也能看懂。可以吧，或者你用谁也行。模板字符串。这能不能吧，那所以说咱们这回再测一下。来测试一下，因为有的可能成功，有的可能失败。呃，这回老师买一个小米。下面这好买。买一个四块钱的，这是啥呀，不知道试一下。没数是吧。有网吧。有网了。好了，那这个老师随便买一个吧，买一个这是啥。这大家不知道read me这啥玩意，想买给他吧，这样咱买几个呢？买两个加入购物车。对，不二啊。买俩我买的是谁的呀，是吧。等会去找一下吧。这个吧，把这个这个我先把这个多余的先打开。

诶。你们先先别捅咕行不先别捅啊，先别捅啊，这个老先捅，你先别捅啊，结算结算之后老师给谁买的给。了，咱这个一走。对。运气不错。对不啊，但是要是你们在提交订单，如果不成功，你看打印数据可能订单号重复了，可能库存不够。听得懂不啊，好嘞。那接下来老师问你啊，咱订单号是不过的。那我问你，你这得咋的？展示的是不得是真的。对不对，对吧，那所以说咱们先把这件事先做，先找到谁。找到咱们的这个支付页面。老师说一下这里面的这款订单号是真的。

因为电脑访咱是不是从提交订单是不是传过来的，以及这儿也是真的实的数据。因为咱们可以拿着订单号向服务器发请求。获取到你这次支付的信息。支付信息当中包含。已支付的总额总金额，那当然剩下其余的数据都是啥。都是假的，这都是假的。OK，因为咱们支付只能微信支付。OK，不啊，当然。但是不可能让你支付这么多钱。对不，那这里老师来说一下支付，咱今天做的是什么支付。微信支付当然有没有支付宝支付有。对不啊，我说假如说就是支付类，有没有这个支付宝支付的。有很多对吧，还有什么银行卡等等，但其实套路都一样，其实在支付过程当中，谁是主力军。

后台。这能懂不？所以说支付这个流程啊，第一件事你要注意啊。很多企业是不是有自己的那个叫营业执照。你需要拿着营业执照，不需要你啊，一般这件事是后台做，拿着营业执照。你要去走一些流程。OK吗？拿到一些就比如说你支付，咱就举例，比如说你微信支付，你是不得跟微信聊聊。刘老师，支付完钱你给我打，打哪去？所以你们综合计到。对吧，所以得拿着营业执照。给你聊，人家会给你些数据，后台这些都会关注。最后啊。但是呢，一般一般啊，审核的时间有快有慢，对不？我们一般七到15天绝对就OK了。我说的是大概是，那举个例子，你说比如说我拿营业执照到半路啪堵了两天。对吧，这玩意还得看上，但是一般情况谁都不能搞定后台。

OK。好，这那咱们这里要注意，咱们先做第一件事，你是不是订单号是不是得变成真的。那咱能不能达到订单号，这是咱的支付页面，能不能能这是个框的参数。对不，那咱这样式咱给他计算一下横。那咱计算出来，这就叫order，谁？Ad。计算出来好处来，是不是用的时候方便一些，你这就是直接。这点Dollar。有are吗？有字吗？没有哎点谁quary q quary.order ad，那你这块在用的时候。照相。是不是这？这就是谁了？Order。ID，当然你不计算也行，是不是写的有点长，那咱们先看能不能拿到。能啊，是不是变成真实的订单号。

那以及要注意应付的金额，你是要再发请求的。因为现在咱们的支付页面老说你这些数据是不是全是假的。你需要拿着你的订单号向服务器发请求，唠叨啥，唠叨你这次支付的信息。最能走。啊，那所以说咱们有没有这个口，有咱们一。这下。哎呀，找一下子是。这呢？看到获取订单什么信息。支付信息。对不，你看是不是带着2.1，是不是带着订单号获取到你相应的支付信息。OK吗？你看这里面是不是就给你返回啥了。总共你要支付的金额。

OK，不，那所以说来咱们还得写啥。谢谢啊。那所以说咱们找到咱们的这个API。来讲到这儿。这样给它给它折上，找到这。那这块是获取什么信息。获取。诶，获取支付信息。Xport，那咱这先把这个地址先在哪捞过来用啊。L是它什么情况，来看一下。是不get，哎，Get请求。好，那咱搞一下，那这块是是不是cost叫REQ配音。那老师问你要不要带伞？是不是带着你那个订单订单号。ID，那当然这你是不是得request？当然这是不是得有一个you are？L，走，那这个咱给他咋的？

是不是直接捞回。CTRLC。直接给它捞过来就行。这加刀。但是别忘记什么请求。Get老师问你，咱还写不叉吗？不想。对不？所以说有VV差你得会写，没有你是不是也得会写。对不，所以咱们找到支付这。老师问你要干什么？就是当路由一跳转。你是不是能拿到订单号，那接下来只要这个组件一挂载，你是不是来展示这个金额，你是不是在mon，到时候是不是要发请求。对不对，对吧，好，那咱发一看这啊走猫。那你怎么发请求，是不是应该是这点Dollar API点。REQ。Pay ino要带着谁去this order ID？那老师问你啊，咱还没写，你这是不是得的，等待他成功的结果，完在这加谁。

A thing。哎，对对。但老师得说一句话。记住。在你写项目当中，不允许给生命周期函数加think。OK吗？O不OK。谢老师给你看法的是个promise，你这是不是在AB admit，这是不是在think，记住啊，记住老师跟你说的这句话。生命周期函数当中，这写下提交订单这啥是不是获取支付信息？啊，不再使用VR，这是老师写的，记住别在哪用。就是3.1别。生命周期函数中，你给我使啥？A think。你想你要一家生命周期，将来它返回什么玩意儿？Promise。对不对。而且a think away老师你是不是有有的时候是会把。

同步变异步语句。知道吧，所以这块一定要养成个习惯，别在这儿我怎么写那怎么写。咋的？这点。Get pay ino有这个方法吗？没有没有怎么办？哎，慢死了，到了我是不写。这块叫啥叫盖的配音，那这块是不是就可以think。诶，对不对。这能够能吧，所以这一定要切记啊，工作的时候，工作的时候你切记别别在这儿，别就是尽量。别在生命周期。函数中你给我使啥什么a think呀啊啥。就尽量。那这块咱是不是就可以这么做啊，这是点。Dollar API点。

Re EQ。配。Evil。好是的是吧，完了什么这点order.id因带着ID这块是不是就可以A。那这是不是就可以think？这冷懂，就相当于哪时候换了一个地儿。那咱们看一下你能不能获取到。支付信息。那咱们呢，打印一下，先别说能，你也别说能，我也别说不能。眼睛看见的是不是才是真？蕊，那咱打印一下来看一下沙新。刷新走。能不能？可以吗？这不就获取到了啥。获取到你的支付信息。你要支付信息当中包不包含？总金额包含，而且这里还包含了一个啥叫扣U。咱们可以利用这个ul生成一个二维码。

OK吗？因为咱支付用的是微信支付，你得扫下。二维码，用这个可以生成二维码。OK，不？那咱们先不说你这老，你是不得展示。老师，先问你说法的这个结果要不要清楚？要么就是同样的道理，如果怎么的？如果。成功，你需要的在组当中，我这回数据是不是存在了组件当中存储啥？存储支付信息，因为你是不要用。如果你的点。空的等于等于多少？200，那你需要干啥？是不是得写上这样一个点，这点叉叉叉等于什么result点？对不，所以说这咱得来个啥。以前咱是用vor存数据，现在是不用显时数据。

叫啥配音符？起始值应该是个什么？大家都看见了。是对象。对，不是咱给他来个空对象。将来服务器的数据已换移回来。这是咋的？这点配。音等于谁？造点。对，那咱们先看一下组建的身上有没有。有没有？有办法，那老师问你，咱这块你是不是得展示什么。你是不是得展示应付的金额？那叫啥叫偷偷。C。对吧，偷，所以说咱们把这块数据给它替换下，换成真实的数据找一下是。叉叉，那这玩意应该叫配。info.total。肺对不刷新看一下。是字段写错。

诶。看一下。哪出来了啊，出来了对不？那剩下这的数据都是啥。假的，这都是假的，但是这是他的真的。OK吗？当然现在一点是跳了啊，不应该让你跳，咱们看应该长成什么样。看这老师呢，来个幺三几啊幺三七三四五六七八九十十一走123456。看着老师呢，来一个。看运气了，走来看它。买三个加购物车你看吗？我的呢？我记得我是买仨呀。好家伙啊。我这个先不删，这个我给他先删了。当然你可以这么多，我怕咋的有的咋的数量不够，他过不去看。

这块可能成功可能是吧。这把好像还没谈。哎呀，还不错，成功了吧，看啊。OK吗？老师问一下子啊，其实老师现在上线的那个就是你一点就能过去，你不用花钱，但是到时候你还是得花钱再测，你看老师你是不是弹出这样的一个导图。自己能写。可以的。哎，老师你写个遮一点，弹出个总件遮照能办到。绝对能，当然咱用啥用饿了么关。因为咱后台项目遍地饿龙UI，所以咱今天先把谁先用。明白，以及你看这是不是有一个请你。微信支付。是不是有个二维码，是不是有支付遇见问题和支付成功。这没问题吧，你只要一支付成功，老师问你跳到哪，跳到下一个。对不对，这能懂不啊好嘞。

那所以说咱们一点能让他进行路由跳转。不能，所以咱们先把哪先把这个先改一下吧，就就就哪呢。找一下立即支付，这咱是不是已经想好，是不是放了一个link，你不应该让他直接跳，咱先放到啥A。当然，你该有的类名你是不得有。这是不是有class给他打开捞回来？走，那这块是不是有一个叫立即。支付咱也给他，当然现在你一点是不是跳不来。对吧，因为咱们现在一点是让个跳啊，不是咱一点是让的啥出来一个支状层。这城里面是不是有二维码？对不对，对吧，好了。