苍穹外卖-day08

YangeIT大约 25 分钟苍穹外卖微信支付下单

苍穹外卖-day08

课程内容

  • 导入地址簿功能代码 ✏️
  • 用户下单 ❤️✏️
  • 订单支付 🍐

知识准备

  1. 对于套餐、用户、管理员、菜品、口味等表关系非常清晰
  2. 曾经导入过其他功能模块的代码
  3. 能理解微信登陆的流程图,并能对着流程图流畅的表达出来

功能实现🎯:用户下单订单支付

用户下单效果图:

image-20221214181127718 image-20221214181140570

1. 导入地址簿功能代码 🎯

导入地址簿功能代码

管理端原型open in new window

苍穹外卖-管理端接口open in new window

苍穹外卖-用户端接口open in new window

产品原型

  • 地址簿,指的是消费者用户的地址信息,用户登录成功后可以维护自己的地址信息。
  • 同一个用户可以有多个地址信息,但是只能有一个默认地址 👈。

效果图:

image-20221214183615228 image-20221214183626673 image-20221214183859446

  • 查询地址列表
  • 新增地址
  • 修改地址
  • 删除地址
  • 设置默认地址
  • 查询默认地址
  • 根据id查询地址

代码导入

  1. 对于这一类的单表的增删改查,我们已经写过很多了,基本的开发思路都是一样的
  2. 那么本小节的用户地址簿管理的增删改查功能,我们就不再一一实现了,基本的代码我们都已经提供了,直接导入进来,做一个测试即可。简单的增删改查,导入即可

导入课程资料中的地址簿模块功能代码:

image-20221214190135741

进入到sky-server模块中

步骤

  1. 创建AddressBookMapper.java和创建AddressBookMapper.xml
  2. 创建AddressBookService.java和创建AddressBookServiceImpl.java实现类
  3. 创建AddressBookController.java类接受请求

Controller层

package com.sky.controller.user;

@RestController
@RequestMapping("/user/addressBook")
@Api(tags = "C端地址簿接口")
public class AddressBookController {

    @Autowired
    private AddressBookService addressBookService;

    /**
     * 查询当前登录用户的所有地址信息
     *
     * @return
     */
    @GetMapping("/list")
    @ApiOperation("查询当前登录用户的所有地址信息")
    public Result<List<AddressBook>> list() {
        AddressBook addressBook = new AddressBook();
        addressBook.setUserId(BaseContext.getCurrentId());
        List<AddressBook> list = addressBookService.list(addressBook);
        return Result.success(list);
    }

    /**
     * 新增地址
     *
     * @param addressBook
     * @return
     */
    @PostMapping
    @ApiOperation("新增地址")
    public Result save(@RequestBody AddressBook addressBook) {
        addressBookService.save(addressBook);
        return Result.success();
    }

    @GetMapping("/{id}")
    @ApiOperation("根据id查询地址")
    public Result<AddressBook> getById(@PathVariable Long id) {
        AddressBook addressBook = addressBookService.getById(id);
        return Result.success(addressBook);
    }

    /**
     * 根据id修改地址
     *
     * @param addressBook
     * @return
     */
    @PutMapping
    @ApiOperation("根据id修改地址")
    public Result update(@RequestBody AddressBook addressBook) {
        addressBookService.update(addressBook);
        return Result.success();
    }

    /**
     * 设置默认地址
     *
     * @param addressBook
     * @return
     */
    @PutMapping("/default")
    @ApiOperation("设置默认地址")
    public Result setDefault(@RequestBody AddressBook addressBook) {
        addressBookService.setDefault(addressBook);
        return Result.success();
    }

    /**
     * 根据id删除地址
     *
     * @param id
     * @return
     */
    @DeleteMapping
    @ApiOperation("根据id删除地址")
    public Result deleteById(Long id) {
        addressBookService.deleteById(id);
        return Result.success();
    }

    /**
     * 查询默认地址
     */
    @GetMapping("default")
    @ApiOperation("查询默认地址")
    public Result<AddressBook> getDefault() {
        //SQL:select * from address_book where user_id = ? and is_default = 1
        AddressBook addressBook = new AddressBook();
        addressBook.setIsDefault(1);
        addressBook.setUserId(BaseContext.getCurrentId());
        List<AddressBook> list = addressBookService.list(addressBook);

        if (list != null && list.size() == 1) {
            return Result.success(list.get(0));
        }

        return Result.error("没有查询到默认地址");
    }

}

总结

课堂作业

  1. 默认地址有什么用?🎤
  2. 如果外卖点的地址距离送货地址很远很远,也送货吗?
  3. 地址表中的地址记录,需要和用户id绑定吗?

