Spring MVC+Spring+Mybatis实现支付宝支付功能（图文详解）

冷不防 2022-05-21 07:46 242阅读 0赞

### 前言 ###

本教程详细介绍了如何使用ssm框架实现支付宝支付功能。本文章分为两大部分，分别是「支付宝测试环境代码测试」和「将支付宝支付整合到ssm框架」，详细的代码和图文解释，自己实践的时候一定仔细阅读相关文档，话不多说我们开始。

### 支付宝测试环境代码测试 ###

#### 源代码 ####

https://github.com/OUYANGSIHAI/sihai-maven-ssm-alipay

#### 1.下载电脑网站的官方demo： ####

下载：https://docs.open.alipay.com/270/106291/

![640_tp_webp_wxfrom_5_wx_lazy_1][]

#### 2.下载解压导入eclipse ####

![640_tp_webp_wxfrom_5_wx_lazy_1 1][]

readme.txt请好好看一下。

只有一个Java配置类，其余都是JSP。

#### 3.配置AlipayConfig ####

(1) 注册蚂蚁金服开发者账号（免费，不像苹果会收取费用）

注册地址：https://open.alipay.com ，用你的支付宝账号扫码登录，完善个人信息，选择服务类型（我选的是自研）。

![640_tp_webp_wxfrom_5_wx_lazy_1 2][]

(2) 设置app\_id和gatewayUrl

![640_tp_webp_wxfrom_5_wx_lazy_1 3][]

![640_tp_webp_wxfrom_5_wx_lazy_1 4][]

其中密钥需要自己生成，appID和支付宝网关是已经给好的，网关有dev字样，表明是用于开发测试。

(3) 设置密钥

![640_tp_webp_wxfrom_5_wx_lazy_1 5][]

点击“生成方法”，打开界面如下：

![640_tp_webp_wxfrom_5_wx_lazy_1 6][]

下周密钥生成工具，解压打开后，选择2048位生成密钥：

![640_tp_webp_wxfrom_5_wx_lazy_1 7][]

如果没有设置过，此时显示文本是"设置应用公钥"，我这里是已经设置过得。

![640_tp_webp_wxfrom_5_wx_lazy_1 8][]

设置方法,"打开密钥文件路径"：

![640_tp_webp_wxfrom_5_wx_lazy_1 9][]

![640_tp_webp_wxfrom_5_wx_lazy_1 10][]

复制应用公钥2048.txt中的内容到点击"设置应用公钥"的弹出框中，保存：

![640_tp_webp_wxfrom_5_wx_lazy_1 11][]

*  商户私钥（merchant\_private\_key）
    
    复制 应用私钥2048.txt 中的内容到merchant\_private\_key中。
 *  支付宝公钥（alipay\_public\_key）

![640_tp_webp_wxfrom_5_wx_lazy_1 12][]

点击如上图链接，复制弹出框里面的内容到alipay\_public\_key。

如果这个设置不对，结果是：支付成功，但是验签失败。

如果是正式环境，需要上传到对应的应用中：

![640_tp_webp_wxfrom_5_wx_lazy_1 13][]

(4) 服务器异步通知页面路径（notify\_url）

如果没有改名，修改IP和端口号就可以了，我自己的如下:

http://localhost:8080/alipay.trade.page.pay-JAVA-UTF-8/notify\_url.jsp

(5) 页面跳转同步通知页面的路径（return\_url）

http://localhost:8080/alipay.trade.page.pay-JAVA-UTF-8/return\_url.jsp

#### 4.测试运行 ####

![640_tp_webp_wxfrom_5_wx_lazy_1 14][]

![640_tp_webp_wxfrom_5_wx_lazy_1 15][]

测试用的支付宝买家账户可以在"沙箱账"这个页面可以找到：

![640_tp_webp_wxfrom_5_wx_lazy_1 16][]

支付成功后，验签结果：

![640_tp_webp_wxfrom_5_wx_lazy_1 17][]

