请选择 进入手机版 | 继续访问电脑版

万能收款码生成页面html源码 微信支付宝QQ钱包三合一生成收款码系统

[复制链接]
查看5610 | 回复2 | 2019-4-19 21:13 | 显示全部楼层 |阅读模式
万能收款码生成页面html源码 微信支付宝QQ钱包三合一生成收款码系统
最新版本,修复所有BUG版本。
演示图片:
电脑端:

万能收款码生成页面html源码 微信支付宝QQ钱包三合一生成收款码系统

万能收款码生成页面html源码 微信支付宝QQ钱包三合一生成收款码系统


移动端:

万能收款码生成页面html源码 微信支付宝QQ钱包三合一生成收款码系统

万能收款码生成页面html源码 微信支付宝QQ钱包三合一生成收款码系统


原理
分析之后发现只需要两个页面。
- 生成页面
这个就是网站主页面,有两个功能,一个是上传qq、微信、支付宝收款码并将它们解析成链接,还有一个是将这几个链接合起来,然后生成合并之后的二维码。解析和生成都是用了jQuery的`qrcode`插件,为了美观,用`canvas`绘制收款码的样式。
- 收款页面
当移动设备扫描了之前生成的收款码,这个页面被打开并会获取收款码中传入的三个参数(qq、微信、支付宝链接),然后根据浏览器UA判断当前是什么软件扫的二维码,qq和微信不能直接唤起支付,这时显示二维码界面供用户长按付款,支付宝可以直接进去转账页面。


这样的话这个网站就做好了,生成页面借鉴了收款啦 和 优启梦收款码,为了不太单调而且不把他们的功能生搬硬套的弄过来,想了一会就弄了个换色的功能(感觉没什么用,完全是凑内容的哈哈),如果需要其他样式的话,可以去他们的网站生成。还有因为这三个收款码链接加起来特别长,生成的二维码比较密集(也就是丑),然后就通过suo.im将长网址缩短,这样生成的二维码就会简单一点。
使用


1. 下载源码,上传到自己的服务器或虚拟主机。
2. 在`/js/index.js`中更换自己的支付宝红包码和红包口令,如不需要生成界面的红包广告则删除相关代码,文件中已标明。

万能收款码源码下载:
游客,如果您要查看本帖隐藏内容请回复
110 | 2019-8-20 05:34 | 显示全部楼层
自丢网真心不错,学习教程网。
yajie3753 | 2022-6-4 15:48 | 显示全部楼层
111111111111111
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-3-24