jsp支付宝支付界面设计SSM实现付出宝付出功效图文详解完全代码

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

一、支付宝测试环境代码测试

源代码

jsp支付宝支付界面设计SSM实现付出宝付出功效图文详解完全代码 CSS

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

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

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

2.下载解压导入eclipse

readme.txt请好好看一下。

只有一个Java配置类，别的都是JSP。

3、配置AlipayConfig

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

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

(2) 设置app_id和gatewayUrl

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

(3) 设置密钥

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

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

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

设置方法,\公众打开密钥文件路径\"大众：

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

商户私钥（merchant_private_key）复制运用私钥2048.txt 中的内容到merchant_private_key中。
支付宝公钥（alipay_public_key）

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

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

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

(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、测试运行

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

支付成功后，验签结果：

问题办理

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

源代码下载

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

二、将支付宝支付整合到ssm框架

1、项目架构

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

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

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 '支付办法 1：支付宝 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 '订单状态 10：待付款 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);}

三、支付宝支付controller（支付流程）

支付流程图

首先，启动项目后，输入http://localhost: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=\"大众<%=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>

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

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

根据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的全过程了。