الصفحة الرئيسية>PHP كود المصدر>فئات أخرى
تنزيل

نظام الدفع الرباعي

تم إنشاء نظام دفع رباعي الأطراف باستخدام Laravel+Vue، بما في ذلك واجهة API والواجهة الخلفية للإدارة والواجهة الخلفية للوكيل والواجهة الأمامية لموقع الويب ونموذج النظام الأساسي المبني على Laravel-admin وهو مخصص للتطوير والتعلم فقط ذلك لأغراض غير مشروعة.

كومة التكنولوجيا

مكدس التكنولوجيا الخلفية:

  • لارافيل 5.8
  • خادم صدى لارافيل
  • نجينكس
  • PostgreSql أو Mysql
  • مزيج لارافيل
  • ريديس
  • PHP أي بي سي

مكدس التكنولوجيا الأمامية

  • فيو
  • فويكس
  • جهاز التوجيه
  • واجهة المستخدم للعنصر

يستخدم قالب الواجهة الخلفية: العرض التوضيحي للواجهة الخلفية لـ Element-Admin: تم إنشاء قالب الواجهة الأمامية لنظام إدارة الواجهة الخلفية Laravel باستخدام VUE CLI3، باستخدام Element UI كإطار عمل لتطوير الواجهة الأمامية

هيكل الدليل

  • الواجهة الخلفية: الواجهة الخلفية للإدارة
  • frontend-api: دليل واجهة API للواجهة الأمامية
  • الواجهة الأمامية للويب: ملف الواجهة الأمامية
  • API: واجهة طلب API
  • شائع: دليل الوحدة العامة
  • doc: الوثائق ذات الصلة ودليل التكوين

تستخدم الواجهة الأمامية الفصل بين الواجهة الأمامية والخلفية، ويجب تكوين واجهة برمجة تطبيقات الواجهة الأمامية للسماح بالوصول عبر النطاقات.

طريقة النشر

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، وإنشاء مفتاح 

$ php artisan  key:generate

7. تجميع ملفات الواجهة الأمامية والخلفية

تجميع الخلفية الخلفية 
$ npm run prod
تجميع الواجهة الأمامية للويب 
$ vue run build

تقوم واجهة Ajax بإرجاع وصف بيانات json 

[
    ' code '  => 1 ,
    ' msg '   => '' ,
    ' data '  => [],
]
  • رمز: رمز الخطأ 1: نجاح 0: فشل > 1: رمز خطأ فشل
  • رسالة: رسالة خطأ
  • البيانات: إرجاع البيانات

مواصفات التطوير

  • إذا كان اسم وحدة التحكم يحتوي على أحرف كبيرة، فيجب فصل الأذونات الموجودة في جدول الأذونات ( admin_role_permissions ) بـ [_]، ويجب أن تكون واجهة طلب الواجهة الأمامية وقواعد التحقق من إذن مكون الواجهة الأمامية (علامة v-permission ) هي نفسها كجدول الأذونات على سبيل المثال: اسم وحدة التحكم، طريقة UserGroupController putEdit ، وواجهة الطلب وتسمية التحقق من الإذن هي: user_group/edit
  • جميع الرموز الصغيرة الموجودة على موقع الويب بتنسيق SVG ويمكن العثور عليها بتنسيق iconfont

معاينة

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل