Exemple CRUD Laravel 11 + Inertia JS (VUE) : partie 2

DEV - 11/06
Bonjour Artisan, Dans le billet de blog précédent, nous avons vu comment configurer le projet laravel + inertia js pour créer un...

Bonjour Artisan,

Dans le billet de blog précédent, nous avons vu comment configurer le projet laravel + inertia js pour créer une opération crud. Si vous ne l'avez pas encore lu, vous pouvez le lire ici Exemple CRUD de Laravel 11 + Inertia JS (VUE) : Partie 1 et configurer une configuration de base. Dans cette série de partie 2, nous allons construire la logique frontend et backend et voir avec quelle facilité l'inertie communique de manière transparente avec le laravel.

Étape 1 : Créez un contrôleur d'événements et ajoutez les routes dans web.php

php artisan make:contrôleur EventController
Passer en mode plein écran Quitter le mode plein écran

Cet itinéraire sera utilisé pour créer, lire, mettre à jour et supprimer des événements.

// web.php Route::get('/event', [EventManagementController::class, 'index']) ->name('event.index'); Route::get('/event/create', [EventManagementController::class, 'create']) ->name('event.create'); Route::post('/event/create', [EventManagementController::class, 'store']) ->name('event.store'); Route::get('/event/{event}', [EventManagementController::class, 'show']) ->name('event.show'); Route::get('/event/{event}/edit', [EventManagementController::class, 'edit']) ->name('event.edit'); Route::put('/event/{event}/update', [EventManagementController::class, 'update']) ->name('event.update'); Route::delete('/event/{event}/delete', [EventManagementController::class, 'delete']) ->name('event.delete');
Passer en mode plein écran Quitter le mode plein écran

Étape 2 : Créez une conception frontend pour créer un événement à l'aide d'Inertia.

  • Créez un nouveau dossier et nommez-leGestion d'événementsdans ce chemin donnéressources\js\Pageset dans ce dossier, créez un composant vue commeCréer.vueet ajoutez le code ci-dessous dans ce composant.