Panneau d'administration construit à l'aide de Laravel Voyager

Laravel est maintenant un cadre PHP très populaire pour implémenter facilement une application Web. Le panneau d'administration est la partie principale de tout projet Web pour gérer toutes les données du projet et contrôler le projet. Laravel a de nombreux forfaits payants et gratuits pour implémenter un panneau d'administration pour le projet. Laravel Voyager est l'un des packages gratuits de Laravel pour implémenter un panneau d'administration réactif moderne avec une fonction CRUD qui aide l'utilisateur à accéder et à contrôler correctement le projet Laravel. La façon d'installer Laravel Voyager et d'implémenter le panneau d'administration en utilisant lui a été montrée dans ce tutoriel.

Conditions préalables:

Vous devez effectuer les tâches suivantes avant de commencer les étapes de ce tutoriel.

1. Créer un nouveau projet Laravel nommé VoyagerProject. Ici, le compositeur a été utilisé pour créer le projet Laravel. Si la compositeur n'est pas installé avant alors, vous devez l'installer avant d'exécuter la commande suivante.

   $ compositeur créme-project Laravel / Laravel VoyagerProject

2. Allez dans le dossier du projet.

   $ CD VoyagerProject

3. Toutes les étapes de ce tutoriel ont été testées dans Laravel version 9+. Alors, vérifiez la version installée de Laravel.

   $ php artisan --version

Configuration de la base de données:

Vous devez créer une base de données dans MySQL pour stocker les données du projet utilisées dans le panneau d'administration. Effectuez les tâches suivantes pour créer une base de données et configurez la base de données du projet Laravel.

1. Connectez-vous au serveur MySQL et exécutez la commande SQL suivante pour créer une base de données nommée db_voyager de l'invite mysql.

   MySQL> Créer une base de données db_voyager;

2. Ouvrir le .env Fichier du projet Laravel et initialisez les valeurs des informations suivantes en fonction de la base de données. App_url = http: // localhost: 8000
   Db_connection = mysql
   Db_host = localhost
   Db_port = 3306
   Db_username = 'nom d'utilisateur'
   Db_password = 'mot de passe'
   Db_password = 'mot de passe'

Installer Laravel Voyager:

Exécutez la commande Composer suivante pour télécharger le package Laravel Voyager.

$ compositeur a besoin de TCG / Voyager

Exécutez le programme d'installation de Voyager:

Vous pouvez installer Laravel Voyager avec ou sans les données factice. La commande suivante installera le Laravel Voyager sans les données factice.

$ php artisan Voyager: installer

La commande suivante installera le Laravel Voyager avec les données factice.

$ php artisan Voyager: Installer - avec-moindre

Il est préférable d'installer Laravel Voyager avec les données factice pour tester correctement le panneau d'administration. Alors, installez le Laravel Voyager avec les données factice en exécutant la commande ci-dessus.

Tester Laravel Voyager:

Ouvrez le terminal et accédez au dossier du projet. Exécutez la commande suivante pour démarrer le serveur de développement Laravel qui démarre au numéro de port 8000 par défaut.

$ php artisan Serve

Les informations de connexion par défaut de l'utilisateur de l'administrateur pour Laravel Voyager sont données ci-dessous.

Email: admin @ admin.com
Mot de passe: mot de passe

Ouvrez l'URL suivante du navigateur pour ouvrir la page de connexion pour la connexion Admin.

http: // 127.0.0.1: 8000 / Admin

La page suivante apparaîtra après l'exécution de l'URL ci-dessus. Fournir les informations de connexion valides et cliquer sur le CONNEXION bouton pour ouvrir le panneau d'administration. Clique sur le Souviens-toi de moi Option avant de cliquer sur le bouton Soumettre pour stocker les informations de connexion.

Les informations suivantes apparaîtront si la connexion de l'administrateur est réussie. Le tableau de bord administratif contient le menu de la barre latérale et comprend les informations sur les rôles de l'utilisateur, les informations de l'utilisateur, les médias, les publications, les pages et les catégories. Les informations seront affichées en fonction des données factice. Le côté droit du panneau d'administration contient tous les utilisateurs, publications et informations sur la page. Certaines utilisations du panneau d'administration ont été expliquées dans la partie suivante du tutoriel.

La page suivante apparaîtra si l'utilisateur clique sur le Utilisateurs dans le menu des barres latérales ou Afficher tous les utilisateurs bouton du côté droit du panneau. L'utilisateur de l'administrateur peut créer un nouvel utilisateur, modifier les informations d'un utilisateur existant et supprimer une ou plusieurs informations des utilisateurs. Les informations de l'utilisateur de l'administration sont créées par défaut lors de l'installation de Voyager. Ainsi, l'enregistrement d'un utilisateur est affiché dans la sortie. Le nouvel utilisateur peut être créé en cliquant sur le Ajouter un nouveau le bouton, et les informations de plusieurs utilisateurs peuvent être supprimées en cliquant sur le Suppression en vrac bouton après avoir sélectionné les utilisateurs.

Le formulaire suivant apparaîtra après avoir cliqué sur le Ajouter un nouveau bouton de la section de l'utilisateur. Un nouvel utilisateur sera ajouté à l'application si l'utilisateur administrateur clique sur le bouton Enregistrer après avoir ajouté les informations de l'utilisateur valide. L'avatar de l'utilisateur peut être téléchargé en sélectionnant l'image avec le Parcourir… bouton.

Les informations similaires suivantes apparaîtront si le nouveau compte utilisateur est créé correctement à l'étape précédente. L'administrateur peut modifier les informations des utilisateurs existants en cliquant sur le Modifier bouton.

Si l'utilisateur clique sur le Des postes sur la barre latérale ou Afficher tous les messages bouton du côté droit, toutes les informations de publication existantes seront affichées. Les enregistrements à quatre montants existent par défaut. L'utilisateur administrateur peut créer, mettre à jour et supprimer n'importe quel article comme les informations de l'utilisateur qui ont été affichées auparavant. La pagination a été implémentée pour toutes les données de table, comme le tableau des poteaux géré par le panneau d'administration. Chaque enregistrement du des postes la table ou une autre table peut être affichée, mise à jour et supprimée individuellement en utilisant le Voir la modification, et Supprimer boutons ajoutés à chaque enregistrement.

Le Outils et Paramètres Des options sont ajoutées dans la barre latérale à différentes fins. La page suivante apparaîtra si l'utilisateur clique sur l'option Paramètres de la barre latérale. Différents types de configurations d'application peuvent être définis en utilisant cette option.

Conclusion:

Le panneau d'administration réactif magnifiquement conçu pour le projet Laravel peut être mis en œuvre sans aucun coût en utilisant le package Laravel Voyager. Il s'agit donc d'un package Laravel bénéfique pour l'application Web à petit budget. J'espère que les utilisateurs de Laravel pourront ajouter librement un panneau d'administration attrayant dans leur projet après avoir lu ce tutoriel.