00:00
大家好,我是学习园地的特约讲师高洛峰,上节课我们看了一下订单预览,那这节课呢,我们来点击下边的按钮来创建订单,那创建订单的时候也就生成订单,因为这只是一个预览,没有完全形成订单,形成订单的时候会把购物车里边的数据,比如我们返回。在购物车里边,现在数据数据预览的时候,这购物车数据还在,那么创建订单,它会重新生成一个订单的表,对吧,然后呢,会把购物车里边已经购买的形成订单的这样的商品会从购物车里边清除掉,现在购物车里边还是有三个商品看这块儿,所以我们点生成订单的时候在这个位置。嗯,等一下生成订单会调用这个方法提交的方法对吧?那在这个位置我们已经将这个方法讲好了,那内容咱们没写呢,它会调用这个方法,那调用这个方法,在这个方法里边我们生成订单,在前面订单里边我们已经写好这个创建订单的这样的一个方法,前面咱们是这个预览嘛,对吧,通过这个去创建,只要是提交给他一些参数就行了,那需要提交什么参数,我们看一下这个接口里边订单详情,确认订单,提交订单。
01:07
访问这个接口对吧,都封装好了,需要把地址提交过去。这里边儿就需要地址。所以呢,我们把地址提交过去,这个地址呢,是地址ID,就是我们的一个地址,然后和呃,它会生成返回一个订单ID啊,所以呢,咱们在其他地方会用到这个订单ID,这里边只需要提交一个地址就可以了,所以呢,我们必须在这个里边,呃,先获取到什么,获取这个地址才可以,嗯,往下调用我们自己封装的那个接口才可以啊,那这个地址。从哪块获取到呢?你看我们在这里边已经获取到这个地址了,对吧,在这块已经获取到地址了,那在状态里边就有这个地址的信息,在这块已经加到这个。状态里边你咱就要一个默认地址吗?在这个地址里边就有一个地址的ID,咱们直接从这里边获取了就行了,然后形成一个参数,看一下它参数名需要的什么,参数名需要的是这个。
02:01
对吧,那我们先形成这样的一个参数在这里边,嗯,Cost声明一个PS一个参数,因为咱访问的接口也需要这样参数,然后我们加过来的这个地址的idd址ID在哪呢?STT里边,Ad这里边,这是我们获取到地址,这个地址里边的ID不用加分号这三格式,那获取到获取到之后我们就可以调用这个方法。那我们加不加进来,这个方法创建订单的方法,已经把它加进来了,那我们就可以直接处理这个。调用订单方法,然后我们传递的就是这个参数,Pas传递就是这个参数,然后N。Res。会给我们返回什么呢?返回一系列的,比如说订单的ID啊,订单号啊,对吧,这些就可以了,当然我们这里边儿只是提示提示他一下创建成功就可以了,嗯。Test这里边比如说提示一个。创建订单。
03:01
成功创建订单成功按照指示界面临时的呃,提示一下啊。来咱们看一下,只要创建成功,那我们购物车的数据,这是接口里边写的,会给我们清除掉,你看我们现在生成订单点击。创建成功对吧,创建成功之后,我们在因为创建成功,我们得让他跳转到什么地方,现在咱先不写这功能,因为咱们还要有弹出强应的,让他去,呃支付的,那我们再看一下购物车这里边儿数量你看就变成什么了。就变成一个,当然这个数量我们应该在这些地方处罚一下,把它数量给更改一下,重新调用一下,呃,那个购物车的那个方法,也就是通过状态。管理里边。嗯,状态管理里边我们加加这个,那加状态把这个加上。嗯。Use状态。这个然后from从v exx里边连那个数量发生变化,我们一点提交创建订单成功的时候,在。
04:05
做完这个,我们得在这块得加上cost,呃,等于得把这个拿过来,拿过来之后。这块创建订单成功,提示他完之后我们干嘛,我们在这块就可以加上呃,ST里边的这个方法,更新up date CRT更新购物车的方法就可以了。来这样的话,我们就把那数量就更新了。那我们在这里边再购买几个商品吧,你看你选中的没有,对不对,来我们再选几个商品在首页里边。嗯,比如说这个。加入购物车。然后我们再选择一个。比较慢,随便选几个。呃,立即购买。又选了几个商品对吧,这个原来就没选择上的,现在呢,你看我全选对吧,呃,留一个吧,最后留这个。
05:03
然后我现在点结算。到这里边儿把选中的你再拿过来了,但是我现在点生成订单。创建成功。然后你看数量变成一了,购物车的数量你点击购物车里边你看就回来了,所以加一这个方法能够改变那个购物车的数量或者上下值,这个是没有变化的,这就是我们创建订单的一个过,要知道它的一个原理是什么,就是创建订单往订单表里边去放的时候,会把购物车里边的数据给我们删除掉,所以呢,不用我们手动的创建订单,再调用一下订单里边的接口,把选中的那些ID都删除,因为在后端帮我们把这个事做了,所以是比较方便的,这块写上。嗯。创建订单啊,一点不是这里边一有提示创建订单成功对吧,这个功能啊,这节课咱们就比较简单,就是一个创建订单,那下节课咱们创建订单的时候,来取一个弹出层,咱们来做一个支付,所以支付流程咱们单独讲一讲课。好,这几个到这。
我来说两句