#### 问题解决 ####

由于我们使用的是沙箱测试环境，测试环境和正式上线的环境的网关是不一样的，如果配置错误，会出现，appid错误的问题。配置如下：

![640_tp_webp_wxfrom_5_wx_lazy_1 18][]

#### 源代码下载 ####

链接: https://pan.baidu.com/s/1n6GbEJiMzoGWJrSw0bb2Cg 密码: zd9e

### 将支付宝支付整合到ssm框架 ###

#### 1、项目架构 ####

![640_tp_webp_wxfrom_5_wx_lazy_1 19][]

*  项目架构：spring+springmvc+mybatis
 *  数据库：mysql
 *  部署环境：tomcat9.0
 *  开发环境：jdk9、idea
 *  支付：支付宝、微信

整合到ssm一样，我们需要像沙箱测试环境一样，需要修改支付的配置信息

![640_tp_webp_wxfrom_5_wx_lazy_1 20][]

#### 2、数据库代码 ####

主要包括以下的数据库表：

*  user：用户表
 *  order：支付产生的订单
 *  flow：流水账
 *  product：商品表：用于模拟购买商品。

drop table if exists user;  
  
/\*==============================================================\*/  
/\* Table: user                                                  \*/  
/\*==============================================================\*/  
create table user  
(  
   id                   varchar(20) not null,  
   username             varchar(128),  
   sex                  varchar(20),  
   primary key (id)  
);  
  
