四方支付系统

使用Laravel+Vue构建的一个四方支付系统，包含API接口，管理后台，代理后台，网站前台，系统基础模板基于 Laravel-admin 构建，只做开发学习，请勿用作非法用途

技术栈

后端技术栈：

• Laravel 5.8
• Laravel-echo-server
• Nginx
• PostgreSql 或 Mysql
• Laravel-mix
• Redis
• PHP APC

前端技术栈

• Vue
• Vuex
• Vue-router
• Element UI

后台模板采用：Element-Admin 后台演示：Laravel后台管理系统
前台模板采用VUE CLI3构建，采用Element UI作为开发前端开发框架

目录结构

• backend ：管理后台
• frontend-api ：前台API接口目录
• frontend-web ：前台前端文件
• api ：API请求接口
• common ：公共模块目录
• doc ：相关文档和配置目录

前台采用前后端分离，frontend-api需要配置允许跨域访问

部署方法

1.安装Nginx、Redis、Mysql或PostgreSql、Laravel-echo-server、composer、nodejs服务，安装PHP以及所需扩展，拷贝doc目录下配置文件到nginx配置目录

2.拉取代码，安装项目扩展库

$ git clone git@github.com:tuo0/laravel-admin.git
$ cd laravel-admin/backend/
$ composer install
$ npm install
$ cd ../frontend-api
$ composer install
$ cd ../frontend-web
$ npm install

3.启动对接监听

$ php artisan queue:work redis

4.安装部署laravel-echo

# 安装
$ npm install -g laravel-echo-server
# 配置
$ laravel-echo-server init
# 启动
$ laravel-echo-server start

5.启动redis订阅队列

$ php artisan queue:listen --tries=1

6.复制 .env.example 文件为 .env,修改数据库、Redis，创建key

$ php artisan  key:generate

7.编译前后台前端文件

后台backend编译

$ npm run prod

前台frontend-web编译

$ vue run build

Ajax 接口返回json数据说明

[
    'code'  => 1,
    'msg'   => '',
    'data'  => [],
]

• code:错误码 1：成功 0:失败 >1:失败错误码
• msg:错误消息
• data:返回数据

开发规范

• 如果控制器名称中含有大写，则权限表(admin_role_permissions)权限必须使用[_]分割，以及前台请求接口以及前台组件权限验证规则(v-permission标签)必须与权限表相同
  例如：控制器名称UserGroupController方法putEdit，则请求接口以及权限验证标签为：user_group/edit
• 网站所有小图标采用SVG格式可以在 iconfont 中查找

预览