Bei der Recherche im Zusammenhang mit dem Fehler der Pagination und meinem VueJS-Projekt, habe ich das spanische Beispiel vue-laravel-crud bei GitHub gefunden. Um das Beispiel selbst testen zu können müssen Sie auf Ihrem PC die Tools Composer, Node.JS und XAMPP installiert haben. Um das genannte Beispiel testen zu können gehen Sie wie folgt vor:
- Download des Master
- Die ZIP-Datei beim Webserver enttpacken: „C:\xampp\htdocs\crudlara“
- CMD starten (Win+R dann cmd) und Pfad einstellen:
cd C:\xampp\htdocs\crudlara
- Laravel-Teile installieren:
composer install
- Alle Node-Module installieren:
npm install
- Über phpMySql die Datenbank crudlara erstellt
- Meine Zugangsdaten für die Datenbank in die Konfiguration eingetragen (aus anderem Projekt kopiert):
C:\xampp\htdocs\crudlara\.env
- Tabellen des Projekts erstellen:
php artisan migrate
- Funktionen für Anmeldung aktivieren:
php artisan make:auth
- CSS- und JS-Dateien erstellen:
npm run dev
- Tests zeigten das die Migrationen für die Anmeldung/Benutzer fehlen. Datei CreateUsersTable.php und CreatePasswordResetsTable.php herunter geladen und nach „C:\xampp\htdocs\crudlara\database\migrations\“ kopiert.
- Tabellen des Projekts nochmal erstellen:
php artisan migrate:refresh
- Jetzt über den Laravel-Webserver testen:
php artisan serve
- Browser starten und URL öffnen: http://localhost:8000
- Über den oberen Link zuerst registrieren und dann anmelden
- Nach dem Anmelden gelangt man wegen eines Fehler in „C:\xampp\htdocs\crudlara\routes\web.php“ nicht zu dem eigentlichen Beispiel. Deshalb startet das Beispiel über http://localhost:8000/vue-crud
- Jetzt kann man wie in dem Film des Beispiels zu sehen ist, Datensätze erstellen, betrachten und löschen. Also die sogenannten CRUD-Funktionen testen.