FourthPay

Sifang Payment System

A square payment system constructed using Laravel+Vue, including API interface, management background, proxy background, website front desk, system base template based on Laravel-ADmin, only development and learning, please do not use it for illegal use

Technology stack

Back -end technology stack:

• Laravel 5.8
• Laravel-Echo-Server
• Nginx
• PostgreSQL or MySQL
• Laravel-mix
• Redis
• Php APC

Front -end technology stack

• Vue
• Vuex
• Vue-router
• Element ui

Background templates are adopted: Element-Admin background demonstration: Laravel background management system front desk template is built with Vue Cli3, and Element UI is used as the development front-end development framework framework.

Directory structure

• Backend: Management background
• FrontEnd-API: The front desk API interface directory
• FrontEnd-WEB: front desk forefront file
• API: API request interface
• Common: Public Module Directory
• DOC: related documents and configuration directory

The front desk is separated from the front and rear end, and the Frink-API needs to be configured to allow cross-domain access

Deployment method

1. Install Nginx, Redis, MySQL, or PostgreSQL, Laravel-Echo-Server, Composer, Nodejs service, install PHP and required extension, copy the configuration file in the doc directory to the nginx configuration directory

2. Pull the code and install the project extension library

$ 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. Start the monitoring and listening

$ php artisan queue:work redis

4. Installation and deployment Laravel-Echo

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

5. Start the Redis subscription queue

$ php artisan queue:listen --tries=1

6. Copy the .env.example file to .env, modified the database, redis, and created key

$ php artisan  key:generate

7. Compile the front and back -end file file

Backstage Backend Compilation

$ npm run prod

Front desk FrontEnd-Web compilation

$ vue run build

Ajax interface returns JSON data description

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

• CODE: Error Code 1: Success 0: Failure> 1: Failure error code
• msg: error message
• data: Return data

Development specification

• If the controller name contains uppercases, the permissions ( admin_role_permissions ) permissions must be divided by [_], as well as the front desk request interface and front desk component verification rules ( v-permission tags) must be the same as the permissions table: controller name UserGroupController method method putEdit , the request interface and permissions verification tags are: user_group/edit
• All small icons on the website can be found in the iconfont in SVG format

Preview