FourthPay

sistem pembayaran empat pihak

Sistem pembayaran empat pihak yang dibangun menggunakan Laravel+Vue, termasuk antarmuka API, backend manajemen, backend agen, frontend situs web, dan templat sistem dasar dibangun berdasarkan Laravel-admin itu untuk tujuan ilegal.

tumpukan teknologi

Tumpukan teknologi backend:

• Laravel 5.8
• Laravel-echo-server
• Nginx
• PostgreSql atau Mysql
• Campuran Laravel
• ulang
• PHP APC

Tumpukan teknologi front-end

• Lihat
• Vuex
• Vue-router
• Elemen UI

Templat backend menggunakan: Demonstrasi Element-Admin Backend: Templat frontend sistem manajemen backend Laravel dibangun menggunakan VUE CLI3, menggunakan Element UI sebagai kerangka pengembangan front-end pengembangan

Struktur direktori

• backend: backend manajemen
• frontend-api: direktori antarmuka API frontend
• frontend-web: file frontend
• api: antarmuka permintaan API
• umum: direktori modul publik
• doc: dokumentasi terkait dan direktori konfigurasi

Frontend menggunakan pemisahan front-end dan back-end, dan frontend-api perlu dikonfigurasi untuk memungkinkan akses lintas domain.

Metode penerapan

1. Instal Nginx, Redis, Mysql atau PostgreSql, Laravel-echo-server, composer, layanan nodejs, instal PHP dan ekstensi yang diperlukan, salin file konfigurasi di direktori doc ke direktori konfigurasi nginx

2. Tarik kodenya dan instal perpustakaan ekstensi proyek

$ 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. Mulai pemantauan docking

$ php artisan queue:work redis

4. Instal dan terapkan laravel-echo

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

5. Mulai antrian berlangganan redis

$ php artisan queue:listen --tries=1

6. Salin file .env.example ke .env, ubah database, Redis, dan buat kunci

$ php artisan  key:generate

7. Kompilasi file front-end dan back-end

Kompilasi backend latar belakang

$ npm run prod

Kompilasi web frontend frontend

$ vue run build

Antarmuka Ajax mengembalikan deskripsi data json

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

• kode: kode kesalahan 1: sukses 0: kegagalan > 1: kode kesalahan kegagalan
• pesan: pesan kesalahan
• data: mengembalikan data

spesifikasi pengembangan

• Jika nama pengontrol mengandung huruf besar, izin dalam tabel izin ( admin_role_permissions ) harus dipisahkan dengan [_], dan antarmuka permintaan front-end serta aturan verifikasi izin komponen front-end ( tag v-permission ) harus sama sebagai tabel izin. Misalnya: Nama pengontrol metode UserGroupController putEdit , antarmuka permintaan dan label verifikasi izin adalah: user_group/edit
• Semua ikon kecil di situs web dalam format SVG dan dapat ditemukan di iconfont

Pratinjau