2. 用户下单 🍐 ❤️ ✏️

2.1 需求分析和设计

需求分析和设计

在线PPT sada

2.1.1 产品原型

用户下单业务说明: 在电商系统中,用户是通过下单的方式通知商家,用户已经购买了商品,需要商家进行备货发货。 用户下单后会产生订单相关数据,订单数据需要能够体现如下信息:

image-20221214195633802

用户将菜品或者套餐加入购物车后,可以点击购物车中的 去结算 按钮,页面跳转到订单确认页面,点击 去支付按钮则完成下单操作。

用户点餐业务流程(效果图):

image-20221214195913467

2.2 代码开发 ✏️

代码开发

用户提交订单时,需要往订单表orders中插入一条记录,并且需要往order_detail中插入一条或多条记录。

步骤如下:

  1. 根据用户下单接口的参数设计DTO
  2. 根据用户下单接口的返回结果设计VO
  3. 创建OrderController并提供用户下单方法
  4. 创建OrderService接口,并声明用户下单方法
  5. 创建OrderServiceImpl实现OrderService接口建议自行绘制流程图
  6. 创建OrderMapper接口和对应的xml映射文件 建议先书写sql语句

交互流程图sada

2.2.1 DTO设计

根据用户下单接口的参数设计DTO:

image-20221214203913803

在sky-pojo模块,OrdersSubmitDTO.java已定义

package com.sky.dto;
@Data
public class OrdersSubmitDTO implements Serializable {
    //地址簿id
    private Long addressBookId;
    //付款方式
    private int payMethod;
    //备注
    private String remark;
    //预计送达时间
    @JsonFormat(shape = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss")
    private LocalDateTime estimatedDeliveryTime;
    //配送状态  1立即送出  0选择具体时间
    private Integer deliveryStatus;
    //餐具数量
    private Integer tablewareNumber;
    //餐具数量状态  1按餐量提供  0选择具体数量
    private Integer tablewareStatus;
    //打包费
    private Integer packAmount;
    //总金额
    private BigDecimal amount;
}

总结

课堂作业

  1. 下单流程:创建订单的过程,请问订单和订单项(也叫订单详情)是什么关系?🎤
  2. 订单详情的数据是从何而来?🎤
  3. 订单的状态有哪些?简单罗列一下🎤

3. 订单支付需要商户号 🍐 🚀

3.1 微信支付介绍和准备工作 🍐

微信支付介绍和准备工作

  1. 前面的课程已经实现了用户下单,那接下来就是订单支付,就是完成付款功能 🎯。

  2. 在现实生活中经常购买商品并且使用支付功能来付款,在付款的时候可能使用比较多的就是微信支付和支付宝支付了。 sas4

  3. 在苍穹外卖项目中,选择的就是微信支付👍这种支付方式。

开通说明

  1. 实现微信支付就需要注册微信支付的一个商户号个体户或者公司、政府机构
  2. 商户号是必须要有一家企业并且有正规的营业执照个人号无法支付
  3. 学习微信支付时,最重要的是了解微信支付的流程,并且能够阅读微信官方提供的接口文档,能够和第三方支付平台对接 学习目标
  4. 使用示例(如下图) image

完成微信支付有两个关键的步骤要求绘制流程图

1️⃣ 就是需要在商户系统当中调用微信后台的一个下单接口,就是生成预支付交易单步骤5

2️⃣ 就是支付成功之后微信后台会给推送消息步骤13

这两个接口数据的安全性,要求其实是非常高的。

  • 解决: 微信提供的方式就是对数据进行加密、解密、签名多种方式。要完成数据加密解密,需要提前准备相应的一些文件,其实就是一些证书。
  • 获取微信支付平台证书、商户私钥文件:
    • image-20221214234038395

在后绪程序开发过程中,就会使用到这两个文件,需要提前把这两个文件准备好。

支付成功之后微信后台会给推送消息(测试时,服务器在内网,外网如何访问内网)?

  • 微信后台会调用到商户系统给推送支付的结果,在这里我们就会遇到一个问题,就是微信后台怎么就能调用到我们这个商户系统呢?因为这个调用过程,其实本质上也是一个HTTP请求。
  • 目前,商户系统它的ip地址就是当前自己电脑的ip地址,只是一个局域网内的ip地址,微信后台无法调用到

查看外网访问内网的解决方案 👈

微信支付相关接口

微信支付相关接口:

JSAPI下单: 商户系统调用该接口在微信支付服务后台生成预支付交易单(对应时序图的第5步)

image-20221214224409174
image-20221214224409174

微信小程序调起支付: 通过JSAPI下单接口获取到发起支付的必要参数prepay_id,然后使用微信支付提供的小程序方法调起小程序支付(对应时序图的第10步)

image-20221214224551220
点击查看外网访问内网的解决方案

解决:内网穿透。通过cpolar软件可以获得一个临时域名,而这个临时域名是一个公网ip,这样,微信后台就可以请求到商户系统了。

cpolar软件的使用:

1). 下载与安装

