沙箱环境下实现支付宝网站支付

前言
前期准备
1.沙箱环境配置
2.创建SpringBoot项目，导入相关依赖
3.创建沙箱环境配置文件
4.商品列表页面编写
5. 编写checked.html
7. 根据返回的pay编写pay.html页面
8.补充

前言

由于非商户号不能接入微信支付与支付宝支付的功能、同时第三方支付平台等收费的原因，使得个人学习者学习的同时又要交上真金白银。但第三方支付平台存在的不稳定因素(?)，使得此次实验选择的环境是支付宝的沙箱环境。学习接入支付功能的话，沙箱环境足够用以学习。但是沙箱环境毕竟是虚拟的，如果你想真正实现业务，完成实际上的支付功能，那么上面所说的商户号与第三方支付平台，才是你的选择。

前期准备

沙箱环境配置 ：具体参考如何使用沙箱环境

1.沙箱环境配置

如果你完成了上述所说的沙箱环境配置以后，那么可以进入沙箱应用，查看自己的具体配置内容。
appid与网关信息
应用公钥与支付宝公钥信息
确认无误后，便可以开始进行开发。

2.创建SpringBoot项目，导入相关依赖

选择所需功能
此处因节省开发时间，没有选择使用数据库，你可以根据自己需要进行选择。(使用Lombok时IDE需要安装Lombok插件)
同时在pom.xml导入支付宝支付SDK

<!-- 支付宝支付SDK -->
<dependency><groupId>com.alipay.sdk</groupId><artifactId>alipay-sdk-java</artifactId><version>4.10.90.ALL</version>
</dependency>

至此，项目创建完成

3.创建沙箱环境配置文件

在resources目录下创建aliPayConfig.properties 文件，填入下列信息：

#以下六个信息可以从沙箱环境中获取，参考上述中1.沙箱环境配置
appid=沙箱环境中的appid
privateKey=沙箱环境中的应用私钥（理应保存在本地目录中，自寻查找）
publicKey=沙箱环境中的支付宝公钥（注意，不是应用公钥）
gatewayUrl=https://openapi.alipaydev.com/gateway.do
signType=RSA2（默认为：RSA2，根据公钥生成时选择的策略自行修改）
charset=UTF-8（默认为：UTF-8）#以下两个可不填，如需填写，可参考后续，此处不做赘述。
notifyUrl=http://host:port/alipayNotifyNotice
returnUrl=http://host:port/alipayReturnNotice

同时，可写一个类，用于读取该配置信息

@Component
@PropertySource(value = "classpath:alipayConfig.properties") //读取指定配置文件
public class PayConfig {//appIdpublic static String app_id;//应用私钥public static String merchant_private_key;//支付宝公钥public static String alipay_public_key;//支付宝服务器主动通知商户服务器里指定的页面http/https路径（异步通知请求）public static String notify_url;//HTTP/HTTPS开头字符串（同步返回请求）public static String return_url;//商户生成签名字符串所使用的签名算法类型public static String sign_type;//请求使用的编码格式public static String charset;//网关链接public static String gatewayUrl;@Value("${appid}")public void setApp_id(String app_id) {PayConfig.app_id = app_id;}@Value("${privateKey}")public void setMerchant_private_key(String merchant_private_key) {PayConfig.merchant_private_key = merchant_private_key;}@Value("${publicKey}")public void setAlipay_public_key(String alipay_public_key) {PayConfig.alipay_public_key = alipay_public_key;}@Value("${notifyUrl}")public void setNotify_url(String notify_url) {PayConfig.notify_url = notify_url;}@Value("${returnUrl}")public void setReturn_url(String return_url) {PayConfig.return_url = return_url;}@Value("${signType}")public void setSign_type(String sign_type) {PayConfig.sign_type = sign_type;}@Value("${charset}")public void setCharset(String charset) {PayConfig.charset = charset;}@Value("${gatewayUrl}")public void setGatewayUrl(String gatewayUrl) {PayConfig.gatewayUrl = gatewayUrl;}
}

至此，沙箱环境就在项目中配置好。

4.商品列表页面编写

