在线教育day15

任务:

  • 课程评论功能
  • 课程支付功能
    (1)微信扫码支付

1 评论功能(待完成)

在这里插入图片描述


2 课程支付

在这里插入图片描述
在这里插入图片描述

  1. 生成2个表对应的实体类
  2. 后台接口
    (1)选择购买,生成订单------->订单接口
    (2)订单页面显示订单信息------>根据订单id查询订单信息接口
    (3)点击购买,生成二维码------->生成二维码接口
    (4)查询订单支付状态-------->订单支付成功接口

  • 生成订单接口
    在这里插入图片描述
  1. 创建子模块
  2. 修改配置文件
  3. Controller
    **接口1:**订单信息
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 接口2: 根据订单id查询订单信息
    在这里插入图片描述
  1. 整合生成订单的页面
    在这里插入图片描述
    页面调用
    在这里插入图片描述
    页面调用
    在这里插入图片描述
    创建订单页面,显示订单信息
    通过动态路由方式跳转,所以先创建文件夹,后创建_oid.vue。
    在这里插入图片描述
  • 接口3: 生成微信支付二维码接口
    在这里插入图片描述
    引入依赖
<dependencies>
    <dependency>
        <groupId>com.github.wxpay</groupId>
        <artifactId>wxpay-sdk</artifactId>
        <version>0.0.3</version>
    </dependency>

    <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>fastjson</artifactId>
    </dependency>
</dependencies>

Service

@Service
public class PayLogServiceImpl extends ServiceImpl<PayLogMapper, PayLog> implements PayLogService {

    @Autowired
    private OrderService orderService;

    @Override
    public Map createNatve(String orderNo) {
        try{
            //1.根据订单id查询订单信息
            QueryWrapper<Order> queryWrapper = new QueryWrapper<Order>();
            queryWrapper.eq("order_no", orderNo);
            Order order = orderService.getOne(queryWrapper);

            //2.使用map设置生成二维码需要的参数
            Map m = new HashMap();
            m.put("appid", "wx74862e0dfcf69954");
            m.put("mch_id", "1558950191");
            m.put("nonce_str", WXPayUtil.generateNonceStr());
            m.put("body", order.getCourseTitle());//课程标题
            m.put("out_trade_no", orderNo);//订单号
            m.put("total_fee", order.getTotalFee().multiply(new BigDecimal("100")).longValue()+"");
            m.put("spbill_create_ip", "127.0.0.1");//支付的IP地址
            m.put("notify_url", "http://guli.shop/api/order/weixinPay/weixinNotify\n");
            m.put("trade_type", "NATIVE");

            //3.发送httpclient请求,传递XML参数,微信支付提供的固定地址
            HttpClient client = new HttpClient("https://api.mch.weixin.qq.com/pay/unifiedorder");
            //设置xml格式的参数
            client.setXmlParam(WXPayUtil.generateSignedXml(m, "T6m9iK73b0kn9g5v426MKfHQH7X8rKwb"));
            client.setHttps(true);
            //发送请求
            client.post();
            //4.得到发送请求返回结果
            String xml = client.getContent();
            //再将xml格式转换成map格式
            Map<String, String> resultMap = WXPayUtil.xmlToMap(xml);

            //重新创建一个map,封装所需的数据
            Map map = new HashMap();
            map.put("out_trade_no", orderNo);
            map.put("course_id", order.getCourseId());
            map.put("total_fee", order.getTotalFee());
            map.put("result_code", resultMap.get("result_code"));//二维码状态码
            map.put("code_url", resultMap.get("code_url"));//二维码地址

            return map;

        }catch (Exception e){
            e.printStackTrace();
            throw new GuliException(20001, "生成二维码失败!");
        }
    }
}

  • 接口4: 查询支付状态接口
    在这里插入图片描述

    • 支付记录表中添加支付记录
      在这里插入图片描述

    • 修改订单状态
      在这里插入图片描述
      前端
      在这里插入图片描述
      在这里插入图片描述


(完)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值