Github: https://github.com/bigrocs/laravelvue
LaravelVUE verwendet Front-End- und Back-End-Trenntechnologie. Das Front-End verwendet VUE und das Back-End verwendet das CMS-System des PHP-Frameworks Laravel.
Das Backend definiert automatisch den Anzeigeinhalt der Front-End-Seite über JSON-Daten.
Nachfolgend nehmen wir die Entwicklungsversion als Beispiel, um die Installation von LaravelVUE zu beschreiben.
Zuerst müssen wir das LaravelVUE-Projekt herunterladen und in einen lokalen Ordner extrahieren:
1. Führen Sie dann den Composer-Befehl aus, um Laravel-Abhängigkeiten zu installieren
composer install
2. Benennen Sie .env.example in .env um. Führen Sie den folgenden Befehl aus und beanspruchen Sie den Laravel-Schlüssel
php -r "file_exists('.env') || copy('.env.example', '.env');"
php artisan key:generate
3. Legen Sie die Datenbankkonfiguration fest und ändern Sie den folgenden Code in der .env-Datei
DB_DATABASE=homestead(数据库名称)
DB_USERNAME=homestead(数据库账号)
DB_PASSWORD=secret (数据库密码)
4. Als nächstes führen wir die Datenbankmigration durch und füllen die Daten aus
php artisan migrate
php artisan db:seed
php artisan passport:install
5. Seit der Installation der Front-End-VUE-Kompilierung
npm install
6. Kompilieren Sie Front-End-Ressourcen
npm run dev
7. Kompilieren Sie Front-End-Ressourcen und aktivieren Sie BrowserSync (Entwicklungsmodus).
npm run watch
Backend: http://localhost/admin Konto: admin Passwort: admin888
Ändern Sie den Code unter der Datei webpack.mix.js
host: 'laravelvue.dev',
proxy: 'laravelvue.dev',
Und geben Sie die entsprechende lokale Auflösung in die Hosts-Datei ein
127.0.0.1 laravelvue.dev
Zugriffsadresse für den Entwicklermodus: http://laravelvue:3000/admin