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

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

开发者学堂课程【微服务+全栈在线教育实战项目演练(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,则是在订单支付中,不做任何提示,直到成功做跳转。后端的结构较固定,按照流程修改即可。

相关文章
|
6月前
|
小程序 API
点餐小程序实战教程09-订单功能开发
点餐小程序实战教程09-订单功能开发
|
Oracle 前端开发 关系型数据库
宜搭认证课程-数据报表设计(三)| 学习笔记
快速学习宜搭认证课程-数据报表设计。
宜搭认证课程-数据报表设计(三)| 学习笔记
|
BI 数据库 开发者
宜搭认证课程-数据报表设计(一)|学习笔记
快速学习宜搭认证课程-数据报表设计(一)
752 0
宜搭认证课程-数据报表设计(一)|学习笔记
|
fastjson API 数据库
课程支付功能(准备工作) | 学习笔记
简介:快速学习课程支付功能(准备工作)
102 0
课程支付功能(准备工作) | 学习笔记
|
开发者 微服务
课程支付功能需求分析 | 学习笔记
简介:快速学习课程支付功能需求分析
课程支付功能需求分析 | 学习笔记
|
人工智能 Java 开发者
课程管理-课程发布流程说明 | 学习笔记
快速学习课程管理-课程发布流程说明
课程管理-课程发布流程说明 | 学习笔记
|
XML JSON Java
课程支付功能(生成订单接口1) | 学习笔记
简介:快速学习课程支付功能(生成订单接口1)
182 0
课程支付功能(生成订单接口1) | 学习笔记
|
开发者 微服务
课程支付功能(生成订单接口2) | 学习笔记
简介:快速学习课程支付功能(生成订单接口2)
课程支付功能(生成订单接口2) | 学习笔记
|
BI 数据库 开发者
宜搭认证课程-数据报表设计(二)| 学习笔记
快速学习宜搭认证课程-数据报表设计。
宜搭认证课程-数据报表设计(二)| 学习笔记
|
BI 开发者 数据格式
宜搭认证课程-数据报表设计(一)| 学习笔记
快速学习宜搭认证课程-数据报表设计。
宜搭认证课程-数据报表设计(一)| 学习笔记