Pannello di amministrazione costruito con il voyager Laravel

Pannello di amministrazione costruito con il voyager Laravel
Laravel è ora un framework PHP molto popolare per implementare facilmente un'applicazione Web. Il panel di amministrazione è la parte principale di qualsiasi progetto Web per gestire tutti i dati del progetto e controllare il progetto. Laravel ha molti pacchetti retribuiti e gratuiti per implementare un panel di amministrazione per il progetto. Laravel Voyager è uno dei pacchetti gratuiti di Laravel per implementare un moderno pannello di amministrazione reattivo con una funzione CRUD che aiuta l'utente ad accedere e controllare correttamente il progetto Laravel. Il modo di installare Laravel Voyager e implementare il pannello di amministrazione utilizzandolo è stato mostrato in questo tutorial.

Prerequisiti:

È necessario completare le seguenti attività prima di iniziare i passaggi di questo tutorial.

  1. Crea un nuovo progetto Laravel chiamato voyagerproject. Qui, il compositore è stato utilizzato per creare il progetto Laravel. Se la compositore non è installato prima di allora, è necessario installarlo prima di eseguire il seguente comando.
    $ composir crea-project Laravel/Laravel voyagerProject
  1. Vai alla cartella del progetto.
    $ CD VoyagerProject
  2. Tutti i passaggi di questo tutorial sono stati testati nella versione 9 di Laravel+. Quindi, controlla la versione installata di Laravel.
    $ php artisan -version

Setup Database:

È necessario creare un database in MySQL per archiviare i dati del progetto utilizzati nel pannello di amministrazione. Completa le seguenti attività per creare un database e impostare il database per il progetto Laravel.

  1. Accedi al server MySQL ed esegui il seguente comando SQL per creare un database denominato db_voyager dal prompt mysql.
    mysql> crea database db_voyager;
  1. Apri il .env File del progetto Laravel e inizializza i valori per le seguenti informazioni in base al database. App_url = http: // localhost: 8000
    Db_connection = mysql
    Db_host = localhost
    Db_port = 3306
    Db_username = 'nome utente'
    Db_password = 'password'
    Db_password = 'password'

Installa Laravel Voyager:

Esegui il seguente comando compositore per scaricare il pacchetto Laravel Voyager.

$ composir richiede tcg/voyager

Esegui installatore Voyager:

È possibile installare Laravel Voyager con o senza i dati fittizi. Il comando seguente installerà il voyager Laravel senza i dati fittizi.

$ PHP Artisan Voyager: Installa

Il seguente comando installerà il voyager Laravel con i dati fittizi.

$ PHP Artisan Voyager: Installa--With-Dummy

È meglio installare Laravel Voyager con i dati fittizi per testare correttamente il pannello di amministrazione. Quindi, installa il voyager Laravel con i dati fittizi eseguendo il comando sopra.

Testing Laravel Voyager:

Apri il terminale e vai nella cartella del progetto. Esegui il seguente comando per avviare il server di sviluppo di Laravel che inizia al numero 8000 della porta per impostazione predefinita.

$ PHP Artisan Serve

Di seguito sono riportate le informazioni di accesso predefinite dell'utente amministratore per Laravel Voyager.

Email: [email protected]
Password: password

Apri il seguente URL dal browser per aprire la pagina di accesso per l'accesso ad amministrazione.

http: // 127.0.0.1: 8000/amministratore

La pagina seguente verrà visualizzata dopo aver eseguito l'URL sopra. Fornire le informazioni di accesso valide e fare clic su LOGIN pulsante per aprire il pannello di amministrazione. Clicca sul Ricordati di me Opzione prima di fare clic sul pulsante Invia per archiviare le informazioni di accesso.

Le seguenti informazioni appariranno se l'accesso amministrativo ha esito positivo. La dashboard di amministrazione contiene il menu della barra laterale e include le informazioni sui ruoli dell'utente, le informazioni dell'utente, i media, i post, le pagine e le categorie. Le informazioni verranno visualizzate in base ai dati fittizi. Il lato destro del pannello di amministrazione contiene tutti gli utenti, i post e le informazioni sulla pagina. Alcuni usi del pannello di amministrazione sono stati spiegati nella prossima parte del tutorial.

La pagina seguente verrà visualizzata se l'utente fa clic su Utenti nel menu della barra laterale o Visualizza tutti gli utenti pulsante dal lato destro del pannello. L'utente amministratore può creare un nuovo utente, modificare le informazioni di un utente esistente ed eliminare una o più informazioni degli utenti. Le informazioni sull'utente dell'amministratore vengono create per impostazione predefinita durante l'installazione di Voyager. Quindi, il record di un utente viene visualizzato nell'output. Il nuovo utente può essere creato facendo clic su Aggiungere nuova pulsante e le informazioni di più utenti possono essere eliminate facendo clic su Elimina in blocco Pulsante dopo aver selezionato gli utenti.

Il seguente modulo verrà visualizzato dopo aver fatto clic su Aggiungere nuova pulsante della sezione dell'utente. Un nuovo utente verrà aggiunto all'applicazione se l'utente di amministrazione fa clic sul pulsante Salva dopo l'aggiunta delle informazioni dell'utente valido. L'avatar dell'utente può essere caricato selezionando l'immagine con il Navigare… pulsante.

Le seguenti informazioni simili verranno visualizzate se il nuovo account utente viene creato correttamente nel passaggio precedente. L'amministratore può modificare le informazioni degli utenti esistenti facendo clic Modificare pulsante.

Se l'utente fa clic su Pali sulla barra laterale o Visualizza tutti i post Pulsante dal lato destro, verranno visualizzate tutte le informazioni post esistenti. I record a quattro post esistono per impostazione predefinita. L'utente amministratore può creare, aggiornare ed eliminare qualsiasi post come le informazioni dell'utente che sono state mostrate prima. La paginazione è stata implementata per tutti i dati della tabella, come la tabella dei post gestiti dal pannello di amministrazione. Ogni record del pali La tabella o l'altra tabella può essere visualizzata, aggiornata ed eliminata individualmente utilizzando il Visualizza, modifica, E Eliminare pulsanti aggiunti con ogni record.

IL Utensili E Impostazioni Le opzioni vengono aggiunte nella barra laterale per scopi diversi. La pagina seguente verrà visualizzata se l'utente fa clic sull'opzione Impostazioni della barra laterale. Diversi tipi di configurazioni dell'applicazione possono essere impostati utilizzando questa opzione.

Conclusione:

Il pannello di amministrazione reattivo splendidamente progettato per il progetto Laravel può essere implementato senza alcun costo utilizzando il pacchetto Laravel Voyager. Quindi, è un pacchetto Laravel benefico per l'applicazione Web a basso budget. Spero che gli utenti di Laravel saranno in grado di aggiungere un pannello di amministrazione attraente liberamente nel loro progetto dopo aver letto questo tutorial.