LARAVEL

Lorsqu'on installe le starter kit laravel, on n'obtient pas seulement une authentification complète avec enregistrement, connexion et déconnexion, vérification de l'email, oubli du mot de passe, comme on l'a vu dans les deux articles précédents. On obtient beaucoup plus comme on va le voir dans cet article. On bénéficie d'une gestion du profil de l'utilisateur qui peut ainsi modifier ses données personnelles.

Le tableau de bord

On a vu que lorsqu'un utilisateur est connecté, il arrive dans un tableau de bord (dashbord). Par défaut, la page est vide :

On a un menu latéral sur la partie gauche :

Là, on peut procéder à 2 actions :

• accéder au profil (settings)
• se déconnecter

Le profil

On a plusieurs routes concernées par le profil dans le fichier routes.web :

Route::middleware(['auth'])->group(function () {
    Route::redirect('settings', 'settings/profile');

    Volt::route('settings/profile', 'settings.profile')->name('settings.profile');
    Volt::route('settings/password', 'settings.password')->name('settings.password');
    Volt::route('settings/appearance', 'settings.appearance')->name('settings.appearance');
});

On a une page principale et trois pages secondaires.

Les informations personnelles

La page qui apparaît par défaut est celle des informations personnelles. Elle est gérée par ce composant Volt :

Avec cet aspect :

Là, on peut modifier le nom et l'email. On peut également supprimer son compte avec un bouton rouge bien voyant. Évidemment, il est prévu une confirmation pour éviter une action intempestive :

Le mot de passe

Si on clique sur le lien Password, on utilise ce composant Volt :

Avec cet aspect :

De façon très classique, on demande le mot de passe actuel, puis le nouveau mot de passe à confirmer.

L'apparence

Enfin, la dernière page est plutôt cosmétique, elle est gérée par ce composant Volt :

Avec cet aspect :

C'est encore une fonctionnalité spécifique à Flux.

Conclusion

On a vu dans cet article que le starter kit laravel permet une gestion du profil de l'utilisateur :

• informations personnelles
• changement du mot de passe
• suppression de compte

Libre à vous d'utiliser ce tableau de bord comme base de codage pour vos besoins personnels.