FourthPay

Vier-Parteien-Zahlungssystem

Ein mit Laravel+Vue erstelltes Vier-Parteien-Zahlungssystem, einschließlich API-Schnittstelle, Verwaltungs-Backend, Website-Frontend und der grundlegenden Systemvorlage, basiert auf Laravel-admin. Es dient nur der Entwicklung und dem Lernen es für illegale Zwecke.

Technologie-Stack

Backend-Technologie-Stack:

• Laravel 5.8
• Laravel-Echo-Server
• Nginx
• PostgreSql oder Mysql
• Laravel-Mix
• Redis
• PHP-APC

Front-End-Technologie-Stack

• Vue
• Vuex
• Vue-Router
• Element-Benutzeroberfläche

Backend-Vorlage verwendet: Element-Admin Backend-Demonstration: Die Frontend-Vorlage des Laravel-Backend-Managementsystems wird mit VUE CLI3 erstellt, wobei Element UI als Entwicklungs-Frontend-Entwicklungsframework verwendet wird

Verzeichnisstruktur

• Backend: Management-Backend
• frontend-api: Frontend-API-Schnittstellenverzeichnis
• frontend-web: Frontend-Datei
• API: API-Anfrageschnittstelle
• common: öffentliches Modulverzeichnis
• doc: zugehöriges Dokumentations- und Konfigurationsverzeichnis

Das Frontend verwendet eine Front-End- und Back-End-Trennung, und die Frontend-API muss so konfiguriert werden, dass sie einen domänenübergreifenden Zugriff ermöglicht.

Bereitstellungsmethode

1. Installieren Sie Nginx, Redis, Mysql oder PostgreSql, Laravel-echo-server, Composer, NodeJS-Dienst, installieren Sie PHP und die erforderlichen Erweiterungen, kopieren Sie die Konfigurationsdatei im doc-Verzeichnis in das nginx-Konfigurationsverzeichnis

2. Ziehen Sie den Code herunter und installieren Sie die Projekterweiterungsbibliothek

$ 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. Starten Sie die Andocküberwachung

$ php artisan queue:work redis

4. Installieren Sie Laravel-Echo und stellen Sie es bereit

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

5. Starten Sie die Redis-Abonnementwarteschlange

$ php artisan queue:listen --tries=1

6. Kopieren Sie die Datei .env.example nach .env, ändern Sie die Datenbank und Redis und erstellen Sie den Schlüssel

$ php artisan  key:generate

7. Kompilieren Sie Front-End- und Back-End-Front-End-Dateien

Hintergrund-Backend-Kompilierung

$ npm run prod

Frontend-Frontend-Web-Kompilierung

$ vue run build

Die Ajax-Schnittstelle gibt eine JSON-Datenbeschreibung zurück

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

• Code: Fehlercode 1: Erfolg 0: Fehler > 1: Fehlercode
• msg: Fehlermeldung
• Daten: Daten zurückgeben

Entwicklungsvorgaben

• Wenn der Controllername Großbuchstaben enthält, müssen die Berechtigungen in der Berechtigungstabelle ( admin_role_permissions ) durch [_] getrennt werden und die Überprüfungsregeln für die Front-End-Anforderungsschnittstelle und die Front-End-Komponentenberechtigungen ( v-permission Tag) müssen identisch sein als Berechtigungstabelle. Beispiel: Controller-Name UserGroupController -Methode putEdit , die Anforderungsschnittstelle und die Berechtigungsüberprüfungsbezeichnung sind: user_group/edit
• Alle kleinen Icons auf der Website liegen im SVG-Format vor und sind in iconfont zu finden

Vorschau