273、商城业务-订单服务-订单确认页细节显示

我们继续来细化订单确认页，首先这个确认页呢，我们上节课做了选择一个地址来计算出运费，但这个除了计算出运费，我们在这儿呢，还要显示寄送给哪个人，那我们这一块的显示呢，我们可以让他计算运费的时候，除了返回运费，把我们选的这个地址的详细信息也顺便返回过来，那我们在这呢就可以直接显示了。那好，我们现在在计算运费这一块，我们在这儿呢，算出了这个运费，这是一个贝格decimma，然后我们接下来要将两个整体返回，那么专门来抽取上一个VO，这一块是我们查询到的地址信息，然后我们来准备上一个VO，那就在外这个系统里边，我们是在这来计算运费的，好，这个VO呢，我们就叫费response VO，我们的运费的返回，那我们这个运费的返回这个VO，这个VO里边呢，主要有两个数据，第一个数据。这个VO里边有我们现在要用的第一个我们的地址信息，我们可以把这个地址信息放在这，好，这是我们VO里边的第一个数据address，那我们的地址信息除了这个外，我们还有一个运费，备个decimma，那我们把这个运费呢也放在这，那接下来我们就是相当于我们这个地址对应了哪个运费，我们在这儿呢就知道了。

那接下来我们在这儿返回的时候，那么返回的时候呢，除了我们这一块，我们算出来的运费，那么这个运费呢，现在已经得到了。然后接下来我们就来给它封装一个我们指定的VO，返回来写一个new，一个我们fair的这个VO，那么这个VO数据呢，现在里边有两个，一个是它好，我们来放进来，一个是我们的地址信息，Set address地址我们已经找到了，那就是它，另外一个呢，是我们计算来的运费点一个set，我们的运费，运费呢我们也拿到了，在这儿，然后我们把它做一个整体返回，所以我们这个方法呢，我们重新改一下，让它返回这个，那么最终呢，返回的就是我们的这个VO。

如果没有的话，那么就返回呢，来我们这个方法签名呢，我们来也改一下，来到它的这个接口，那这个接口呢，我们就不直接返回我们的运费价格了，这个接口我们直接返回整体详细信息，那来到我们的实现方法没问题，来到我们controller的调用，那么controller调用这一块呢，它会返回我们运费的所有详细信息，详细信息里边主要有一个费，那么set data里边把这个运费的详细信息我们放进去。那接下来我们来重新来启动我们的这个库存V尔库存系统，这个库存系统呢，我们来让他计算运费，计算完运费以后，我们来到页面，我们先来修改一下页面，来找一下我们的come htm Mr，好，那接下来我们这一块呢，想要再获取我们的运费，那不就是这个data了，因为我们返回的这个数据，我们可以来给大家看一下，买F12。

来准备切换返回来看一下我们现在的这一块启动了没有，我们这个库存系统呢，先启动成功，来稍等一下。然后我们现在准备来进行一个切换，如果我来切换地址，那么肯定呢就会有一个返回，那么现在返回到这个data里边，我发现呢，就有两个信息，一个address，一个运费，所以我们想要用运费，那么这一块呢，就是data.data我们返回到完整data里边，还有一个data，它里边的费，这是我们的运费，好，我们复制过来data.data点一个费，这是我们的运费信息，但我们最终的总运费，那就是它里边的这个运费加上我们的商品总额，我们把CTRLF9，我们把页面呢重新来编译一下，我们来看一下我们页面刷新，先保证我们这个页面的运费计算都是正确的，那么这一块呢，显示六没问题，那么现在选下边显示九。

也没问题，我们这一块正确，那接下来我们就要在这展示寄送至哪收货人信息，那这一块的信息呢，我们也直接来获取到他的address里边相关的地址就行了，那么现在来看一下我们这一块的信息获取，那就应该我们放在这寄送至来CRC来找一下这一块文本的内容。来寄送至，那就在这儿寄送至哪呢？我们接下来给这来加上一个，比如我们就来加一个span标签，收货人我们也来加一个SPA标签，我们都显示在SPA里边，那首先有一个寄送制的这个元素。我们就叫receive，我们收货地址receive address element啊，我们的这个元素，还有我们的收货人，收货人我们在这里边要显示。那么我们就加receiver ID。Receive。Element，好，我们现在呢，就要把收货地址和收货人这两个呢，我们要放进去，我们返回的数据里边也有，我们直接ctrl end，那在后边找到运费以后，除了在这来设置运费，设置运费等信息，然后呢，我们还要设置我们这个收货人，设置收货人信息，好那么就来找到这个元素，第一个元素先是我们的收货详细地址，Test，这个地址呢，我们就直接来取出来，取出来应该是这个我们返回的数据data里边有一个address，好，返回的这个data。

它的这个data里边呢，我们这个呢，应该是我们的response，整个返回数据我们都叫大家可能有点不好区分，那我们把这个呢，就叫response。那返回的这个response这个数据里边这个呢是运费，然后呢，们来把它的运费拿到，计算完总价，然后呢，我们还要拿到这个data里边的地址，我们要进行详细显示，所以接下来这个里边呢有一个address。

好，这个地址，这个地址里边呢，我们会有一个。首先我们来显示一个省份信息，哪个地方好，Province再加上一个空格，然后我们再来把它的详细地址来加上来走点一个我们详细地址呢，在这返回有一个data，把它复制过来。这是我们的地址信息，我们就显示完成了，那接下来还有他的收货人信息，CTRLF来找一下，那收货人的ID在这，CC，好，那现在。到后边再把这个收货人信息也来一设置，我们可以使用AJ就完成了这个事情，Test test呢，我们现在还是一样，我们收货人信息，收货人呢，主要是这一块，收货人显示一个人名就行了，我们的手机号可以不用显示，那么现在这个人名我们就拿过来，那现在呢，就是response，点一个点一个我们address里边呢，还有一个收货人的名字。

我们来看一下我们的地址信息里边，地址信息里边呢，有一个收货人的名字，好，没问题，来CTRLF9页面编译一下，我们再来看一下我们的页面效果，我们先来刷新页面，那现在这一块呢，由我们的这一块，地址信息这一块都是对的，收货人寄送至，然后我们只要一切换，那切换成一个北京市的来一点，那下边呢，就是北京市这一块，那它的运费呢，就是九块。好，我们这个页面呢，一些关键数据的显示，我们就结束了。