00:00
大家好,这节课给大家介绍一下啊,最后一个练习也是我们最终项目收尾的一个阶段啊,当然这个练习需要配合我们之前VI写的这个商城的项目一块来写,所以之前没有看过这个VI项目的课程,大家可以跳过这个练习啊,那这个练习。是怎么回事呢?我们之前在讲这个订单管理的时候说了,这边已经支付的这个订单,我是不是可以发货,对不对,而且还可以把这个单号给填上,对吧?啊。那么我后台再对订单进行发货和这个呃,单号填写之后,诶,这个订单就会变成已发货状态。啊,那接下来看看我们的作业的一个描述,这是第一步,后台对已支付的订单进行发货。哎,这个我们之前在说订单管理的时候也说过一次啊,接着看第二步啊,发完货之后怎么办,前台应该对已发货的订单啊,进行一个物流的一个查询,那接着我们来回过头前台啊,前台这里,呃,我从个人中心里面去找一下这个已经支付的这个订单啊。
01:10
那这个是已经支付的一个订单,下面那个,嗯,但是。呃,就是说我们后台这边你如果是已经发货了,其实他提前台这个订单的状态呢,他也会改变,会变为这个呃已发货,那么当前台变成这种已发货的状态的时候,你这边应该多几个按钮啊,就是可以去查看这个物流。啊,这个功能其实。整个流程你都可以去参考京东和淘宝啊,都是可以的啊,好然后呢,好,接下来我每说一个功能都会去找对应的API给大家对应上啊,那好比如说。呃,这边是已经发货了,然后我们多了一个查看。物流的一个按钮,那因为呃之前。这块这个功能也没有写为大家截图,哎,比如说是这里,哎就多一个按钮就是嗯,查看物流对吧。
02:05
那就写一写啊,稍微写一写。查看物流啊,然后我们点击查看物流,你可以有多种方式来实现啊,是呃,我我的意思的多种方式是这个界面的呈呈现啊,你可以去跳到一个新的页面展示物流的信息,也可以呢,是弹出来一个这种对话框,把物流信息展示出来就可以了,好那么既然展示这个物流信息的话。那么就需要使用API对不对,那我们来看看,就是查看物流啊,也就是我们要完成的这个第二步,进行物流查询的时候使用的哪个API,在这里面我们先把它全部折叠。嗯,那既然是前台的功能,那肯定是在前台,前台我们来找到。呃,应该是在。订单啊,订单这里面有一个。物流详情。啊,请求这个API。我们就可以去查看那个物流啊,但是呢啊,这个物流呢,就是它会有一些限制啊,一天就是它超过大约20次的时候,这个这个测试号会会会被限制啊,因为我使用的是一个查看物流的一个测试号啊啊。
03:13
这是请求的一个参数啊,这是以及返回的一个参数,它会返回这样物流的一个详情清楚了吗。好。嗯。呃,大家就是把这个数据啊,你去找一些很好的一个组件做一个展示就可以啊,一般的话我们会使用那种就是那种时间轴的那种类型的啊那种组件去展示明白了吗?啊啊,这个是关于物流详情的,呃,详情的这个API。这个就说完了啊好,那这边。前台还可以去做什么呢?它不仅可以查看物流详情,还可以确认收货,对吧?那如果收到货了之后,因为商家已经发货了嘛,如果收到货了之后,你可以确认收货啊,所以这边其实可以还要再有再有个按钮啊,那一个是物流详情,一个是确认收货。
04:00
来确认收货。是这样的吧,啊,当我们点了确认收货之后,嗯,你可以给他弹一个窗,就是说提醒他是否确认收货,如果他点了确定,那就说明他已经收货了,对吧,好。已经收货了之后,那既然要点确认收货,那肯定得有APH失败在这儿呢,确认收货看到吗?而且会告诉你了,只有订单状态是三的,也就是说已经发货的你才能确认收货,所以你要做判断,并不是说每个像这种已过期的这种订单,你就不能不能让他确认收货,明白了一定要根据这个状态判断好。啊,那这个API就不说了啊。然后关于订单所有的状态你都可以去这个,呃,数据字典里面,你去找到这个订单的这个数据字典里面都写的有,比如说啊状态啊,然后是一次下单,二次支付,三次发货,四次收货嘛,对吧,当然其实还有一个五是过期,这个好像是没怎么写。好像是没写,我看看在订单订单列表里面应该是说了吧。
05:01
啊,50国旗是有的啊好,那我们刚好顺顺手把它给完善审查,注意这点,这里更新一下。啊,因为有时候确实是改了这个API的话,就是有些地方就会就忘了改啊,我们再加个状态啊。啊。啊,一定要保证这个数据字典的这个是最准确的啊好。那这个就是确认收货对吧。来,我们接着说,还是看订单这里。接着还看这个前台这里啊。假如我已经确认收货了。啊,我原来不是有一个查看物流和确认收货吗?那假如我已经确认收货了,就是状态已经不是三了啊,就是已经确认收货完成了,那这个确认收货和查看物流啊,就不要显示了。啊,那会显示一个什么呢?就是去评价对不对,哎,其实整个流程大家经常网上购物,你完全可以参考京东淘宝去实现啊,咱这些API都是有的。
06:01
去评价对吧,好,那去评价呢,还是哎,两种呈现方式,你自己选择你喜欢的啊,比如说是弹个窗进行一个评价对吧,或者说是跳到一个新的一个页面都可以。清楚吧,啊来,那既然说到这个去评价了,是不是就得需要有评价的接口。还是在订单这里看评价商品。这里。只有订单状态是四,已经确认收货了才能评价啊,大家对这些按钮一定要做好判断啊,嗯。嗯,去评价评价商品呢,就请求这个API就可以了啊。呃,而且呢,就是说评价过的就啊不能评价啊。嗯,有一点你需要注意的是。评价是请求到了这里。啊,有一点你注意的是这个。评价的时候呢,是对这个商品进行评价的,你看需要一条商品的这个ID。
07:04
看到了吧。啊,所以哎,这个。如果你这个订单。啊,包含了多个商品。那你应该评价的是一个一个的这个商品。清楚了吧,那这个订单列表呢,他会,呃把你这个订单,嗯,这么给大家说一下吧。是这么回事啊,刚才我们的按钮放的位置有问题。这个是我们的这个订单,明白了吧。看到就是我们圈起来的这个是我们现在这个这个订单,然后他会把所有的商品呢,给给一一的给列出来。啊,知道了吧,那评价的时候呢。有两种实现方式啊,一种是你可以给这个商品去写一个评价按钮啊,这样的话你还得一个一个评价比较麻烦,对不对?好,那还有一种方式是,还是我刚才说的这种,我们在这里去评价。啊,去评价。哎,只不过呢,这个API呢,他要你提交这个,呃,商品的这个ID。
08:07
哎,所以说你这个评价的时候呢,你只能一个商品一个商品的去处理。啊,当然这个API的话。我们抽时间可以把它优化一下,就是直接呃能支持对这个订单。里面的这个商品同时就全部评价,这是API的一个问题啊好呃,那这块大家写的时候也好测试,你就先呃订单你就先写一个商品就可以了啊,然后提交的时候注意把这个订单的ID放在这商品的ID放在这儿啊,这个大家。就是先先这么写吧,后台等以后我们这个API优化了,大家就可以,呃,直接提交了好吧。啊,那这个评价功能。嗯,就说完了啊,你们看好这个API要什么数据,你给他就可以。啊,一个是商品的ID评价的内容星级对吧,以及这个中评好评,按照这个去去写你的页面啊当这个。
09:01
评价完成之后。来看看我们到哪一步了。前台对已确认收货的订单进行评价。到这一步是不是。当你完成了这个评价之后,那就是说我们的这个评价呢,数据就有了入口,就是说呃,数据库里面我们就会有了这些商品的这些评价,对不对,那这时候啊,你要去这个。去这个这个。商品的详情里面加上这个评论相关的功能啊,把评论做一个展示。啊,页面呢,你自己去布局啊,自己去呈现。啊,那既然要用到这个商品的这个评价对吧,那你怎么去拿到这个数据呢?这里给大家说一下啊。那既然是商品详情,你就要去找商品这一块,找到商品的这个详情,在这个详品详情里面呢。大家可以看到啊,这边会有一个。我来看看啊。
10:00
啊,会把这个你看商品的详情,就是这个评论反馈给你,对不对,哎,你就把这个他的评论做一个展示就可以了。啊。就是这一块的一个功能。用户评价完成之后,我们要把这个商品的详情进行优化,把评论功能给加上啊。好,那这一步完成了对吧。接着是最后一步,最后一步又要回到后台完成一个功能,就是对。这个。评价进行一个管理,哎,评价进行管理。然后呃,后台的这个评价管理呢,主要是把这个评价的内容啊,啊简单的做一个展示,以及评价的这个啊,评级星级可以按照评级进行筛选啊,以及啊这个商家的回复和评价的时间啊,然后主要是这个操作啊,首先说这个回复。前面我们用户是不是完成了评价对吧,就是他那个确认收货之后,他对商品进行评价,那后台这边商家是可以进行一个回复的啊,比如说。
11:01
嗯,商家给了一个差评,那个评用户给他差评,你这边可以给他回复这个怎么怎么样,对吧,这商家的一个回复。好,接着是还有一个详情,详情呢,是查看这个评价的一个详情啊,因为这个内容呢,你不可能。展示的太多,因为在这个表格中,那查看这个详情的时候呢,会把这个呃,就是说这条评价是评价的哪个商品,以及呃评价的这个呃,这个这个内容以及我们商家回馈的内容都做一个简单简单的一个展示,好吧。好,那我说一下这块相关的API,哎。接着回过头来看后台管理的。后台API里面的评价管理,这些都是有的评价的一个列表。啊,然后还有一个。就是说你需要一些额外的数据,就用这个银可录的去包裹,比如说额外的这个用户信息,商品信息等等,清楚了吧,啊,就是看你列表需不需要了,这个列表暂时好像不需要,你如果想加上一个用户,就是说谁评价的,那你可能在写这个列表的时候,就要把这个额外的数据给给加上啊,啊接着是。
12:06
呃,回复评价我们一定要说啊,刚才说的这个回复评价,那回复评价呢,你把这个回复的这个内容啊,回复的这个内容提交就可以了啊,这是一个一个。比较简单的一个操作就不说了,接着是详情,就是我们的这块这个详情。啊,详情它的数据你看关联的比较多,有这个评价的商品,其实我还少写了很多字段,那比如说是谁评价的对不对,那评价的时间是什么什么,这个大家自己写的时候加上对吧,你看这个API里面都是有的评价的详情,详情里面。呃,你注意他是不是有这个银可乐的参数,你可以包含什么,可以包含对哪个商品进行评价,以及在包含一个对哪个用户进行评价,这样都可以拿到这些数据。清楚了吧,就是说就是说这个评价所关联的商品的数据以及用户的数据,通过这个银可录的你都可以拿到啊,加上营口流的产都可以拿到,拿到之后你就自己做一个展示就行了。好吧。
13:02
啊,那这是。呃,评价的一个详情,那其实呃只只有到这里啊,只到这一步的话,我们整个从下单购买支付,以及到这个确认收货啊,及到发货确认收货,包括这个查看这个物流评价等等等等,我们整个项目的这个核心流程才算真正的完成。啊,所以这是比较复杂的一块,你要这个前台也要写,后台也要配合着去写。清楚了吧,啊,所以说啊,之前如果是看过我们的这个VIVO vivo3的这个课程的话,你可以就尝试把这个整个这一块都写一下啊,如果是没有看这个VIVO课程,只只看了这个react的这个课程的话,那你就把啊这个。评论的功能啊,简单的简单的写一下就可以了啊。把这个评论的管理写一下就可以了,这个这小节就到这里。
我来说两句