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

ゝ一世哀愁。 2021-08-19 16:51 342阅读 0赞

优质文章，及时送达

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg]

作者 | 思海（公众号：好好学java）

链接 | blog.csdn.net/sihai12345

**前言**

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

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

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

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

![640][]

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

![640][640 1]

readme.txt请好好看一下。

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

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

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

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

![640][640 2]

(2) 设置app\_id和gatewayUrl

![640][640 3]

![640][640 4]

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

(3) 设置密钥

![640][640 5]

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

![640][640 6]

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

![640][640 7]

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

![640][640 8]

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

![640][640 9]

![640][640 10]

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

![640][640 11]

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

![640][640 12]

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

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

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

![640][640 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][640 14]

![640][640 15]

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

![640][640 16]

支付成功后，验签结果：

![640][640 17]

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

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

![640][640 18] 源代码下载，可以关注微信公众号 Java后端 回复扫码即可获取。

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

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

![640][640 19]

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

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

![640][640 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][640 21]

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

![640][640 22]

下面是页面代码

商品页面（products.jsp）

![640][640 23]

**代码实现：**

<html>
        <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][640 24]

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

![640][640 25]

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

Tips：可以关注微信公众号：Java后端，获取更多类似技术博文推送。

进入到选择支付页面

![640][640 26]

调用了如下代码：

![640][640 27]

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

![640][640 28]

调用了如下代码：

@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的全过程了。本文参考了博主「小溪\_宁静而致远」的支付教程文章，欢迎搜索博主关注。

--------------------

\-END-

如果看到这里，说明你喜欢这篇文章，请 **转发** **、点赞**。微信搜索「web\_resource」，关注后回复「进群」或者扫描下方二维码即可进入无广告交流群。

**↓扫描二维码进群↓**

![640?wx\_fmt=png][640_wx_fmt_png]

--------------------

**推** **荐** **阅** **读 **

***2.***

***4. ***

***5.***

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 1]

**喜** **欢** **文** **章** **，** **点** **个** **在看 ** ![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 2]

[640_wx_fmt_jpeg]: /images/20210731/fadaf8d0c8e244d78d388276a06bf43d.png?wx_fmt=jpeg
[640]: /images/20210731/79078d597fee447a9a61d67975184531.png
[640 1]: /images/20210731/5ceae49ac0a94b00a1e2ab6a8c8b76c4.png
[640 2]: /images/20210731/cff47b32c86e4fa796423d79ff674794.png
[640 3]: /images/20210731/b501f65fa92a4aa58551fef144f5aa47.png
[640 4]: /images/20210731/a3e2c85dbab34722b6ee27582288683a.png
[640 5]: /images/20210731/2bfddb10ead24d97a41257c6a4ad628e.png
[640 6]: /images/20210731/9e808121e780465a81c2a65d6d6b4195.png
[640 7]: /images/20210731/f6a743c62c30456fb49f1124d717ae43.png
[640 8]: /images/20210731/9208bf92da5f47a1973496e874ba6daf.png
[640 9]: /images/20210731/6c141c9b66fe414ea36e29e283765ba1.png
[640 10]: /images/20210731/21e3af9fa4ef4bc28b46e04d82c507d7.png
[640 11]: /images/20210731/ff3c1ad508594fa0a43bf33985fa54a1.png
[640 12]: /images/20210731/faade25ce4494fdea17ac67ea5dc0db8.png
[640 13]: /images/20210731/ab02138f4c6042678e5ab2485a5afa54.png
[640 14]: /images/20210731/be28d1fcd75f4dc0912d66a8b3ec3a75.png
[640 15]: /images/20210731/0fb758ea29384c708fa95e68941ba56b.png
[640 16]: /images/20210731/854a4ceab5f6463cbfe9fd9f81b69ad7.png
[640 17]: /images/20210731/504aa898761d42d5b3003faeff8e8317.png
[640 18]: /images/20210731/c315dd9e12e642d8b3b5083835323bb1.png
[640 19]: /images/20210731/807d780369134151bf97bbeb9759ce19.png
[640 20]: /images/20210731/c37a3111dbbd4cf7bc383f2dd4777617.png
[640 21]: /images/20210731/d96c0c24066e4ee3bba2bfa495c23b28.png
[640 22]: /images/20210731/81aba9b4c40946d99c650c53e21dc373.png
[640 23]: /images/20210731/c55160f830304ccfb91e0be2575ee58b.png
[640 24]: /images/20210731/caa6943d3364450c958a7db0ae753ae3.png
[640 25]: /images/20210731/29e7529b15c44896883750644ce8a2d3.png
[640 26]: /images/20210731/d709c5bf808f4dd682ad1b0ad9d9f525.png
[640 27]: /images/20210731/562d09aa548644d99ca59171e8dad0d2.png
[640 28]: /images/20210731/96e161ab3ee04211ad1af2aa82e7cc79.png
[640_wx_fmt_png]: /images/20210731/afbdd6d2d3a64d2194c31577f21918af.png?wx_fmt=png
[640_wx_fmt_jpeg 1]: /images/20210731/69c0b5069e7d4ea395787674e4b1d5d4.png?wx_fmt=jpeg
[640_wx_fmt_jpeg 2]: /images/20210731/f8ce2449a34a48b6bd29239fa09e5934.png?wx_fmt=jpeg