Painel de administração construído usando o Laravel Voyager
Pré-requisitos:
Você precisa concluir as seguintes tarefas antes de iniciar as etapas deste tutorial.
- Crie um novo projeto de Laravel nomeado VoyagerProject. Aqui, o compositor tem sido usado para criar o projeto Laravel. Se o compositor não está instalado antes disso, você deve instalá -lo antes de executar o seguinte comando.
$ compositor Criar Projeto Laravel/Laravel VoyagerProject
- Vá para a pasta do projeto.
$ CD VoyagerProject
- Todas as etapas deste tutorial foram testadas no Laravel versão 9+. Então, verifique a versão instalada do Laravel.
$ php artesan -versão
Banco de dados de configuração:
Você precisa criar um banco de dados no MySQL para armazenar os dados do projeto usados no painel de administrador. Conclua as seguintes tarefas para criar um banco de dados e configurar o banco de dados para o projeto Laravel.
- Faça login no servidor MySQL e execute o seguinte comando SQL para criar um banco de dados nomeado db_voyager do prompt do mysql.
mysql> criar banco de dados db_voyager;
- Abra o .Env arquivo do projeto Laravel e inicialize os valores para as seguintes informações com base no banco de dados. App_url = http: // localhost: 8000
Db_connection = mysql
Db_host = localhost
Db_port = 3306
Db_username = 'nome de usuário'
Db_password = 'senha'
Db_password = 'senha'
Instale o Laravel Voyager:
Execute o seguinte comando compositor para baixar o pacote Laravel Voyager.
$ compositor requer tcg/voyager
Execute o Voyager Installer:
Você pode instalar o Laravel Voyager com ou sem os dados fictícios. O comando a seguir instalará o Laravel Voyager sem os dados fictícios.
$ PHP Artisan Voyager: Instale
O comando a seguir instalará o Laravel Voyager com os dados fictícios.
$ php artesan voyager: install-with-dummy
É melhor instalar o Laravel Voyager com os dados fictícios para testar o painel de administrador corretamente. Portanto, instale o Laravel Voyager com os dados fictícios executando o comando acima.
Testando Laravel Voyager:
Abra o terminal e vá para a pasta do projeto. Execute o seguinte comando para iniciar o servidor de desenvolvimento do Laravel que começa na porta número 8000 por padrão.
$ php artesan servir
As informações de login padrão do usuário administrador do Laravel Voyager são fornecidas abaixo.
E -mail: [email protected]Senha: senha
Abra o seguinte URL do navegador para abrir a página de login para o login do administrador.
http: // 127.0.0.1: 8000/administrador
A página seguinte aparecerá após a execução do URL acima. Forneça as informações de login válidas e clique em CONECTE-SE botão para abrir o painel de administração. Clique no Lembre de mim opção antes de clicar no botão Enviar para armazenar as informações de login.
As informações a seguir aparecerão se o login do administrador for bem -sucedido. O painel de administração contém o menu da barra lateral e inclui as informações sobre as funções do usuário, informações do usuário, mídia, postagens, páginas e categorias. As informações serão exibidas com base nos dados fictícios. O lado direito do painel de administrador contém todos os usuários, postagens e informações da página. Alguns usos do painel de administração foram explicados na próxima parte do tutorial.
A página seguinte aparecerá se o usuário clicar no Usuários no menu da barra lateral ou A visualização de todos os usuários botão do lado direito do painel. O usuário administrador pode criar um novo usuário, editar as informações de um usuário existente e excluir uma ou mais informações dos usuários. As informações do usuário do administrador são criadas por padrão na instalação da Voyager. Então, o registro de um usuário é exibido na saída. O novo usuário pode ser criado clicando no Adicionar novo botão e as informações dos vários usuários podem ser excluídos clicando no Excluir a granel botão depois de selecionar os usuários.
O seguinte formulário aparecerá após clicar no Adicionar novo Botão da seção do usuário. Um novo usuário será adicionado ao aplicativo se o usuário do administrador clicar no botão Salvar depois de adicionar as informações do usuário válido. O avatar do usuário pode ser carregado selecionando a imagem com o Navegar… botão.
As seguintes informações semelhantes aparecerão se a nova conta de usuário for criada corretamente na etapa anterior. O administrador pode alterar as informações de qualquer usuário existente clicando no Editar botão.
Se o usuário clicar no Postagens na barra lateral ou Ver todas as postagens Botão do lado direito, todas as informações de postagem existentes serão exibidas. Os registros de quatro post existem por padrão. O usuário administrador pode criar, atualizar e excluir qualquer post, como as informações do usuário que foram mostradas antes. A paginação foi implementada para todos os dados da tabela, como a tabela de postagens gerenciada pelo painel de administrador. Cada registro do Postagens A tabela ou outra tabela pode ser exibida, atualizada e excluída individualmente usando o Visualizar edição, e Excluir botões adicionados com cada registro.
O Ferramentas e Configurações As opções são adicionadas na barra lateral para diferentes fins. A página seguinte aparecerá se o usuário clicar na opção de configurações da barra lateral. Diferentes tipos de configurações de aplicativos podem ser definidos usando esta opção.
Conclusão:
O painel de administrador responsivo lindamente projetado para o projeto Laravel pode ser implementado sem nenhum custo usando o pacote Laravel Voyager. Portanto, é um pacote de Laravel benéfico para o aplicativo da web de baixo orçamento. Espero que os usuários do Laravel possam adicionar um painel de administração atraente livremente em seu projeto depois de ler este tutorial.