جيثب: https://github.com/bigrocs/laravelvue
يستخدم LaravelVUE تقنية فصل الواجهة الأمامية والخلفية. تستخدم الواجهة الأمامية VUE وتستخدم الواجهة الخلفية نظام CMS الخاص بإطار عمل PHP.
تحدد الواجهة الخلفية تلقائيًا محتوى عرض الصفحة الأمامية من خلال بيانات JSON.
أدناه نأخذ نسخة التطوير كمثال لوصف تثبيت LaravelVUE.
نحتاج أولاً إلى تنزيل مشروع LaravelVUE واستخراجه إلى مجلد محلي:
1. ثم قم بتنفيذ أمر الملحن لتثبيت تبعيات Laravel
composer install
2. أعد تسمية .env.example إلى .env. نفذ الأمر التالي واحصل على مفتاح laravel
php -r "file_exists('.env') || copy('.env.example', '.env');"
php artisan key:generate
3. قم بتعيين تكوين قاعدة البيانات وقم بتعديل التعليمات البرمجية التالية في ملف .env
DB_DATABASE=homestead(数据库名称)
DB_USERNAME=homestead(数据库账号)
DB_PASSWORD=secret (数据库密码)
4. بعد ذلك نقوم بترحيل قاعدة البيانات وملء البيانات
php artisan migrate
php artisan db:seed
php artisan passport:install
5. منذ تثبيت مجموعة VUE الأمامية
npm install
6. تجميع موارد الواجهة الأمامية
npm run dev
7. تجميع موارد الواجهة الأمامية وتشغيل BrowserSync (وضع التطوير)
npm run watch
الواجهة الخلفية: http://localhost/admin الحساب: كلمة مرور المشرف: admin888
قم بتعديل الكود الموجود أسفل ملف webpack.mix.js
host: 'laravelvue.dev',
proxy: 'laravelvue.dev',
واملأ الدقة المحلية المقابلة في ملف المضيفين
127.0.0.1 laravelvue.dev
عنوان الوصول إلى وضع المطور: http://laravelvue:3000/admin