查询微信的支付状态

刺骨的言语ヽ痛彻心扉 2021-07-24 22:18 534阅读 0赞

# 一 查询支付状态 #

## 1 业务层 ##

接口

boolean queryPayStatus(String orderNo);

实现

/**
    * 查询支付结果
    *
    * @param orderNo 订单号
    * @return true 已支付  false 未支付
    */
    @Override
    public boolean queryPayStatus(String orderNo) {
        QueryWrapper<Order> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("order_no", orderNo);
        Order order = baseMapper.selectOne(queryWrapper);
        return order.getStatus() == 1;
    }

## 2 web层 ##

@GetMapping("/query-pay-status/{orderNo}")
    public R queryPayStatus(@PathVariable String orderNo) {
        boolean result = orderService.queryPayStatus(orderNo);
        if (result) { // 支付成功
            return R.ok().message("支付成功");
        }
        return R.setResult(ResultCodeEnum.PAY_RUN);//支付中
    }

# 二 前端整合 #

## 1 api ##

queryPayStatus(orderNo) {
        return request({
          baseURL: 'http://localhost:8170',
          url: `/api/trade/order/query-pay-status/${orderNo}`,
          method: 'get'
        })
      }

## 2 axios响应拦截 ##

else if (res.code === 25000) { // 支付中
      return response.data // 不显示错误信息
    }

## 3 支付页面 ##

// 导入依赖
    import orderApi from '~/api/order'
      data() {
        return {
          timer: null // 定时器
        }
      },
    
      // 用户看到二维码之后开始轮询调用后端接口
      mounted() {
        this.timer = setInterval(() => {
          this.queryPayStatus()
        }, 3000)
      },
    
      methods: {
        // 查询订单状态
        queryPayStatus() {
          orderApi.queryPayStatus(this.payObj.out_trade_no).then(response => {
            console.log('queryPayStatus......' + response.code)
            // 支付成功后
            if (response.success) {
              this.$message.success(response.message)
              // 清除定时器
              console.log('清除定时器')
              clearInterval(this.timer)
              // 三秒后跳转到课程详情页面
              setTimeout(() => {
                this.$router.push({ path: '/course/' + this.payObj.course_id })
              }, 3000)
            }
          })
        }
      }