html5调用支付宝-(图文解读)如何使用SSM实现支付宝支付功能?

2023-09-02 0 7,322 百度已收录

点击上方【java学习】→右上角【...】→【设为星星⭐】

您已经登记入住了吗?

前言

本教程详细介绍如何使用ssm框架实现支付支付功能。 本文分为《支付宝测试环境的代码测试》和《将支付宝支付集成到SSM框架》两部分,有详细的代码和图文讲解。 自行练习时一定要仔细阅读相关文档。 开始吧。

本教程的源代码:

一、支付宝测试环境代码测试 1、下载笔记本网站官方demo:

下载:

2.下载、解压并导出eclipse

请仔细阅读 readme.txt。

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

3.配置AlipayConfig

(1)注册蚂蚁金服开发者账户(免费,不像苹果要收费)

注册地址:,使用支付宝账号扫描二维码登录,创建个人信息,选择服务类型(我选择的是自研)。

html5调用支付宝-(图文解读)如何使用SSM实现支付宝支付功能?

(2)设置app_id和gatewayUrl

其中,秘钥需要自己生成。 appID和支付宝网段已经给出,网段有dev字样,表示用于开发和测试。

(3) 设置密钥

点击“生成方法”,打开界面如下:

明天密钥生成工具,解压打开后,选择2048位生成密钥:

如果没有设置过,此时显示的文字是“设置应用程序私钥”,这里已经设置好了。

设置方法,“打开密钥文件路径”:

应用程序私钥2048.txt中的内容复制到点击“设置应用程序私钥”的弹出框中html5调用支付宝,保存:

点击如上图链接,将弹出框中的内容复制到alipay_public_key。

如果此设置不正确,结果将是:支付成功,但签名验证失败。

如果是即时环境,需要上传到对应的应用程序:

(4)服务器异步通知页面路径(notify_url)

如果没有更改名称,只需更改IP和端口号即可。 我自己的情况如下:

:8080/alipay.trade.page.pay-JAVA-UTF-8/notify_url.jsp

(5)页面跳转同步通知页面的路径(return_url)

:8080/alipay.trade.page.pay-JAVA-UTF-8/return_url.jsp

4. 试运行

用于测试的支付宝卖家账户可以在“沙盒账户”页面找到:

html5调用支付宝-(图文解读)如何使用SSM实现支付宝支付功能?

支付成功后,验证结果为:

问题解决了

因为我们使用的是沙箱测试环境,所以测试环境和即将运行的环境的网段是不同的。 如果配置不正确html5调用支付宝,会出现appid错误。 配置如下:

源码下载: 链接: 密码:zd9e 2.将支付宝支付集成到ssm框架中 1.项目结构

和集成到ssm一样,我们需要像沙盒测试环境一样更改支付配置信息

2.数据库代码

主要包括以下数据库表:

drop table if exists user;

/*==============================================================*/
/* Table: user                                                  */
/*==============================================================*/
create table user
(
   id                   varchar(20not null,
   username             varchar(128),
   sex                  varchar(20),
   primary key (id)
);

alter table user comment '用户表';


CREATE TABLE `flow` (
  `id` varchar(20NOT NULL,
  `flow_num` varchar(20DEFAULT NULL COMMENT '流水号',
  `order_num` varchar(20DEFAULT NULL COMMENT '订单号',
  `product_id` varchar(20DEFAULT NULL COMMENT '产品主键ID',
  `paid_amount` varchar(11DEFAULT NULL COMMENT '支付金额',
  `paid_method` int(11DEFAULT NULL COMMENT '支付方式
1:支付宝
2:微信'
,
  `buy_counts` int(11DEFAULT NULL COMMENT '购买个数',
  `create_time` datetime DEFAULT NULL COMMENT '创建时间',
  PRIMARY KEY (`id`)
ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='流水表';


CREATE TABLE `orders` (
  `id` varchar(20NOT NULL,
  `order_num` varchar(20DEFAULT NULL COMMENT '订单号',
  `order_status` varchar(20DEFAULT NULL COMMENT '订单状态
10:待付款
20:已付款'
,
  `order_amount` varchar(11DEFAULT NULL COMMENT '订单金额',
  `paid_amount` varchar(11DEFAULT NULL COMMENT '实际支付金额',
  `product_id` varchar(20DEFAULT NULL COMMENT '产品表外键ID',
  `buy_counts` int(11DEFAULT 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(20NOT NULL,
  `name` varchar(20DEFAULT NULL COMMENT '产品名称',
  `price` varchar(11DEFAULT NULL COMMENT '价格',
  PRIMARY KEY (`id`)
ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='产品表 ';

3.dao数据socket层

这里就不介绍了,这只是简单的curd,你可以使用`universal mapper`,或者`reverse Engineering`也可以。 以订单顺序为例:

public interface OrdersMapper {
    int countByExample(OrdersExample example);

    int deleteByExample(OrdersExample example);

    int deleteByPrimaryKey(String id);

    int insert(Orders record);

    int insertSelective(Orders record);

    List 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
 * @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);

}

5.支付宝支付控制器(支付流程)

付款流程图

首先,启动项目后,输入:8080/,就会进入产品页面,如下:

下面是页面代码

产品页面 (products.jsp)

代码:

<%@ 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="/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="/alipay/goConfirm.action?productId=${p.id }">购买</a>
                    </td>
                </tr>

            </c:forEach>
        </table>

        <input type="hidden" id="hdnContextPath" name="hdnContextPath" value=""/>
    </body>

</html>


<script type="text/javascript">

    $(document).ready(function({

        var hdnContextPath = $("#hdnContextPath").val();


    });


</script>

点击里面的订单,进入订单页面

html5调用支付宝-(图文解读)如何使用SSM实现支付宝支付功能?

填写号码,然后点击Generate Order,调用以下代码

根据SID(生成id的工具)等信息生成订单,并保存到数据库中。

进入支付选择页面

调用以下代码:

之后我们选择支付宝付款,进入我们的付款页面。 我们完成了!

调用以下代码:

/**
     *
     * @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的整个流程。

推荐学习路线:

推荐笔试方式:

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html5 html5调用支付宝-(图文解读)如何使用SSM实现支付宝支付功能? https://www.wkzy.net/game/188597.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务