此处本应该从数据库中读取商品列表，再经Controller传到前端页面。为节省开发时间，直接编写静态页面内容。编写页面之前，可以选择引入Bootstrap框架，美化前端页面。
Bootstrap资源树图
如果你想了解更多的关于Bootstrap的使用方法，可以点击此处。

product.html

<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><link th:href="@{/customer/css/bootstrap.css}" rel="stylesheet"><title>商品列表页面</title></head>
<body><div class="container"><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12"><table class="table table-striped"><thead><tr><th scope="col">产品编号</th><th scope="col">产品名称</th><th scope="col">产品价格</th><th scope="col">操作</th></tr></thead><tbody><tr><th scope="row">1001</th><td>苹果</td><td>0.01</td><td><a th:href="@{/checked(productId=1001)}">购买</a></td></tr><tr><th scope="row">1002</th><td>香蕉</td><td>0.02</td><td><a th:href="@{/checked(productId=1002)}">购买</a></td></tr></tbody></table></div></div>
</div><script th:src="@{/customer/js/jquery-3.4.0.js}"></script>
<script th:src="@{/customer/js/popper.min.js}"></script>
<script th:src="@{/customer/js/bootstrap.min.js}"></script>
</body></html>

编写完商品列表页面后，接着写一个PayController.java进行映射

@Controller
public class PayController {/*** 跳往商品列表页面* @return*/@GetMapping("/to")public String toProduct() {return "product";}
}

