Github: https://github.com/bigrocs/laravelvue
LaravelVUE ใช้เทคโนโลยีการแยกส่วนหน้าและส่วนหลัง ส่วนหน้าใช้ VUE และส่วนหลังใช้ระบบ CMS ของ laravel เฟรมเวิร์ก 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