Git Product home page Git Product logo

fourth_pay's Introduction

四方支付系统

使用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 [email protected]: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 中查找

预览

预览图

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.