alter table user comment '用户表';  
  
  
CREATE TABLE \`flow\` (  
  \`id\` varchar(20) NOT NULL,  
  \`flow\_num\` varchar(20) DEFAULT NULL COMMENT '流水号',  
  \`order\_num\` varchar(20) DEFAULT NULL COMMENT '订单号',  
  \`product\_id\` varchar(20) DEFAULT NULL COMMENT '产品主键ID',  
  \`paid\_amount\` varchar(11) DEFAULT NULL COMMENT '支付金额',  
  \`paid\_method\` int(11) DEFAULT NULL COMMENT '支付方式\\r\\n            1：支付宝\\r\\n            2：微信',  
  \`buy\_counts\` int(11) DEFAULT NULL COMMENT '购买个数',  
  \`create\_time\` datetime DEFAULT NULL COMMENT '创建时间',  
  PRIMARY KEY (\`id\`)  
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='流水表';  
  
  
CREATE TABLE \`orders\` (  
  \`id\` varchar(20) NOT NULL,  
  \`order\_num\` varchar(20) DEFAULT NULL COMMENT '订单号',  
  \`order\_status\` varchar(20) DEFAULT NULL COMMENT '订单状态\\r\\n            10：待付款\\r\\n            20：已付款',  
  \`order\_amount\` varchar(11) DEFAULT NULL COMMENT '订单金额',  
  \`paid\_amount\` varchar(11) DEFAULT NULL COMMENT '实际支付金额',  
  \`product\_id\` varchar(20) DEFAULT NULL COMMENT '产品表外键ID',  
  \`buy\_counts\` int(11) DEFAULT NULL COMMENT '产品购买的个数',  
  \`create\_time\` datetime DEFAULT NULL COMMENT '订单创建时间',  
  \`paid\_time\` datetime DEFAULT NULL COMMENT '支付时间',  
  PRIMARY KEY (\`id\`)  
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='订单表';  
  
  
CREATE TABLE \`product\` (  
  \`id\` varchar(20) NOT NULL,  
  \`name\` varchar(20) DEFAULT NULL COMMENT '产品名称',  
  \`price\` varchar(11) DEFAULT NULL COMMENT '价格',  
  PRIMARY KEY (\`id\`)  
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='产品表 ';

3、dao数据接口层

这里就不介绍了，这个只包括简单的curd，可以使用\`通用mapper\`，或者\`逆向工程\`就行。以订单order为例给出:

public interface OrdersMapper \{  
    int countByExample(OrdersExample example);  
  
    int deleteByExample(OrdersExample example);  
  
    int deleteByPrimaryKey(String id);  
  
    int insert(Orders record);  
  
    int insertSelective(Orders record);  
  
    List<Orders> selectByExample(OrdersExample example);  
  
    Orders selectByPrimaryKey(String id);  
  
    int updateByExampleSelective(@Param("record") Orders record, @Param("example") OrdersExample example);  
  
    int updateByExample(@Param("record") Orders record, @Param("example") OrdersExample example);  
  
    int updateByPrimaryKeySelective(Orders record);  
  
    int updateByPrimaryKey(Orders record);  
\}

注意：源代码最后给出

4、service层

同上，最后在项目源代码里可见。 以订单order为例给出:

/\*\*  
 \* 订单操作 service  
 \* @author ibm  
 \*  
 \*/  
public interface OrdersService \{  
  
    /\*\*  
     \* 新增订单  
     \* @param order  
     \*/  
    public void saveOrder(Orders order);  
  
    /\*\*  
     \*   
     \* @Title: OrdersService.java  
     \* @Package com.sihai.service  
     \* @Description: 修改叮当状态，改为 支付成功，已付款; 同时新增支付流水  
     \* Copyright: Copyright (c) 2017  
     \* Company:FURUIBOKE.SCIENCE.AND.TECHNOLOGY  
     \*   
     \* @author sihai  
     \* @date 2017年8月23日 下午9:04:35  
     \* @version V1.0  
     \*/  
    public void updateOrderStatus(String orderId, String alpayFlowNum, String paidAmount);  
  
    /\*\*  
     \* 获取订单  
     \* @param orderId  
     \* @return  
     \*/  
    public Orders getOrderById(String orderId);  
  
\}

#### 4、支付宝支付controller（支付流程） ####

支付流程图

![640_tp_webp_wxfrom_5_wx_lazy_1 21][]

首先，启动项目后，输入http://localhost:8080/,会进入到商品页面，如下：

![640_tp_webp_wxfrom_5_wx_lazy_1 22][]

下面是页面代码

商品页面（products.jsp）

![640_tp_webp_wxfrom_5_wx_lazy_1 23][]

代码实现：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>  
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>    
<script src="<%=request.getContextPath() %>/static/js/jquery.min.js" type="text/javascript"></script>  
  
<html>  
  
    <head>  
  
    </head>  
  
    <body>  
  
        <table>  
            <tr>  
                <td>  
                    产品编号  
                </td>  
                <td>  
                    产品名称  
                </td>  
                <td>  
                    产品价格  
                </td>  
                <td>  
                    操作  
                </td>  
            </tr>  
            <c:forEach items="$\{pList \}" var="p">  
                <tr>  
                    <td>  
                        $\{p.id \}  
                    </td>  
                    <td>  
                        $\{p.name \}  
                    </td>  
                    <td>  
                        $\{p.price \}  
                    </td>  
                    <td>  
                        <a href="<%=request.getContextPath() %>/alipay/goConfirm.action?productId=$\{p.id \}">购买</a>  
                    </td>  
                </tr>  
  
            </c:forEach>  
        </table>  
  
        <input type="hidden" id="hdnContextPath" name="hdnContextPath" value="<%=request.getContextPath() %>"/>  
    </body>  
  
</html>  
  
  
<script type="text/javascript">  
  
    $(document).ready(function() \{  
  
        var hdnContextPath = $("\#hdnContextPath").val();  
  
  
    \});  
  
  
</script>

点击上面的购买，进入到订单页面

![640_tp_webp_wxfrom_5_wx_lazy_1 24][]

填写个数，然后点击生成订单，调用如下代码

![640_tp_webp_wxfrom_5_wx_lazy_1 25][]

根据`SID`（生成id的工具）等信息生成订单，保存到数据库。

进入到选择支付页面

![640_tp_webp_wxfrom_5_wx_lazy_1 26][]

调用了如下代码：

![640_tp_webp_wxfrom_5_wx_lazy_1 27][]

然后，我们选择支付宝支付，进入到了我们支付的页面了，大功告成！

![640_tp_webp_wxfrom_5_wx_lazy_1 28][]

调用了如下代码：

/\*\*  
     \*  
     \* @Title: AlipayController.java  
     \* @Package com.sihai.controller  
     \* @Description: 前往支付宝第三方网关进行支付  
     \* Copyright: Copyright (c) 2017  
     \* Company:FURUIBOKE.SCIENCE.AND.TECHNOLOGY  
     \*  
     \* @author sihai  
     \* @date 2017年8月23日 下午8:50:43  
     \* @version V1.0  
     \*/  
    @RequestMapping(value = "/goAlipay", produces = "text/html; charset=UTF-8")  
    @ResponseBody  
    public String goAlipay(String orderId, HttpServletRequest request, HttpServletRequest response) throws Exception \{  
  
        Orders order = orderService.getOrderById(orderId);  
  
        Product product = productService.getProductById(order.getProductId());  
  
        //获得初始化的AlipayClient  
        AlipayClient alipayClient = new DefaultAlipayClient(AlipayConfig.gatewayUrl, AlipayConfig.app\_id, AlipayConfig.merchant\_private\_key, "json", AlipayConfig.charset, AlipayConfig.alipay\_public\_key, AlipayConfig.sign\_type);  
  
        //设置请求参数  
        AlipayTradePagePayRequest alipayRequest = new AlipayTradePagePayRequest();  
        alipayRequest.setReturnUrl(AlipayConfig.return\_url);  
        alipayRequest.setNotifyUrl(AlipayConfig.notify\_url);  
  
        //商户订单号，商户网站订单系统中唯一订单号，必填  
        String out\_trade\_no = orderId;  
        //付款金额，必填  
        String total\_amount = order.getOrderAmount();  
        //订单名称，必填  
        String subject = product.getName();  
        //商品描述，可空  
        String body = "用户订购商品个数：" + order.getBuyCounts();  
  
        // 该笔订单允许的最晚付款时间，逾期将关闭交易。取值范围：1m～15d。m-分钟，h-小时，d-天，1c-当天（1c-当天的情况下，无论交易何时创建，都在0点关闭）。 该参数数值不接受小数点， 如 1.5h，可转换为 90m。  
        String timeout\_express = "1c";  
  
        alipayRequest.setBizContent("\{\\"out\_trade\_no\\":\\""\+ out\_trade\_no +"\\","  
                + "\\"total\_amount\\":\\""\+ total\_amount +"\\","  
                + "\\"subject\\":\\""\+ subject +"\\","  
                + "\\"body\\":\\""\+ body +"\\","  
                + "\\"timeout\_express\\":\\""\+ timeout\_express +"\\","  
                + "\\"product\_code\\":\\"FAST\_INSTANT\_TRADE\_PAY\\"\}");  
  
        //请求  
        String result = alipayClient.pageExecute(alipayRequest).getBody();  
  
        return result;  
    \}

这段代码都可以在阿里支付的demo里面找到的，只需要复制过来，然后改改，整合到ssm环境即可。

上面就是将阿里支付宝支付整合到ssm的全过程了，如果还有什么疑问可以留言。

**我有一个微信公众号，经常会分享一些Java技术相关的干货；如果你喜欢我的分享，可以用微信搜索“Java团长”或者“javatuanzhang”关注。**

[640_tp_webp_wxfrom_5_wx_lazy_1]: /images/20220521/52bc858e811f48d5af93fe94bba1d3fe.png
[640_tp_webp_wxfrom_5_wx_lazy_1 1]: /images/20220521/d0d1622830434ed99ce544e340f7c831.png
[640_tp_webp_wxfrom_5_wx_lazy_1 2]: /images/20220521/80e9dfa8d67f4e11ae66947768621c1b.png
[640_tp_webp_wxfrom_5_wx_lazy_1 3]: /images/20220521/a81fd3c506f840e8ac38486ff17e2557.png
[640_tp_webp_wxfrom_5_wx_lazy_1 4]: /images/20220521/2fe257b1f5f34dad962f91b25346abe5.png
[640_tp_webp_wxfrom_5_wx_lazy_1 5]: /images/20220521/98d1e12effc74c71a2cfe829703ad4b6.png
[640_tp_webp_wxfrom_5_wx_lazy_1 6]: /images/20220521/eed0e2004e334a7998f7492c6672a468.png
[640_tp_webp_wxfrom_5_wx_lazy_1 7]: /images/20220521/98cd5d9d6b2d48aaa124d5fb7044c25f.png
[640_tp_webp_wxfrom_5_wx_lazy_1 8]: /images/20220521/746380c13f0043c79a5945b0118eb04f.png
[640_tp_webp_wxfrom_5_wx_lazy_1 9]: /images/20220521/081344b99b9448179e22bbb23bec7171.png
[640_tp_webp_wxfrom_5_wx_lazy_1 10]: /images/20220521/531d6799cdef48058601183a826e1a1f.png
[640_tp_webp_wxfrom_5_wx_lazy_1 11]: /images/20220521/085ffd68c0cc4dc1804bcad69ac525c0.png
[640_tp_webp_wxfrom_5_wx_lazy_1 12]: /images/20220521/8078914d31984382a10bb8119e212487.png
[640_tp_webp_wxfrom_5_wx_lazy_1 13]: /images/20220521/36887deae3874939898caef7468aa959.png
[640_tp_webp_wxfrom_5_wx_lazy_1 14]: /images/20220521/dc90db241dd3476fa79c7fdae516176c.png
[640_tp_webp_wxfrom_5_wx_lazy_1 15]: /images/20220521/da96b01a89a54edd934c03e28c97c884.png
[640_tp_webp_wxfrom_5_wx_lazy_1 16]: /images/20220521/8db82eb80a0143bfb4ec2ccb0bb4b55a.png
[640_tp_webp_wxfrom_5_wx_lazy_1 17]: /images/20220521/2c1e735dc58045dc81f623b2555db154.png
[640_tp_webp_wxfrom_5_wx_lazy_1 18]: /images/20220521/480505a4e45449c49671725fa4600564.png
[640_tp_webp_wxfrom_5_wx_lazy_1 19]: /images/20220521/9632ddeec42b440c9d15837008d5173a.png
[640_tp_webp_wxfrom_5_wx_lazy_1 20]: /images/20220521/6e3183f89f8d41618af5830b74db345d.png
[640_tp_webp_wxfrom_5_wx_lazy_1 21]: /images/20220521/3c66a953ba6e47ef811a350b7e583c35.png
[640_tp_webp_wxfrom_5_wx_lazy_1 22]: /images/20220521/a8e19ed0075a4852a8a312e651081abb.png
[640_tp_webp_wxfrom_5_wx_lazy_1 23]: /images/20220521/fd1044537bcc4719961b40b6e91fb09d.png
[640_tp_webp_wxfrom_5_wx_lazy_1 24]: /images/20220521/4ffe1757c3f348098b7eba1a32327cd0.png
[640_tp_webp_wxfrom_5_wx_lazy_1 25]: /images/20220521/c15f7943a9bf4681ae60ff525e7bca5f.png
[640_tp_webp_wxfrom_5_wx_lazy_1 26]: /images/20220521/b3c51b80f1ab4a078016ee49ddad043d.png
[640_tp_webp_wxfrom_5_wx_lazy_1 27]: /images/20220521/13c04544b5774e51b5513841c47479d6.png
[640_tp_webp_wxfrom_5_wx_lazy_1 28]: /images/20220521/f7fd47b335c24101951126d98e0ee824.png