Erstellte Administratorplatte mit Laravel Voyager

Laravel ist jetzt ein sehr beliebtes PHP -Framework, um eine Webanwendung einfach zu implementieren. Das Admin -Panel ist der Hauptbestandteil eines jeden Webprojekts, um alle Projektdaten zu verwalten und das Projekt zu steuern. Laravel verfügt über viele bezahlte und kostenlose Pakete, um ein Administratorfeld für das Projekt zu implementieren. Laravel Voyager ist eines der kostenlosen Pakete von Laravel, um ein modernes Responsive Admin -Panel mit einer CRUD -Funktion zu implementieren, mit der der Benutzer das Laravel -Projekt ordnungsgemäß zugreifen und steuern können. In diesem Tutorial wurde die Installation von Laravel Voyager und die Implementierung des Administratorpanels mit der Verwendung gezeigt.

Voraussetzungen:

Sie müssen die folgenden Aufgaben erledigen, bevor Sie die Schritte dieses Tutorials beginnen.

1. Erstellen Sie ein neues Laravel -Projekt mit dem Namen VoyagerProject. Hier, der Komponist wurde verwendet, um das Laravel -Projekt zu erstellen. Wenn der Komponist Es wird vorher nicht installiert, Sie müssen es installieren, bevor Sie den folgenden Befehl ausführen.

   $ Composer Create-Project Laravel/Laravel VoyagerProject

2. Gehen Sie zum Projektordner.

   $ cd voyagerProject

3. Alle Schritte dieses Tutorials wurden in Laravel Version 9 getestet+. Überprüfen Sie also die installierte Version von Laravel.

   $ php Artisan -Version

Setup -Datenbank:

Sie müssen eine Datenbank in MySQL erstellen, um die im Administratorbereich verwendeten Projektdaten zu speichern. Füllen Sie die folgenden Aufgaben aus, um eine Datenbank zu erstellen und die Datenbank für das Laravel -Projekt einzurichten.

1. Melden Sie sich beim MySQL -Server an und führen Sie den folgenden SQL -Befehl aus, um eine Datenbank mit dem Namen zu erstellen db_voyager Aus der MySQL -Eingabeaufforderung.

   MySQL> Datenbank erstellen db_voyager;

2. Öffne das .env Datei des Laravel -Projekts und initialisieren Sie die Werte für die folgenden Informationen basierend auf der Datenbank. App_url = http: // localhost: 8000
   DB_CONNECTION = MYSQL
   Db_host = localhost
   Db_port = 3306
   Db_username = 'Benutzername'
   Db_password = 'Passwort'
   Db_password = 'Passwort'

Installieren Sie Laravel Voyager:

Führen Sie den folgenden Komponistenbefehl aus, um das Laravel Voyager -Paket herunterzuladen.

$ Composer benötigt TCG/Voyager

Voyager Installer ausführen:

Sie können Laravel Voyager mit oder ohne Dummy -Daten installieren. Der folgende Befehl installiert den Laravel Voyager ohne Dummy -Daten.

$ php Artisan Voyager: Installation

Der folgende Befehl installiert den Laravel Voyager mit den Dummy -Daten.

$ php Artisan Voyager: Installation-mit Dummy

Es ist besser, Laravel Voyager mit den Dummy -Daten zu installieren, um das Administratorfeld ordnungsgemäß zu testen. Installieren Sie also den Laravel Voyager mit den Dummy -Daten, indem Sie den obigen Befehl ausführen.

Testen von Laravel Voyager:

Öffnen Sie das Terminal und gehen Sie zum Projektordner. Führen Sie den folgenden Befehl aus, um den Laravel Development Server zu starten, der standardmäßig bei der Portnummer 8000 beginnt.

$ php Artisan servieren

Die Standardanmeldeinformationen des Administratorbenutzers für Laravel Voyager finden Sie unten.

E -Mail: admin@admin admin.com
Passwort: Passwort

Öffnen Sie die folgende URL aus dem Browser, um die Anmeldeseite für die Administratoranmeldung zu öffnen.

http: // 127.0.0.1: 8000/admin

