FourthPay

ระบบการชำระเงินสี่ฝ่าย

ระบบการชำระเงินสี่ฝ่ายที่สร้างขึ้นโดยใช้ Laravel+Vue รวมถึงอินเทอร์เฟซ API, แบ็กเอนด์การจัดการ, แบ็กเอนด์ของตัวแทน, ส่วนหน้าของเว็บไซต์ และเทมเพลตระบบพื้นฐานสร้างขึ้นจาก Laravel-admin มีไว้เพื่อการพัฒนาและการเรียนรู้เท่านั้น เพื่อวัตถุประสงค์ที่ผิดกฎหมาย

กองเทคโนโลยี

กองเทคโนโลยีแบ็กเอนด์:

• ลาราเวล 5.8
• Laravel-echo-เซิร์ฟเวอร์
• งินซ์
• PostgreSql หรือ Mysql
• Laravel-มิกซ์
• เรดิส
• PHP APC

กองเทคโนโลยีส่วนหน้า

• วิว
• วูเอกซ์
• Vue-เราเตอร์
• UI องค์ประกอบ

การใช้เทมเพลตแบ็กเอนด์: การสาธิตแบ็กเอนด์ของผู้ดูแลระบบองค์ประกอบ: เทมเพลตส่วนหน้าของระบบการจัดการแบ็กเอนด์ Laravel สร้างขึ้นโดยใช้ VUE CLI3 โดยใช้ Element UI เป็นเฟรมเวิร์กการพัฒนาส่วนหน้าของการพัฒนา

โครงสร้างไดเร็กทอรี

• แบ็กเอนด์: แบ็กเอนด์การจัดการ
• frontend-api: ไดเร็กทอรีอินเทอร์เฟซ API ส่วนหน้า
• ส่วนหน้าเว็บ: ไฟล์ส่วนหน้า
• api: อินเทอร์เฟซคำขอ API
• ทั่วไป: ไดเร็กทอรีโมดูลสาธารณะ
• doc: เอกสารที่เกี่ยวข้องและไดเร็กทอรีการกำหนดค่า

ส่วนหน้าใช้การแยกส่วนหน้าและส่วนหลัง และจำเป็นต้องกำหนดค่า frontend-api เพื่ออนุญาตการเข้าถึงข้ามโดเมน

วิธีการปรับใช้

1. ติดตั้ง Nginx, Redis, Mysql หรือ PostgreSql, Laravel-echo-server, ผู้แต่ง, บริการ 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 และสร้างคีย์

$ php artisan  key:generate

7. รวบรวมไฟล์ส่วนหน้าและส่วนหลัง

การรวบรวมแบ็กเอนด์พื้นหลัง

$ npm run prod

การรวบรวมส่วนหน้าของเว็บ

$ vue run build

อินเทอร์เฟซ Ajax ส่งคืนคำอธิบายข้อมูล json

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

• รหัส: รหัสข้อผิดพลาด 1: สำเร็จ 0: ล้มเหลว > 1: รหัสข้อผิดพลาดล้มเหลว
• msg: ข้อความแสดงข้อผิดพลาด
• ข้อมูล: ข้อมูลส่งคืน

ข้อกำหนดการพัฒนา

• หากชื่อคอนโทรลเลอร์มีอักษรตัวพิมพ์ใหญ่ การอนุญาตในตารางการอนุญาต ( admin_role_permissions ) จะต้องคั่นด้วย [_] และอินเทอร์เฟซคำขอส่วนหน้าและกฎการตรวจสอบการอนุญาตส่วนประกอบส่วนหน้า ( แท็ก v-permission ) จะต้องเหมือนกัน เป็นตารางสิทธิ์ ตัวอย่างเช่น: ชื่อคอนโทรลเลอร์ UserGroupController วิธี putEdit อินเทอร์เฟซคำขอและป้ายกำกับการตรวจสอบสิทธิ์คือ: user_group/edit
• ไอคอนขนาดเล็กทั้งหมดบนเว็บไซต์อยู่ในรูปแบบ SVG และสามารถพบได้ใน iconfont

ดูตัวอย่าง