课程支付流程总结 | 学习笔记

简介: 简介:快速学习课程支付流程总结

开发者学堂课程【微服务+全栈在线教育实战项目演练(SpringCloud Alibaba+SpringBoot):课程支付流程总结】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/667/detail/11500


课程支付流程总结

 

内容介绍:

一、总结支付流程

二、支付之后回到详情页面过程

 

一、 总结支付流程

点击课程,来到课程详情页面,点击立即购买,生成订单,点击去支付,生成二维码,支付完成后会跳转到课程详情页面。

 

二、 支付之后回到详情页面过程

首先得到二维码

 image.png

用微信扫描二维码完成支付后,来到前端,找到_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,则是在订单支付中,不做任何提示,直到成功做跳转。后端的结构较固定,按照流程修改即可。

相关文章
|
消息中间件 RocketMQ 开发者
下单基本流程小结|学习笔记
快速学习下单基本流程小结
94 0
|
fastjson API 数据库
课程支付功能(准备工作) | 学习笔记
简介:快速学习课程支付功能(准备工作)
71 0
课程支付功能(准备工作) | 学习笔记
|
Oracle 前端开发 关系型数据库
宜搭认证课程-数据报表设计(三)| 学习笔记
快速学习宜搭认证课程-数据报表设计。
939 1
宜搭认证课程-数据报表设计(三)| 学习笔记
|
BI 开发者 数据格式
宜搭认证课程-数据报表设计(一)| 学习笔记
快速学习宜搭认证课程-数据报表设计。
192 0
宜搭认证课程-数据报表设计(一)| 学习笔记
|
BI 数据库 开发者
宜搭认证课程-数据报表设计(二)| 学习笔记
快速学习宜搭认证课程-数据报表设计。
423 0
宜搭认证课程-数据报表设计(二)| 学习笔记
|
存储 数据可视化 数据管理
宜搭认证课程-业务流程设计(二)| 学习笔记
快速学习宜搭认证课程-业务流程设计。
1481 0
宜搭认证课程-业务流程设计(二)| 学习笔记
|
开发者 微服务
课程支付功能需求分析 | 学习笔记
简介:快速学习课程支付功能需求分析
59 0
课程支付功能需求分析 | 学习笔记
|
关系型数据库 MySQL BI
宜搭认证课程-数据报表设计(三)|学习笔记
快速学习宜搭认证课程-数据报表设计(三)
438 0
宜搭认证课程-数据报表设计(三)|学习笔记
|
BI 数据处理 开发者
宜搭认证课程-数据报表设计(二)|学习笔记
快速学习宜搭认证课程-数据报表设计(二)
270 0
宜搭认证课程-数据报表设计(二)|学习笔记
|
BI 数据库 开发者
宜搭认证课程-数据报表设计(一)|学习笔记
快速学习宜搭认证课程-数据报表设计(一)
631 0
宜搭认证课程-数据报表设计(一)|学习笔记