开发者学堂课程【微服务+全栈在线教育实战项目演练(SpringCloud Alibaba+SpringBoot):课程支付流程总结】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/667/detail/11500
课程支付流程总结
内容介绍:
一、总结支付流程
二、支付之后回到详情页面过程
一、 总结支付流程
点击课程,来到课程详情页面,点击立即购买,生成订单,点击去支付,生成二维码,支付完成后会跳转到课程详情页面。
二、 支付之后回到详情页面过程
首先得到二维码
用微信扫描二维码完成支付后,来到前端,找到_oid.vue
//去支付
toPay(){
this.$router.push({path:’/pay/’+this.order.orderNo})
当点击去支付时,就会调 toPay 的方法。用路由跳转,来到 pay 的_pid.vue页面,在这个页面中做的是生成微信二维码,调接口把vue的组件记载下来。
支付后的做法:
1、 每隔三秒查询订单支付状态
2、 查询支付状时候,如果支付没有完成,等待。
3、 查询支付状态是已经支付,页面中清除定时器
4、 如果支付,接口
(1) 更新订单状态
(2) 支付记录表添加一条记录
接口中:
根据订单号查询状态,这是 service 的两个方法。一个是查状态方法,另一个是更新和添加记录方法。
查状态方法是根据调微信地址,会反馈一个返回值,更新是操作表的数据,而在返回值里面也做了输出,输出里面有很多值,值里面有一个 trade_state,如果没有支付,那么这个值是 NOTPAY,当已经支付则变成 SUCCESS,即可做更新添加状态。
在前端中加了拦截器,如果提示25000,则是在订单支付中,不做任何提示,直到成功做跳转。后端的结构较固定,按照流程修改即可。