00:00
我们继续来细化订单确认页,首先这个确认页呢,我们上节课做了选择一个地址来计算出运费,但这个除了计算出运费,我们在这儿呢,还要显示寄送给哪个人,那我们这一块的显示呢,我们可以让他计算运费的时候,除了返回运费,把我们选的这个地址的详细信息也顺便返回过来,那我们在这呢就可以直接显示了。那好,我们现在在计算运费这一块,我们在这儿呢,算出了这个运费,这是一个贝格decimma,然后我们接下来要将两个整体返回,那么专门来抽取上一个VO,这一块是我们查询到的地址信息,然后我们来准备上一个VO,那就在外这个系统里边,我们是在这来计算运费的,好,这个VO呢,我们就叫费response VO,我们的运费的返回,那我们这个运费的返回这个VO,这个VO里边呢,主要有两个数据,第一个数据。这个VO里边有我们现在要用的第一个我们的地址信息,我们可以把这个地址信息放在这,好,这是我们VO里边的第一个数据address,那我们的地址信息除了这个外,我们还有一个运费,备个decimma,那我们把这个运费呢也放在这,那接下来我们就是相当于我们这个地址对应了哪个运费,我们在这儿呢就知道了。
01:22
那接下来我们在这儿返回的时候,那么返回的时候呢,除了我们这一块,我们算出来的运费,那么这个运费呢,现在已经得到了。然后接下来我们就来给它封装一个我们指定的VO,返回来写一个new,一个我们fair的这个VO,那么这个VO数据呢,现在里边有两个,一个是它好,我们来放进来,一个是我们的地址信息,Set address地址我们已经找到了,那就是它,另外一个呢,是我们计算来的运费点一个set,我们的运费,运费呢我们也拿到了,在这儿,然后我们把它做一个整体返回,所以我们这个方法呢,我们重新改一下,让它返回这个,那么最终呢,返回的就是我们的这个VO。
02:10
如果没有的话,那么就返回呢,来我们这个方法签名呢,我们来也改一下,来到它的这个接口,那这个接口呢,我们就不直接返回我们的运费价格了,这个接口我们直接返回整体详细信息,那来到我们的实现方法没问题,来到我们controller的调用,那么controller调用这一块呢,它会返回我们运费的所有详细信息,详细信息里边主要有一个费,那么set data里边把这个运费的详细信息我们放进去。那接下来我们来重新来启动我们的这个库存V尔库存系统,这个库存系统呢,我们来让他计算运费,计算完运费以后,我们来到页面,我们先来修改一下页面,来找一下我们的come htm Mr,好,那接下来我们这一块呢,想要再获取我们的运费,那不就是这个data了,因为我们返回的这个数据,我们可以来给大家看一下,买F12。
03:05
来准备切换返回来看一下我们现在的这一块启动了没有,我们这个库存系统呢,先启动成功,来稍等一下。然后我们现在准备来进行一个切换,如果我来切换地址,那么肯定呢就会有一个返回,那么现在返回到这个data里边,我发现呢,就有两个信息,一个address,一个运费,所以我们想要用运费,那么这一块呢,就是data.data我们返回到完整data里边,还有一个data,它里边的费,这是我们的运费,好,我们复制过来data.data点一个费,这是我们的运费信息,但我们最终的总运费,那就是它里边的这个运费加上我们的商品总额,我们把CTRLF9,我们把页面呢重新来编译一下,我们来看一下我们页面刷新,先保证我们这个页面的运费计算都是正确的,那么这一块呢,显示六没问题,那么现在选下边显示九。
04:02
也没问题,我们这一块正确,那接下来我们就要在这展示寄送至哪收货人信息,那这一块的信息呢,我们也直接来获取到他的address里边相关的地址就行了,那么现在来看一下我们这一块的信息获取,那就应该我们放在这寄送至来CRC来找一下这一块文本的内容。来寄送至,那就在这儿寄送至哪呢?我们接下来给这来加上一个,比如我们就来加一个span标签,收货人我们也来加一个SPA标签,我们都显示在SPA里边,那首先有一个寄送制的这个元素。我们就叫receive,我们收货地址receive address element啊,我们的这个元素,还有我们的收货人,收货人我们在这里边要显示。那么我们就加receiver ID。Receive。Element,好,我们现在呢,就要把收货地址和收货人这两个呢,我们要放进去,我们返回的数据里边也有,我们直接ctrl end,那在后边找到运费以后,除了在这来设置运费,设置运费等信息,然后呢,我们还要设置我们这个收货人,设置收货人信息,好那么就来找到这个元素,第一个元素先是我们的收货详细地址,Test,这个地址呢,我们就直接来取出来,取出来应该是这个我们返回的数据data里边有一个address,好,返回的这个data。
05:38
它的这个data里边呢,我们这个呢,应该是我们的response,整个返回数据我们都叫大家可能有点不好区分,那我们把这个呢,就叫response。那返回的这个response这个数据里边这个呢是运费,然后呢,们来把它的运费拿到,计算完总价,然后呢,我们还要拿到这个data里边的地址,我们要进行详细显示,所以接下来这个里边呢有一个address。
06:05
好,这个地址,这个地址里边呢,我们会有一个。首先我们来显示一个省份信息,哪个地方好,Province再加上一个空格,然后我们再来把它的详细地址来加上来走点一个我们详细地址呢,在这返回有一个data,把它复制过来。这是我们的地址信息,我们就显示完成了,那接下来还有他的收货人信息,CTRLF来找一下,那收货人的ID在这,CC,好,那现在。到后边再把这个收货人信息也来一设置,我们可以使用AJ就完成了这个事情,Test test呢,我们现在还是一样,我们收货人信息,收货人呢,主要是这一块,收货人显示一个人名就行了,我们的手机号可以不用显示,那么现在这个人名我们就拿过来,那现在呢,就是response,点一个点一个我们address里边呢,还有一个收货人的名字。
07:10
我们来看一下我们的地址信息里边,地址信息里边呢,有一个收货人的名字,好,没问题,来CTRLF9页面编译一下,我们再来看一下我们的页面效果,我们先来刷新页面,那现在这一块呢,由我们的这一块,地址信息这一块都是对的,收货人寄送至,然后我们只要一切换,那切换成一个北京市的来一点,那下边呢,就是北京市这一块,那它的运费呢,就是九块。好,我们这个页面呢,一些关键数据的显示,我们就结束了。
我来说两句