product.html中的按钮需要进行映射，继续编写PayController.java

	/*** 获取商品详情信息 跳往确认订单页面* @param productId 商品id* @param map* @return*/@RequestMapping(value = "/checked")public Object goChecked(String productId, Map<String, Object> map) {//TODO 根据id获取产品 此处静态绑定 根据具体业务自行修改if (productId.equals("1001")) {map.put("id", "1001");map.put("name", "苹果");map.put("price", "0.01");} else {map.put("id", "1002");map.put("name", "香蕉");map.put("price", "0.02");}return "checked";}

5. 编写checked.html

<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><link th:href="@{/customer/css/bootstrap.css}" rel="stylesheet"><title>购物车</title>
</head>
<body><div class="container"><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12"><form method="post"><input type="hidden" id="productId" name="productId" value="${id}"/><div class="form-group"><label for="id">产品编号</label><input type="text" class="form-control" id="id" th:value="${id}" readonly></div><div class="form-group"><label for="name">产品名称</label><input type="text" class="form-control" id="name" th:value="${name}" readonly></div><div class="form-group"><label for="price">产品价格</label><input type="text" class="form-control" id="price" th:value="${price}" readonly></div><div class="form-group"><label for="buyCounts">购买个数</label><input type="text" class="form-control" id="buyCounts" name="buyCounts"></div><input class="btn btn-primary" type="button" value="确认" onclick="toPay()"/></form></div></div>
</div><script th:src="@{/customer/js/jquery-3.4.0.js}"></script>
<script th:src="@{/customer/js/popper.min.js}"></script>
<script th:src="@{/customer/js/bootstrap.min.js}"></script>
<script type="text/javascript">function toPay() {var count = $("#buyCounts").val()if (count==0 || !count) {alert("请输入购买数量")return;}$.ajax({url: "/saveOrder", type: "POST",data: {"productId": $("#productId").val(),"buyCounts": $("#buyCounts").val()，"price": $("#price").val()},dataType: "json",success: function (data) {if (data.status == 200 && data.msg == "OK") {// 保存订单后，进入支付页面window.location.href = "/pay?orderId=" + data.data;} else {alert(data.msg);}}});}
</script>
</body></html>

toPay()事件中，ajax异步提交了一个Json数据，我们可以新建一个Product实体类，对Json数据进行接收

/*** 下单商品实体类* <p>*/
@Data
@Getter
@Setter
@NoArgsConstructor
@AllArgsConstructor
public class Product {//商品idprivate String productId;//商品购买数量private String buyCounts;//商品单价private Double price;
}

同时，再编写一个通用结果返回类CommonResult,将数据通过Json格式返回给前端

/*** 通用结果返回* <p>*/
@Data
@Getter
@Setter
@NoArgsConstructor
public class CommonResult {// 定义jackson对象private static final ObjectMapper MAPPER = new ObjectMapper();// 响应业务状态private Integer status;// 响应消息private String msg;// 响应中的数据private Object data;private String ok;public CommonResult(Object data) {this.status = 200;this.msg = "OK";this.data = data;}public CommonResult(Integer status, String msg, Object data) {this.status = status;this.msg = msg;this.data = data;}public static CommonResult ok() {return new CommonResult(null);}public static CommonResult ok(Object data) {return new CommonResult(data);}
}

对toPay()中的ajax实现映射，继续编写PayController.java

	/*** 保存订单* @param order* @return* @throws Exception*/@ResponseBody@RequestMapping(value = "/saveOrder")public CommonResult saveOrder(Product product) throws Exception {//TODO 根据product生成订单，此处直接返回，不做具体业务return CommonResult.ok("orderid");}

上面 saveOrder方法中，直接返回ok给前端，返回后ajax进行成功函数的回调
根据判断编写/pay映射，继续编写PayController.java

	/*** 跳往支付页面** @param orderId* @return* @throws Exception*/@RequestMapping(value = "/pay")public Object goPay(String orderId, Map<String, Object> map) throws Exception {//TODO 根据orderId实现业务，此处静态绑定，你根据具体业务自行修改map.put("orderId", UUID.randomUUID().toString().replace("-", ""));map.put("pName","苹果");map.put("orderAmount","0.02");map.put("buyCounts","2");return "pay";}

7. 根据返回的pay编写pay.html页面

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link th:href="@{/customer/css/bootstrap.css}" rel="stylesheet"><title>确认订单</title>
</head>
<body><div class="container"><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12"><form id="payForm" th:action="@{/aliPay}" method="post"><input type="hidden" name="orderId" th:value="${orderId}"/><div class="form-group"><label for="orderId">订单编号</label><input type="text" class="form-control" id="orderId" th:value="${orderId}" readonly></div><div class="form-group"><label for="pName">产品名称</label><input type="text" class="form-control" id="pName" th:value="${pName}" readonly></div><div class="form-group"><label for="orderAmount">订单价格</label><input type="text" class="form-control" id="orderAmount" th:value="${orderAmount}" readonly></div><div class="form-group"><label for="buyCounts">购买个数</label><input type="text" class="form-control" id="buyCounts" th:value="${buyCounts}" readonly></div><input class="btn btn-primary" type="submit" value="支付宝支付"></form></div></div>
</div><script th:src="@{/customer/js/jquery-3.4.0.js}"></script>
<script th:src="@{/customer/js/popper.min.js}"></script>
<script th:src="@{/customer/js/bootstrap.min.js}"></script>
</body>
</html>

表单提交到/aliPay,继续编写PayController.java,进行映射

	/*** 前往支付宝第三方网关进行支付* @param orderId* @return* @throws Exception*/@ResponseBody@RequestMapping(value = "/aliPay", produces = "text/html; charset=UTF-8")public String goAlipay(String orderId) {//接口调用配置初始化AlipayClient alipayClient = new DefaultAlipayClient(PayConfig.gatewayUrl, PayConfig.app_id, PayConfig.merchant_private_key, "json", PayConfig.charset, PayConfig.alipay_public_key, PayConfig.sign_type);//AlipayTradePagePayRequest，调用的网站支付接口//沙箱环境有多种支付接口可供选择，但请求参数不同，具体参考如下：//电脑网站支付：https://opendocs.alipay.com/open/270/105899///其他支付：https://opendocs.alipay.com/open/009ypxAlipayTradePagePayRequest request = new AlipayTradePagePayRequest();//设置服务器通知，可不设置request.setReturnUrl(PayConfig.return_url);//设置网页重定向通知，可不设置request.setNotifyUrl(PayConfig.notify_url);/** 请求参数配置* 参考API：https://opendocs.alipay.com/apis/api_1/alipay.trade.page.pay#?scene=API002020081300013629请求参数*///TODO 此处根据需要进行业务处理，为节省事件则静态绑定数据String out_trade_no = orderno;String total_amount = "0.02";String subject = "苹果";String body = "用户订购商品个数：2个";String timeout_express = "1c";request.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\"}");try {//执行请求，返回body数据return alipayClient.pageExecute(request).getBody();} catch (AlipayApiException e) {return e.getMessage();}}

8.补充

至此，沙箱调用支付宝的网站支付功能就此实现，对于后续支付成功需要跳转到置顶的页面，在代码中，我们使用了request.setNotifyUrl(PayConfig.notify_url)； 此处，我的具体配置为：http://localhost:8087/alipayReturnNotice

http://localhost:8087/alipayReturnNotice 中，localhost需填写主机地址，8087根据自己配置填写对应端口号

继续编写PayController.java，对支付成功后的回调进行处理：

	/*** 网页重定向通知* 支付宝同步返回页面GET（买家付款完成以后进行自动跳转）*/@RequestMapping(value = "/alipayReturnNotice")public Object alipayReturnNotice(HttpServletRequest request, HttpServletRequest response) throws Exception {// 获取支付宝以GET方式提交的反馈信息Map<String, String> params = new HashMap();Map<String, String[]> requestParams = request.getParameterMap();for (Iterator<String> iter = requestParams.keySet().iterator(); iter.hasNext();) {String name = (String) iter.next();String[] values = (String[]) requestParams.get(name);String valueStr = "";for (int i = 0; i < values.length; i++) {valueStr = (i == values.length - 1) ? valueStr + values[i] : valueStr + values[i] + ",";}//乱码处理valueStr = new String(valueStr.getBytes("ISO-8859-1"), "utf-8");params.put(name, valueStr);}//调用支付宝SDK，进行验签boolean signVerified = AlipaySignature.rsaCheckV2(params, PayConfig.alipay_public_key, PayConfig.charset, PayConfig.sign_type);//设置返回视图ModelAndView mv = new ModelAndView("success");// TODO 验签成功后，进行相对应的业务处理if (signVerified) {// 订单号String out_trade_no = new String(request.getParameter("out_trade_no").getBytes("ISO-8859-1"), "UTF-8");// 交易号String trade_no = new String(request.getParameter("trade_no").getBytes("ISO-8859-1"), "UTF-8");// 交易金额String total_amount = new String(request.getParameter("total_amount").getBytes("ISO-8859-1"), "UTF-8");mv.addObject("out_trade_no", out_trade_no);mv.addObject("trade_no", trade_no);mv.addObject("total_amount", total_amount);mv.addObject("productName", "苹果");} else {//TODO 验签失败业务处理}return mv;}

success.html页面

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<title>支付成功页面</title>
<link th:href="@{/customer/css/bootstrap.css}" rel="stylesheet">
<head>
</head><body>
<div class="container"><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12">&nbsp;</div></div><div class="row"><div class="col-md-12"><table class="table table-striped"><thead><tr><th scope="col">订单编号</th><th scope="col">支付宝交易号</th><th scope="col">实付金额</th><th scope="col">购买产品</th></tr></thead><tbody><tr><th scope="row" th:text="${out_trade_no}"></th><th scope="row" th:text="${trade_no}"></th><th scope="row" th:text="${total_amount}"></th><th scope="row" th:text="${productName}"></th></tr></tbody></table></div></div>
</div><script th:src="@{/customer/js/jquery-3.4.0.js}"></script>
<script th:src="@{/customer/js/popper.min.js}"></script>
<script th:src="@{/customer/js/bootstrap.min.js}"></script>
</body></html>

自此，项目编写完成，进行测试。
商品列表
购物页面
确认页面
支付页面

注意，此处需要用沙箱测试应用(Android)，并使用沙箱买家账号进行扫码，才可完成支付。电脑或者没有该安卓应用的，可以使用右侧的登录付款，用沙箱买家账号进行登录后付款。上述所说的应用及账号，可在沙箱环境中找到。

支付结果
成功页面
参考项目：tiankong0310/springboot-weixin-alipay
参考资料：

沙箱环境
电脑网站支付
统一收单下单并支付页面接口

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

现代加工工艺的精密细致及光亮效果
设计流派室内设计流派主要是指现代主义室内设计的艺术派别。高技派高技派或称重技派，注重“高度工业技术”的表现，有几个明显的特征:首先是喜欢使用最新的材料，尤其是不锈钢、铝塑板或合金材料，作为室内装饰及家具设计的主要材料；其次是对于结构或机械组织的暴露，如把室…...
2024/4/2 19:43:46
Ajax 将后端返回的数据渲染到标签中
<div><table class="table table-hover table-bordered table-striped"><thead><tr><th>注册码</th><th>注册时间</th><th>有效时间(天)</th><th>关联应用</th></tr></thead>&…...
2024/4/28 15:07:18
常使用投射，折射等各类新型光源和灯具
设计流派室内设计流派主要是指现代主义室内设计的艺术派别。高技派高技派或称重技派，注重“高度工业技术”的表现，有几个明显的特征:首先是喜欢使用最新的材料，尤其是不锈钢、铝塑板或合金材料，作为室内装饰及家具设计的主要材料；其次是对于结构或机械组织的暴露，如把室…...
2024/4/23 22:58:07
JDBC编程的基本流程（代码模板）
以插入用户操作为例： DBUtil类及其相关方法参考上一篇文章 public void add(User user) {// JDBC 编程的基本流程// 1. 先获取和数据库的连接(DataSource)Connection connection = DBUtil.getconnection();// 2. 拼装 SQL 语句(PrepareStatement)String sql = "insert in…...
2024/4/2 17:46:31
LeetCode第198场周赛总结
题号做出未做1518. 换酒问题 √1519. 子树中标签相同的节点数√1520. 最多的不重叠子字符串√1521. 找到最接近目标值的函数值√通过率：25% 1518. 换酒问题 1519. 子树中标签相同的节点数 1520. 最多的不重叠子字符串 1521. 找到最接近目标值的函数值...
2024/4/2 16:58:15
Ubuntu系统安装、并解决Ubuntu系统网络连接激活失败问题
Ubuntu系统安装、并解决Ubuntu系统网络连接激活失败问题前言 1、Ubuntu安装过程中要保证网络连接稳定。 2、Ubuntu安装过程要保证U盘不离开插槽。 3、第一次安装请先浏览整个过程，再进行操作。 4、卸载Ubuntu时，一定要走安全正规的流程，切忌直接用Win10的磁盘管理删除相应分…...
2024/4/28 12:19:59
机器学习十大经典算法之随机森林
随机森林简介随机森林是机器学习一种常用的方法。它是以决策树为基础，用随机的方式排列建立的，森林里每个决策树之间都是没有关联的。在得到森林之后，当有一个新的输入样本进入的时候，就让森林中的每一棵决策树分别进行一下判断，看看这个样本应该属于哪一类（对于分类算法…...
2024/4/18 2:04:32
HotpotQA数据集探索
单个样本组成结构...
2024/3/29 0:15:25
VUE中computed属性
computed属性的实现原理Vue实例初始化时，给data的每个属性(dataKey)都添加getter和setter方法计算属性computed初始化时，提供的函数将作为对应属性(computedKey)的getter方法，当首次获取计算属性的值是，dep开始收集依赖，即收集到dataKey和computedKey的依赖关系在dataKe…...
2024/3/29 5:48:14
Centos7yum安装Redis详细教程
Linux中软件包管理分两种：RPM包的管理和YUM包的管理本期我们使用YUM包的管理应用yum的好处：①自动解决软件包依赖关系；②方便的软件包升级一、首先创建目录二、安装wget 输入命令：yum -y install wget三、安装tcl （一）输入#wget http://downloads.sourceforge.net/tcl…...
2024/3/29 5:48:13
过滤器Filter
过滤器Filter Filter：过滤器，用来过滤网站的数据处理中文乱码登录验证Filter开发步骤导包导入Servlet，jsp，jstl，stander mysql-connector-java编写过滤器导包不要错（Servlet.Filter）实现Filter接口，重写对应的方法 import javax.servlet.*; import java.io.IOExcepti…...
2024/4/17 4:25:56
Tomcat部署
环境一台centos7 tomcat服务器 20.0.0.111 nat 一台Windows 10 客户端 20.0.0.85 nat 安装包安装Java环境JDK [root@localhost ~]# cd /opt [root@localhost opt]# ls jdk-8u201-linux-x64.rpm rh apache-tomcat-9.0.16.tar.gz [root@localhost opt]# rpm -ivh jdk-8u201…...
2024/4/17 4:25:57
面试系列之C++的对象布局【建议收藏】
我们都知道C++多态是通过虚函数表来实现的，那具体是什么样的大家清楚吗？开篇依旧提出来几个问题：普通类对象是什么布局？带虚函数的类对象是什么布局？单继承下不含有覆盖函数的类对象是什么布局？单继承下含有覆盖函数的类对象是什么布局？多继承下不含有覆盖函数的类对象是…...
2024/4/25 11:37:05
JavaScript：18-ES6语法、let、const、var、解构赋值、箭头函数、剩余参数、ES6的内置对象扩展、Array的扩展方法、String的扩展方法、Set数据结构、模板字符串
文章目录ES6语法目标ES6相关概念（★★）什么是ES6为什么使用 ES6 ?ES6新增语法let（★★★）let声明的变量只在所处于的块级有效不存在变量提升暂时性死区经典面试题小结const（★★★）具有块级作用域声明常量时必须赋值常量赋值后，值不能修改小结let、const、var 的区别解…...
2024/4/23 18:26:38
SpringBoot+Vue下载Excel文件流（No converter、Excel乱码）
目录介绍No converterExcel乱码正确代码后端代码前端代码介绍后端使用SpringBoot、Mybatis Plus，前端使用Vue，进行Excel文件下载。后端使用了Hutool工具提供的Excel文件流下载。 No converter 问题：后端控制台出现No converter for [class com.common.lang.Result] with…...
2024/4/25 5:13:32
论文：Baby Steps Towards Few-Shot Learning with Multiple Semantics
1、Baby Steps Towards Few-Shot Learning with Multiple Semantics 目的：记录下对文章的理解摘要：额外的语义信息可以显著提高少样本学习的能力，论文在少样本学习中结合了多种丰富的语义，这里语义信息包括类别标签、属性和自然语言描述等信息。论文在miniImageNet 和CUB …...
2024/4/25 19:45:55
C++基础--复合类型
复合类型是指基于其他类型定义的类型，C++有几种复合类型，本章主要介绍引用和指针。 1.引用引用为对象起了另一个名字，引用类型引用另外一种类型。通过将声明符写成&d的形式来定义引用类型，其中d是声明的变量。 int i=1024; int &iref = i;//iref是i的引用 int &am…...
2024/3/29 5:48:06
putty和xshell远程连接虚拟机
使用putty软件ssh服务器下载地址：https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html打开putty软件在Host Name 的文本框中输入对应主机ip地址，比如我的Centos7服务器地址为192.168.111.137；端口号默认是22，登录模式默认是SSH；如果有需求用telnet的需要在…...
2024/3/29 5:48:05
一张图读懂 Vue 生命周期
英文版：中文版：感谢B站博主的分享。...
2024/3/29 5:48:04
ES6之Symbol
JavaScript 原本有六种数据类型，分别是undefined、null、Boolean、String、Number、Object。ES6 引入了一种新的原始数据类型Symbol，它表示独一无二的值。 Symbol函数前不能使用new命令，否则会报错。这是因为生成的 Symbol 是一个原始类型的值，不是对象，也不能添加属性。 …...
2024/3/29 5:48:03

沙箱环境下实现支付宝网站支付

沙箱环境下实现支付宝网站支付

前言

前期准备

1.沙箱环境配置

2.创建SpringBoot项目，导入相关依赖

3.创建沙箱环境配置文件

4.商品列表页面编写

5. 编写checked.html

7. 根据返回的pay编写pay.html页面

8.补充

相关文章

最新文章