# quick-pay

**Repository Path**: phpstudyj/quick-pay

## Basic Information

- **Project Name**: quick-pay
- **Description**: 个人支付页面.自动适配PC ,手机. 识别微信/支付宝. 支付宝可以自动跳转打开客户端。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: demo
- **Homepage**: http://demo.ukafu.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 169
- **Created**: 2018-10-24
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
<img  src="https://images.gitee.com/uploads/images/2018/0914/141509_bf37f6ae_2525.jpeg" alt="个人支付PC页面" >
</p>


# quick-pay
 个人支付页面.自动适配PC ,手机. 识别微信/支付宝. 支付宝可以自动跳转打开客户端
 
## 文件说明:

 function.php : 公用功能函数,配置<br />
 order.php : 下单演示,订单状态查询<br />
 notify.php : 订单通知接受<br />

 index.pug 下单页面<br />
 pay.pug : 支付页面<br />
 complate.pug : 支付完成页面<br />
 src/rest-mapping.js: 配置文件,将接口地址改成自己的实际地址<br />
 config/dev.env.js  开发环境配置文件<br />
 config/prod.env.js 生产环境配置文件<br />
 config/index.js  项目构建配置文件<br />
 dist/ 将前端和源代码进行构建后生成的目录<br />
 

#### 项目所用技术栈参考文档
- [Webpack](https://webpack.js.org/).
- [Gulp](https://gulpjs.com/).
- [Vue](https://vuejs.org/)
- [Axios](https://github.com/axios/axios)
- [ESLint](https://eslint.org/)
- [Pug](https://pugjs.org/api/getting-started.html)


## 开始使用

#### 本地开发配置
将根路径下的所有php文件和pxpay文件夹放置到php容器中，并修改dev.env.js 中的RESUEST_HOST字段<br />

开启跨域请求: 编辑 order.php 进行配置

#### 安装环境
下载并安装 Nodejs (https://nodejs.org/en/)

#### 安装依赖
`npm install`

#### 本地开发
`npm run dev`

`访问：http://localhost:8080/`

#### 生产环境资源发布
`npm run build`  

QQ交流群
153497287