Bygget administratorpanel ved hjelp av Laravel Voyager

Laravel er et veldig populært PHP -rammeverk nå for å implementere en webapplikasjon enkelt. Administratorpanel er hoveddelen av ethvert nettprosjekt for å administrere alle prosjektdata og kontrollere prosjektet. Laravel har mange betalte og gratis pakker for å implementere et administrasjonspanel for prosjektet. Laravel Voyager er en av gratispakkene med Laravel for å implementere et moderne responsivt administrasjonspanel med en CRUD -funksjon som hjelper brukeren å få tilgang til og kontrollere Laravel -prosjektet riktig. Måten å installere Laravel Voyager og implementere adminpanelet ved å bruke det er vist i denne opplæringen.

Forutsetninger:

Du må fullføre følgende oppgaver før du starter trinnene i denne opplæringen.

1. Lag et nytt Laravel -prosjekt som heter VoyagerProject. Her, komponisten har blitt brukt til å lage Laravel -prosjektet. Hvis komponist er ikke installert før da, du må installere den før du utfører følgende kommando.

   $ komponist Create-Project Laravel/Laravel VoyagerProject

2. Gå til prosjektmappen.

   $ CD VoyagerProject

3. Alle trinnene i denne opplæringen er testet i Laravel versjon 9+. Så sjekk den installerte versjonen av Laravel.

   $ PHP Artisan -Versjon

Oppsettdatabase:

Du må opprette en database i MySQL for å lagre prosjektdataene som brukes i administratorpanelet. Fullfør følgende oppgaver for å opprette en database og sette opp databasen for Laravel -prosjektet.

1. Logg inn på MySQL -serveren og kjør følgende SQL -kommando for å opprette en database som heter db_voyager fra MySQL -ledeteksten.

   mysql> Opprett database db_voyager;

2. Åpne .env Fil av Laravel -prosjektet og initialiserer verdiene for følgende informasjon basert på databasen. App_url = http: // localhost: 8000
   Db_connection = mysql
   Db_host = localhost
   DB_PORT = 3306
   Db_usname = 'brukernavn'
   Db_password = 'passord'
   Db_password = 'passord'

Installer Laravel Voyager:

Kjør følgende komponistkommando for å laste ned Laravel Voyager -pakken.

$ komponist krever TCG/Voyager

Kjør Voyager Installer:

Du kan installere Laravel Voyager med eller uten dummy -data. Følgende kommando vil installere Laravel Voyager uten dummy -data.

$ PHP Artisan Voyager: Installer

Følgende kommando vil installere Laravel Voyager med dummy -dataene.

$ PHP Artisan Voyager: Installer-med-dummy

Det er bedre å installere Laravel Voyager med dummy -data for å teste adminpanelet riktig. Så installer Laravel Voyager med dummy -dataene ved å utføre kommandoen ovenfor.

Testing Laravel Voyager:

Åpne terminalen og gå til prosjektmappen. Kjør følgende kommando for å starte Laravel Development Server som starter på portnummer 8000 som standard.

$ PHP Artisan server

Standard påloggingsinformasjon til administratorbrukeren for Laravel Voyager er gitt nedenfor.

E -post: [email protected]
Passord: Passord

Åpne følgende URL fra nettleseren for å åpne påloggingssiden for admin -påloggingen.

http: // 127.0.0.1: 8000/admin

Følgende side vises etter å ha utført URL ovenfor. Oppgi gyldig påloggingsinformasjon og klikk på LOGG INN knapp for å åpne adminpanelet. Klikk på Husk meg Alternativ før du klikker på Send -knappen for å lagre påloggingsinformasjonen.

Følgende informasjon vises hvis administratorpåloggingen er vellykket. Admin -dashbordet inneholder sidefelt -menyen, og det inneholder informasjonen om brukerens roller, brukerens informasjon, medier, innlegg, sider og kategorier. Informasjonen vises basert på dummy -dataene. Høyre side av administratorpanelet inneholder alle brukere, innlegg og sideinformasjon. Noen administrasjonspanelbruk er forklart i neste del av opplæringen.

Følgende side vises hvis brukeren klikker på Brukere i sidebar-menyen eller Visningen alle brukere knappen fra høyre side av panelet. Administratorbrukeren kan opprette en ny bruker, redigere en eksisterende brukers informasjon og slette en eller flere brukernes informasjon. Administratorbrukerinformasjonen opprettes som standard på Voyager -installasjonen. Så posten til en bruker vises i utgangen. Den nye brukeren kan opprettes ved å klikke på Legg til ny knapp, og informasjonen til flere brukere kan slettes ved å klikke på Bulk slett Knappen etter å ha valgt brukerne.

Følgende skjema vises etter å ha klikket på Legg til ny Knappen til brukerens seksjon. En ny bruker vil bli lagt til i applikasjonen hvis administratorbrukeren klikker på lagringsknappen etter å ha lagt til den gyldige brukerens informasjon. Brukerens avatar kan lastes opp ved å velge bildet med Bla gjennom .. knapp.

Følgende lignende informasjon vises hvis den nye brukerkontoen opprettes riktig i forrige trinn. Administratoren kan endre all eksisterende brukers informasjon ved å klikke på Redigere knapp.

Hvis brukeren klikker på Innlegg på sidefeltet eller Se alle innlegg Knappen fra høyre side vil all eksisterende postinformasjon vises. Fire-post-postene eksisterer som standard. Administratorbrukeren kan opprette, oppdatere og slette ethvert innlegg som brukerens informasjon som har blitt vist før. Paginasjonen er implementert for alle tabelldata, som Posts -tabellen som administreres av adminpanelet. Hver post av Innlegg tabell eller annen tabell kan vises, oppdateres og slettes individuelt ved å bruke Vis, rediger, og Slett Knapper lagt til med hver post.

De Verktøy og Innstillinger Alternativene legges til i sidefeltet for forskjellige formål. Følgende side vises hvis brukeren klikker på innstillingsalternativet til sidefeltet. Ulike typer applikasjonskonfigurasjoner kan settes ved å bruke dette alternativet.

Konklusjon:

Det vakkert designede responsive adminpanelet for Laravel -prosjektet kan implementeres uten noen kostnad ved å bruke Laravel Voyager -pakken. Så det er en gunstig Laravel-pakke for webapplikasjonen med lavt budsjett. Jeg håper Laravel -brukerne vil kunne legge til et attraktivt administratorpanel fritt i prosjektet sitt etter å ha lest denne opplæringen.