admin/alipayDemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add

Browse Source
This commit is contained in:
麒麟
2023-09-11 22:05:19 +08:00
parent c7bb6c85e7
commit 63adb1653a
7 changed files with 272 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/main/webapp/install.html
View File

@@ -29,10 +29,23 @@
var p = $('#p').val();
let response = await fetch('./install?p=' + p);
let res = JSON.parse(await response.text());
if (res.code / 1 == 1) {
window.location.href = "./settings.html";
}
if(res.msg) alert(res.msg);
if(res.url) window.location.href = res.url;
}
$.get("./install").done((r =>{
let res = JSON.parse(r);
if(res.msg)alert(res.msg);
if(res.url){
var u = res.url.substring(1);
var au = window.location.href.substring(window.location.href.length - u.length);
if(u != au) window.location.href = res.url;
}
}));
</script>
</body>

94
src/main/webapp/settings.html
View File

@@ -17,8 +17,42 @@
<body>
<br><br><br>
<h3>参数配置</h3>
<br><br> 输入后台密码获取配置：
<input type="text" name="p" id="p"> <button onclick="setp()">提交</button> --- 单个单个的参数后面跟一个修改按钮，每个按钮对应一个事件，事件用pkv传给后台，像是当面付回调地址、写上解释怎么填， API接口写一个调用示例解释一下 --- 运行建表程序
<br><br>
<div id="kvs">
输入后台密码获取配置：
<input type="text" name="p" id="p"> <button onclick="setp()">提交</button>
</div>
<br>
请先在你的MySql数据库中建好上述填写的数据库名,再点击此按钮<br>
<button onclick="createTable()">运行数据库建表程序</button>
<br> <br> <br>
测试环境：tomcat8.5，jdk1.8
<br>
<br> 支付宝开放平台：https://open.alipay.com/
<br> 本人以_创建网页应用_做步骤展示:
<br> 1.在控制台点击【网页/移动应用】创建网页移动应用(根据自己需求可以创建其他的)
<br>
<br> 2.创建成功后，点击“开发设置”，设置【接口加签方式】选择“秘钥”，根据步骤提示下载"秘钥工具"安装，根据提示步骤生成秘钥，按照步骤填写公钥，下载生成的公钥文件，一定要保存好。
<br>
<br> 3.还是上步骤的“开发设置”里填写【支付宝网关地址】，此地址与下述java代码里的支付宝回调地址是一个东西，本测试代码填写的是：yourweb/war名称[根目录此项去掉]/alinotify。用户支付成功后支付宝会将成功数据发送到你填的这个网关地址上
<br>
<br> 4.在“产品绑定”页面，点击去绑定，在产品里找到"当面付"，选中，点击确定。
<br>
<br> 5.在当面付“未开通”后面的！上鼠标悬浮，弹框中点击“去开通”，根据要求填写内容，不用上传营业执照，店铺招牌和店铺内景自己从百度找一张高清无水印的，写的什么名称就搜什么名称的图片，一般都能搜到同名的店，内景无所谓，只要合适就行，有能力的可以ps一下，提交审核就可以。
<br>
<br> 6.回到支付宝开放平台“网页应用”界面，将应用提交审核.
<br> <br> <br>
API接口说明：
<br> ./createOrder?n=金额&t=备注 ==> 获取付款码
<br>
<br> ./queryOrder?id=生成的订单号 ==> 查询订单
<br>
<br> ./queryPay?id=生成的订单号 ==> 查询订单是否支付成功
<br>
<br> 一般通过 轮询 查询订单是否支付成功 即可实现支付成功回调.
<script src='https://libs.baidu.com/jquery/2.0.0/jquery.min.js'></script>
@@ -28,7 +62,61 @@
var p = $('#p').val();
let response = await fetch('./settings?k=get&v=' + p);
let res = JSON.parse(await response.text());
console.log(res);
if(res.code / 1 == 1){
$('#kvs').empty();
for(var k in res){
if(k=='code') continue;
var v = res[k];
var ks = k.split('#');
if(v=='null') v='';
var span1 = document.createElement('span');
var e0 = document.createElement('span');
e0.innerHTML=ks[1]+"：";
var e1 = document.createElement('input');
e1.setAttribute("type","text");
e1.setAttribute("name",ks[0]);
e1.setAttribute("id",ks[0]);
e1.setAttribute("value",v);
var e2 = document.createElement('button');
e2.setAttribute("onclick","setk('"+res['pwd#后台密码']+"','"+ks[0]+"')");
e2.innerHTML = "修改";
var e3 = document.createElement('hr');
span1.appendChild(e0);
span1.appendChild(e1);
span1.appendChild(e2);
span1.appendChild(e3);
$('#kvs').append(span1);
}
}else{
if(res.msg)alert(res.msg);
if(res.url) window.location.href = res.url;
}
}
async function setk(pwd,k) {
var p = $('#'+k).val();
let response = await fetch('./settings?p='+pwd+'&k='+k+'&v=' + p);
let res = JSON.parse(await response.text());
if(res.code / 1 == 1){
alert(res.msg);
}else alert(res.msg);
}
async function createTable(){
let response = await fetch('./createTable');
let res = JSON.parse(await response.text());
if(res.msg) alert(res.msg);
if(res.url) window.location.href = res.url;
}
</script>
</body>