Die folgende Seite wird nach der Ausführung der obigen URL angezeigt. Geben Sie die gültigen Anmeldeinformationen an und klicken Sie auf die ANMELDUNG Schaltfläche zum Öffnen des Administratorfelds. Klick auf das Mich erinnern Option, bevor Sie auf die Schaltfläche senden, um die Anmeldeinformationen zu speichern.

Die folgenden Informationen werden angezeigt, wenn die Administratoranmeldung erfolgreich ist. Das Admin -Dashboard enthält das Sidebar -Menü und die Informationen zu den Rollen des Benutzers, den Informationen, Medien, Beiträgen, Seiten und Kategorien des Benutzers enthält. Die Informationen werden basierend auf den Dummy -Daten angezeigt. Die rechte Seite des Administratorpanels enthält alle Benutzer, Beiträge und Seiteninformationen. Einige Verwendungen für Administratoren wurden im nächsten Teil des Tutorials erläutert.

Die folgende Seite wird angezeigt, wenn der Benutzer auf die klickt Benutzer im Side-Bar-Menü oder die Ansicht alle Benutzer Taste von der rechten Seite des Panels. Der Administrator Benutzer kann einen neuen Benutzer erstellen, die Informationen eines vorhandenen Benutzers bearbeiten und die Informationen einer oder mehrerer Benutzer löschen. Die Admin -Benutzerinformationen werden standardmäßig bei der Voyager -Installation erstellt. Der Aufzeichnung eines Benutzers wird also in der Ausgabe angezeigt. Der neue Benutzer kann erstellt werden, indem Sie auf die klicken Neue hinzufügen Die Schaltfläche und die Informationen der mehreren Benutzer können gelöscht werden, indem Sie auf die Klicken auf die Bulk löschen Schaltfläche nach Auswahl der Benutzer.

Das folgende Formular wird nach dem Klicken auf die angezeigt Neue hinzufügen Schaltfläche des Benutzersabschnitts. Ein neuer Benutzer wird der Anwendung hinzugefügt, wenn der Administrator Benutzer auf die Schaltfläche Speichern klickt, nachdem die gültigen Benutzerinformationen hinzugefügt werden können. Der Avatar des Benutzers kann durch Auswahl des Bildes mit dem hochgeladen werden Durchsuche… Taste.

Die folgenden ähnlichen Informationen werden angezeigt, wenn das neue Benutzerkonto im vorherigen Schritt ordnungsgemäß erstellt wird. Der Administrator kann die Informationen von vorhandenen Benutzern ändern, indem er auf die Bearbeiten Taste.

Wenn der Benutzer auf die klickt Beiträge in der Seitenleiste oder Alle Beiträge anzeigen Die Schaltfläche von rechts werden alle vorhandenen Postinformationen angezeigt. Die vier-Post-Datensätze existieren standardmäßig. Der Administratorbenutzer kann jeden Beitrag wie die zuvor gezeigten Informationen des Benutzers erstellen, aktualisieren und löschen. Die Pagination wurde für alle Tabellendaten implementiert, wie die von der Administratorpanel verwaltete Post -Tabelle. Jeder Datensatz der Beiträge Die Tabelle oder eine andere Tabelle kann individuell mit der Verwendung angezeigt, aktualisiert und gelöscht werden Anzeigen, bearbeiten, Und Löschen Tasten mit jedem Datensatz hinzugefügt.

Der Werkzeug Und Einstellungen Optionen werden in der Seitenleiste für verschiedene Zwecke hinzugefügt. Die folgende Seite wird angezeigt, wenn der Benutzer auf die Einstellungsoption der Seitenleiste klickt. Verschiedene Arten von Anwendungskonfigurationen können mit dieser Option eingestellt werden.

Abschluss:

Das wunderschön gestaltete Responsive Admin -Panel für das Laravel -Projekt kann ohne Kosten mit dem Laravel Voyager -Paket implementiert werden. Es handelt sich also um ein vorteilhaftes Laravel-Paket für die Webanwendung mit niedrigem Budget. Ich hoffe.