下载地址:https://dashboard.cpolar.com/get-startedopen in new window

image-20221215184407217

在资料中已提供,可无需下载。

image-20221215184446260

安装过程中,一直下一步即可,不再演示。

2). cpolar指定authtoken

复制authtoken:

image-20221215184746092

执行命令:

image-20221215185152869

3). 获取临时域名

执行命令:

image-20221215185749163

获取域名:

image-20221215185833157

4). 验证临时域名有效性

访问接口文档

使用localhost:8080访问

image-20221215190440717

使用临时域名访问

image-20221215190525166

证明临时域名生效。

总结

课堂作业

  1. 微信支付功能任何人都可以用吗?🎤
  2. 后台怎么知道微信支付成功了?怎么实现的?🎤
  3. 微信支付的流程中关键步骤是什么?🎤

3.2 微信支付代码实现 🍐 了解流程,观看讲解视频

微信支付代码实现

导入资料中的微信支付功能代码即可

image-20221215192120424

相关信息

  1. 微信支付相关配置
  2. 在OrderMapper.java中添加getByNumberAndUserId和update两个方法
  3. 在OrderService.java中添加payment和paySuccess两个方法定义
  4. 在OrderController.java中添加payment方法

3.3.1 微信支付相关配置

application-dev.yml

sky:
  wechat:
    appid: wxcd2e39f677fd30ba #小程序id
    secret: 84fbfdf5ea288f0c432xsasdasdas #小程序秘钥
    mchid : 1561414331 #商户id
    mchSerialNo: 4B3B3DC35414AD50B1B755BAF8DE9CC7CF407606  #
    privateKeyFilePath: D:\apiclient_key.pem
    apiV3Key: CZBK51236435wxpay435434323FFDuv3
    weChatPayCertFilePath: D:\wechatpay_166D96F876F45C7D07CE98952A96EC980368ACFC.pem
    notifyUrl: https://www.weixin.qq.com/wxpay/pay.php
    refundNotifyUrl: https://www.weixin.qq.com/wxpay/pay.php

application.yml

sky:
  wechat:
    appid: ${sky.wechat.appid}
    secret: ${sky.wechat.secret}
    mchid : ${sky.wechat.mchid}
    mchSerialNo: ${sky.wechat.mchSerialNo}
    privateKeyFilePath: ${sky.wechat.privateKeyFilePath}
    apiV3Key: ${sky.wechat.apiV3Key}
    weChatPayCertFilePath: ${sky.wechat.weChatPayCertFilePath}
    notifyUrl: ${sky.wechat.notifyUrl}
    refundNotifyUrl: ${sky.wechat.refundNotifyUrl}

WeChatProperties.java:读取配置(已定义)

package com.sky.properties;

import lombok.Data;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.stereotype.Component;

@Component
@ConfigurationProperties(prefix = "sky.wechat")
@Data
public class WeChatProperties {

    private String appid; //小程序的appid
    private String secret; //小程序的秘钥
    private String mchid; //商户号
    private String mchSerialNo; //商户API证书的证书序列号
    private String privateKeyFilePath; //商户私钥文件
    private String apiV3Key; //证书解密的密钥
    private String weChatPayCertFilePath; //平台证书
    private String notifyUrl; //支付成功的回调地址
    private String refundNotifyUrl; //退款成功的回调地址
}

作业

🚩 1. 以下哪个流程不属于微信支付流程?

  • A. 用户打开商户网站并选择商品
  • B. 商户网站向微信支付请求预支付订单
  • C. 用户输入支付密码完成支付
  • D. 微信支付将支付结果通知商户网站
点击查看答案解析
  • A选项描述的是用户打开商户网站选择商品的过程,属于微信支付流程的前置条件之一,因此不是正确答案。
  • B选项描述的是商户网站向微信支付请求预支付订单,这是微信支付流程的第一步,是正确的。
  • C选项描述的是用户输入支付密码完成支付,这是微信支付流程的中间步骤之一,也是正确的。
  • D选项描述的是微信支付将支付结果通知商户网站,这是微信支付流程的最后一步,也是正确的。

综上所述,选项A不是正确答案,因此本题的答案是A。