hi,你好!欢迎访问本站!登录
本站由网站地图腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 教程 - 杂谈 - 正文 君子好学,自强不息!

【杂谈】PHP完成个人付出宝付出开辟(五)

2019-11-18杂谈搜奇网38°c
A+ A-
在前面的文章《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>
                        </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>

注:前台猎取的三个信息'type', 'price'和'user'必须要提交给接口文件codepay.php。

控制器中的index.php文件:

<?php
/**
 * Created by PhpStorm.
 * User: win7
 * Date: 2019/1/2
 * Time: 9:32
 */

namespace app\index\controller;

use think\Controller;
use \think\facade\Request;
use think\facade\Session;

class Index extends Controller
{
    public function index()
    {
        return $this->fetch();
    }

    public function order()
    {
        $data = Request::param();
        if(empty($data['file'])){
            return json(['code'=>1,'msg'=>'请增加车牌相干图片']);
        }
        $pic_count = count($data['file']);
        if ($pic_count > 1){
            return json(['code'=>0,'msg'=>'定单生成','price'=>15,'data'=>$data]);
        }else{
            return json(['code'=>0,'msg'=>'定单生成','price'=>0.1,'data'=>$data]);
        }
    }

    public function upload()
    {
        // 猎取到上传的图片
        $file = request()->file('file');

        // 移动到框架运用根目次/uploads/ 目次下
        if ($info = $file->validate(['ext' => 'jpg,jpeg,png,gif'])->move('upload')) {

            //客户端请求返回的必需是JSON花样数据,默许没有加上上传目次,须要手工增加一下
            return json([1, '上传胜利!', 'data' => ['/upload/' . $info->getSaveName()]]);
        } else {
            //处置惩罚失足信息,实在客户端也会处置惩罚的,可省略
            return $file->getError();
        }

    }
}

由于我们只写了一个小案例,这里的定单内容也就很简朴,当上传的图片大于1时则须要付15元,小于1时,只需付0.1元。

本篇文章就是关于PHP完成个人付出宝付出开辟的相干引见,实在也异常简朴易懂,在后续的文章中,我们再继承为人人解说相干学问内容。

以上就是PHP完成个人付出宝付出开辟(五)的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  移步手机端
【杂谈】PHP完成个人付出宝付出开辟(五)

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章

本文来源:搜奇网

本文地址:https://www.sou7.cn/282106.html

关注我们:微信搜索“搜奇网”添加我为好友

版权声明: 本文仅代表作者个人观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。请记住本站网址https://www.sou7.cn/搜奇网。

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>