• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

PHP实现个人支付宝支付开发(五)

php 搞代码 4年前 (2022-01-21) 27次浏览 已收录 0个评论

在前面的文章《PHP实现个人支付宝支付开发(四)》中,我们为大家介绍了在网站上安装使用支付宝接口文件的流程。

下面我们继续结合之前的案例源码,给大家介绍PHP实现个人支付宝支付开发功能的相关内容。

codepay_config.php文件是码支付的配置文件。前文中的码支付ID和通信秘钥就在如下图中的位置。

前文中创建的数据表如下。

案例中index.html前台文件:

<!doctype html><html><head>    <meta charset="utf-8">    <meta http-equiv="Access-Control-Allow-Origin" content="*">    <title>信息</title>    <link rel="stylesheet" href="__INDEX__/layui/css/layui.css" media="all"></head><body><ul class="layui-nav" style="border-radius:0px;" lay-filter="">    <li class="layui-nav-item"><a href="">最新活动</a></li>    <li class="layui-nav-item "><a href="">产品</a></li>    <li class="layui-nav-item"><a href="">大数据</a></li>    <li class="layui-nav-item"><a href="">社区</a></li></ul><div class="layui-carousel" id="test1">    <div carousel-item>        <div>条目1</div>        <div>条目2</div>        <div>条目3</div>        <div>条目4</div>        <div>条目5</div>    </div></div><div class="layui-fluid">    <div class="layui-row layui-col-space15">        <div class="layui-col-md12">            <div class="layui-card">                <div class="layui-card-header">网站设置</div>                <div class="layui-card-body" pad15>                    <div class="layui-form" lay-filter="text">                        <div class="layui-form-item">                            <label class="layui-form-label">信息名</label>                            <div class="layui-input-block">                                <input type="text" name="provenance_url" id="provenance_url"                                       placeholder="信息名" value="" class="layui-input">                            </div>                        </div>                        <div class="layui-form-item">                            <label class="layui-form-label">信息描述</label>                            <div class="layui-input-inline" style="width: 85%;">                                <textarea name="provenance_desc" id="provenance_desc" lay-verify="required"                                          placeholder="请仔细填写描述" class="layui-textarea"></textarea>                            </div>                            <div class="layui-form-mid layui-word-aux">                                <span class="x-red" style="color: red">*必填</span>                            </div>                        </div>                        <div class="layui-form-item">                            <label class="layui-form-label">联系方式</label>                            <div class="layui-input-inline">                                <input type="text" name="user_qq" id="user_qq"                                       lay-verify="required" placeholder="要求填写QQ联系方式" class="layui-input">                            </div>                            <div class="layui-form-mid layui-word-aux">                                <span class="x-red" style="color: red">*必填</span>                            </div>                        </div>                        <div class="layui-form-item">                            <label class="layui-form-label">信息图片</label>                            <div class="layui-input-block">                                <button type="button" class="layui-btn" id="test2">图片上传</button>                                <div class="layui-upload-list" id="thumbnail"></div>                            </div>                        </div>                        <div class="layui-form-item">                            <div class="layui-input-block">                                <button class="layui-btn" lay-submit lay-filter="test">保存</button>                            </div>                        </div>                    </div>                </div>            </div>        </div>    </div></div><div class="layui-fluid" id="order" style="display: none">    <div class="layui-row layui-col-space15">        <div class="layui-col-md12">            <div class="layui-card">                <div class="layui-card-header">确认订单</div>                <div class="layui-card-body" pad15>                    <div class="layui-form" lay-filter="text">                        <div class="layui-form-item">                            <label class="layui-form-label">信息名</label>                            <div class="layui-input-block">                                <input type="text" name="provenance_url" id="url"                                       placeholder="信息名" value="" class="layui-input"  disabled="true">                            </div>                        </div>                        <div class="layui-form-item">                            <label class="layui-form-label">信息描述</label>                            <div class="layui-input-inline">                                <textarea name="provenance_desc" id="desc" lay-verify="required"                                          placeholder="请仔细填写描述" class="layui-textarea"   disabled="true"></textarea>   <div>……本2文来源gaodai.ma#com搞##代!^码@网3</div><code>搞代gaodaima码</code>                         </div>                        </div>                        <div class="layui-form-item">                            <label class="layui-form-label">联系方式</label>                            <div class="layui-input-inline">                                <input type="text" name="user_qq" id="qq"                                       lay-verify="required" placeholder="要求填写QQ联系方式"   disabled="true" class="layui-input">                            </div>                        </div>                        <div class="layui-form-item">                            <label class="layui-form-label">金额</label>                            <div class="layui-input-inline">                                <input type="text" name="price" id="price"                                       lay-verify="required" placeholder="要求填写QQ联系方式" value=""   disabled="true" class="layui-input">                            </div>                        </div>                        <div class="layui-form-item">                            <label class="layui-form-label">支付方式</label>                            <div class="layui-input-block">                                <input type="radio" name="type" value="1" title="支付宝">                                <img src="static/index/images/Alipay.png">                                <input type="radio" name="type" value="2" title="微信">                                <img src="static/index/images/WeChat.png">                            </div>                        </div>                        <div class="layui-form-item">                            <div class="layui-input-block">                                <button class="layui-btn" lay-submit lay-filter="pay">确定支付</button>                            </div>                        </div>                    </div>                </div>            </div>        </div>    </div></div><script src="__INDEX__/layui/layui.js"></script><script>    //注意:导航 依赖 element 模块,否则无法进行功能性操作    layui.use('element', function () {        var element = layui.element;        //…    });    layui.use('carousel', function () {        var carousel = layui.carousel;        //建造实例        carousel.render({            elem: '#test1'            , width: '100%' //设置容器宽度            , arrow: 'always' //始终显示箭头            //,anim: 'updown' //切换动画方式        });    });    layui.use(['form', 'upload'], function () {        var form = layui.form,            $ = layui.jquery,            upload = layui.upload;        upload.render({            elem: '#test2',            url: "index.php/index/upload",            multiple: true,            before: function (obj) {                //预读本地文件示例,不支持ie8                obj.preview(function (index, file, result) {                    $('#thumbnail').append('<img src="' + result + '" alt="' + file.name + '" class="layui-upload-img">')                });            },            done: function (res) {                //上传完毕                $('#thumbnail').append('<input type="hidden" name="file[]" id="file" value="' + res.data + '" />')            }        });        form.on('submit(test)', function (data) {            console.log(data.field);            $.ajax({                url: "index.php/index/order",                dataType: "json",                data: data.field,                success: function (res) {                    console.log(res)                    if (res.code >= 1) {                        layer.alert(res.msg, {icon: 5})                    } else {                        $('#url').val(res.data['provenance_url'])                        $('#desc').val(res.data['provenance_desc'])                        $('#qq').val(res.data['user_qq'])                        $('#price').val(res.price)                        layer.open({                            type: 1 //此处以iframe举例                            , title: '提交BUG'                            , area: ['700px', '650px']                            , maxmin: true                            , btnAlign: 'c'                            , shade: false                            , content: $('#order')                        });                    }                }            });        })        form.on('submit(pay)',function (data) {            $.post('codepay/codepay.php',{                'type':data.field.type,                'price':data.field.price,                'user':'admin'            },function (data) {                console.log(data)                   layer.open({                    type: 1 //此处以iframe举例                    , title: '提交BUG'                    , area: ['700px', '650px']                    , maxmin: true                    , btnAlign: 'c'                    , shade: false                    , content: data                });            })        })    })</script>

搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:PHP实现个人支付宝支付开发(五)
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址