Laravel 8 - como implementar o AdminLTE v3. Um template admin bem prático para sua aplicação.

[@thales-barbosa-bento]

Olá, gostaria de conhecer mais sobre mim e meu trabalho? Acesse minha pagina: thalesbarbosab.github.io/me/ Estou à disposição para apoiar seu projeto como Freelancer. Aguardo seu contato! Um abraço.

[@plagiadorOriginal]

Parabéns! Consegui usar o template perfeitamente com o Laravel, graças a seu vídeo!

[@guilhermehenriquepereira959]

Obrigado por compartilhar seu conhecimento. Conteúdo excelente. Deus abençõe!

[@thales-barbosa-bento]

Obrigado Guilherme. Que Deus te abençoe tbm. Forte abraço

[@rafaelfernandes8389]

Cara, era exatamente o que eu estava precisando! Seu vídeo veio na hora certa, ainda não tinha achado nenhum conteúdo atualizado. Parabéns e obrigado!

[@thales-barbosa-bento]

Que bom que ajudou. Seja bem vindo

[@rafaelfernandes8389]

​ @Thales Bento Muito obrigado! E aqui vai uma sugestão: poderia gravar um vídeo ensinando a usar os ChartJS do AdminLTE, puxando dados do MYSQL.

[@AndersonSantos-bv3id]

Cara já tinha rodado muito e sua explicação foi muito boa finalmente consegui. Parabéns gostei da sua simplicidade.

[@thales-barbosa-bento]

Obrigado Deus abençoe.

[@ropehapi]

Muito obrigado irmão , vídeo simples e prático que me quebrou um grande galho

[@thales-barbosa-bento]

Obrigado, essa é a ideia, didatica direto ao ponto.

[@mrallissonajorge]

Parabéns pela simplicidade de passagem do conhecimento!

[@thales-barbosa-bento]

Obrigado Alisson.

[@tchelocrico6425]

Parabens muito bom, poderia disponibilizar esses arquivos para migrar? e o bd de login?

[@thales-barbosa-bento]

Ola. Todos os arquivos estão no github, no repositorio do projeto (link na dscrição deste video), o banco de dados é criado automaticamente rodando o comando de migrações. Configure o banco de dados (conexões e tudo mais) no .env do projeto, depois abra o terminal na pasta do projeto e execute esse comando "php artisan migrate" que as tabelas do banco serão criadas automaticamente.

[@josuebarros-desenvolvedorw2490]

Obrigado por compartilhar esse conhecimento top! Acho que finalmente consigo deixar de lado um pouco aquele painel do Jetstream kkkk

[@thales-barbosa-bento]

Hehe. Obrigado pelo comentário, espero que ajude bastante. Esse template é bem usado e é bem prático mesmo.

[@adilsonbarbosa178]

Parabéns cara. Explicação excelente

[@thales-barbosa-bento]

Um abraço.

[@agustavo2003]

Amigo, excelente explicação!!!! Seguindo o seu canal!!!! Continue com os vídeos. Que tal um CRUD usando os modelos de form do Admin LTE

[@thales-barbosa-bento]

Obrigado. Excelente sugestão, estou voltando de ferias e vou retomar os videos. Um abraço

[@helderlimaletsgo]

Conteúdo sensacional amigo, parabéns!

[@thales-barbosa-bento]

Muito obrigado

[@edaraujo2011]

Parabéns Thales... ajudou e muito!!! 👍

[@thales-barbosa-bento]

Um abraço.

[@alexkubiaki2381]

Muito bom o vídeo. abraço.

[@thales-barbosa-bento]

Disponha!

[@FCS080887]

Muito obrigado, toma meu Like !

[@thales-barbosa-bento]

Um abraço.

[@riverdiniz4697]

Cara show de mais!!!

[@thales-barbosa-bento]

Um abraço.

[@patriciomanuelviana3243]

Gostei! Somente com este vídeo pude implementar normalmente este template. Muito obrigado!

[@thales-barbosa-bento]

Que bom Patrício. Parabéns. Da uma olhada na doc, da pra fazer muita coisa mesmo com ele, customizar da maneira que quiser. Uso pra todos meus projetos.

[@novocanal7153]

Como adicionar novo campo ao login, pois gostaria de colocar o reCaptcha do Google.

[@thales-barbosa-bento]

Ola. Eu tenho um vídeo aqui no canal sobre recaptcha do google. Você precisa alterar a view de login e implementar a validação de backend do recaptcha no controlador de login. O admin lte fornece opção de sobre escrever a view padrão e personalizar. Vou te enviar a doc

[@thales-barbosa-bento]

Segue: github.com/jeroennoten/Laravel-AdminLTE/wiki/Views-Customization

[@novocanal7153]

​@@thales-barbosa-bentoobrigado

[@renanpiccinini4113]

Top! Parabéns!

[@thales-barbosa-bento]

Um abraço.

[@tiagofariaspoa]

Parabéns!!!!

[@thales-barbosa-bento]

Um abraço.

[@JaymeAGomes]

Parabéns muito Bom.

[@thales-barbosa-bento]

Um abraço.

[@owallace_tavares]

muito bom fera

[@thales-barbosa-bento]

Um abraço.

[@felipebasilio9578]

Você é um abençoado!

[@thales-barbosa-bento]

Obrigado Felipe. Aproveite outros vídeos do canal, a intensão aqui é contribuir cada vez mais para a comunidade de devs

[@felipebasilio9578]

@@thales-barbosa-bento Só uma coisa, no meu quando eu começo a colocar o conteudo daqueles quadrados coloridos, os mesmo ficam replicados no footer. Sabe o que pode ser?

[@thales-barbosa-bento]

Dá uma olhada, você precisa colocar dentro de uma section chamada content na sua pagina, se não der certo,manda pra mim por favor o código da sua view

[@ricardonogueira8980]

Muito massa! Parabéns! 😎

[@thales-barbosa-bento]

Obrigado Ricardo.

[@RicardoGomesPro]

Opa, boa tarde estou aprendendo laravel com vc, e acompanhando este tutorial, na minha instalação aparece 2 navbars, a primeira do Laravel e abaixo o do AdminLte, como apagar o do Laravel?

[@thales-barbosa-bento]

Obrigado pela pergunta Ricardo. Todos os ajustes no plugin são feitos no arquivo config/adminlte.php confira os menus que estao habilitados dentro do seu arquivo. Não entendi muito bem o que deseja fazer, mas pode esta dando uma olhada na doc que é bem completa e intuitiva, deve te ajudar no que fazer: github.com/jeroennoten/Laravel-AdminLTE/wiki/Layout-and-Styling-Configuration

[@RicardoGomesPro]

@@thales-barbosa-bento Consegui encontrar o erro, na instalação do AdminLte aparece navBar nativa do Laravel do arquivo app.blade.php, apaguei a do Laravel, agora ficou só com a do Adminlte. Valew.

[@joaopoliceno8844]

Excelente.

[@thales-barbosa-bento]

Obrigado

[@lourivalvicente2483]

Conteudo muito bom!

[@thales-barbosa-bento]

Um abraço.

[@ediporodrigues9051]

Excelente conteúdo! 👌👏👏👏👏

[@thales-barbosa-bento]

Um abraço.

[@eduardogarcia225]

Muito útil

[@thales-barbosa-bento]

Um abraço.

[@walney2008]

tem alguma video ensinando criar um crud com esse template ? sou iniciante no laravel

[@thales-barbosa-bento]

Temos algumas implementações de crud simples explicando funcionalidades, você pode buscar no canal.

[@walney2008]

gostaria de aprender criar uma venda para ter um emissor de NFe tipo o do sebrae gratuito, poderia ensinar ?

[@josuebarros-desenvolvedorw2490]

Fico imaginando como seria para adicionar um sistema de bate-papo ao vivo... Ele roda VueJS por baixo dos panos certo?

[@thales-barbosa-bento]

Olá Josué. Obrigado pelo seu comentário. Eu sinceramente nunca programei um sistema de chat ao vivo, deve ser trabalhoso rsrs. Na verdade esse template é todo em jquery um biblioteca JavaScript sabe?

[@djalmadeoliveira653]

Parabensssss!!!!!

[@thales-barbosa-bento]

Um abraço.

[@alexanderlaespina5991]

Cara quando coloca essa extenção @extends('adminlte::page') ele da sinal de erro nao encontra o site

[@thales-barbosa-bento]

Bom dia Alex, voce prisseguiu normalmente bcom a instalação? Me envie a mensagem de erro

[@joaoviolla]

Olá parabéns pelo seu conteúdo. Você da formação?

[@thales-barbosa-bento]

Boa tarde. Que bom que voce gostou. Nao entendi sua última pergunta

[@oficinaphp4437]

Quando tentei adicionar o gráfico não deu certo, tem mais alguma configuração para os gráficos?

[@thales-barbosa-bento]

Sim, precisa instalar o plugin chart.js esse plugin é responsável. Acesse a doc no site par mais detalhes ta bom

[@ricardonogueira8980]

Revendo o vídeo p ver se achava algo relacionado a segurança. Após fazer logout, quando clicamos p voltar as páginas, o navegador permite q seja mostradas as telas anteriores, como se estivesse logado. Tem como fazer isso p ele checar se há uma sessão iniciada, se não redirecionar p tela de login?

[@thales-barbosa-bento]

Ola Ricardo. Obrigado pela sua resposta. Na verdade o que se vê ao clicar no botão voltar do navegador são dados armazenados em seu navegador, se por exemplo voce tentar acessar a mesma rota ou atualizar a pagina na rota protegida sem uma sessão autenticada, existe um middleware responsavel que te redireciona para a pagina de login para realizar novamente a autenticação. Realizando, é redirecionado para rota protegida que se tentou acessar. Faça esse teste. Esse na verdade é um recurso do próprio framework Laravel e nao do admin lte.

[@ricardonogueira8980]

@@thales-barbosa-bento verdade, isso já acontece. Se atualizar, redireciona p tela de login. Eu havia tentado aprender a programar a um tempo atrás, até consegui ver isso no codeignite, mas agora depois de anos estou tentando novamente e nem lembro como diz os faz um tempo já. Mas muito obrigado! 👌

[@thales-barbosa-bento]

Tranquilo. Boa sorte Ricardo. Deus te abençoe e bons estudos.

[@MrJoseIsac]

E para alterar o nav que vem padrão tem que alterar o layout na pasta vendor ou tem como alterar ai? Porque no Layout altera em todas as paginas em vez de fazer em cada pagina individual

[@thales-barbosa-bento]

É possivel buscar as views padrões sobrescrever ela, nessa sessão da doc e possivel fazer esse ajuste: github.com/jeroennoten/Laravel-AdminLTE/wiki/Views-Customization

[@heliocorreia1359]

Como renderizar compone com livewire?

[@thales-barbosa-bento]

Ainda nao trabalhei com o livewire

[@DiogoMoreira0610]

Thales, como faço para deixar o menu dinamico vindo do banco de dados, por exemplo?

[@thales-barbosa-bento]

Ola Diogo, da pra fazer usando algum service provider de sua aplicação, na sessão github.com/jeroennoten/Laravel-AdminLTE/wiki/Menu-Configuration no item Menu Configuration at Runtime, voce consegue criar esses menus dinâmicos. Acho que seria uma boa sugestão de video aqui para o canal. Vou ver se essa semana eu gravo. Boa semana

[@thales-barbosa-bento]

Fala Diogo, gravei este vídeo abaixo, conforme sua sugestão, se ainda não implementou, espero que te ajude. Grande abraço. kzbin.info/www/bejne/ZpSpmYWvn9usfc0

[@DiogoMoreira0610]

@@thales-barbosa-bento show de bola o vídeo... obrigado

[@thales-barbosa-bento]

Abração Diogo

[@ricardojudastj]

Boa tarde amigo vc entrega o painel pronto ?

[@thales-barbosa-bento]

Sim. Pode me enviar um e-mail no [e-mail] que podemos marcar uma chamada no meets, ai vc me explica o projeto, ta bom

[@riverdiniz4697]

Mestre! Para conectar o banco de dados do sqlserver o processo é o mesmo?

[@thales-barbosa-bento]

Ola, sim basta usar a string do sql server na chave global correspondente no arquivo .env, assim: DB_CONNECTION=sqlsrv . O link da documentação do Laravel aqui, laravel.com/docs/9.x/database

[@riverdiniz4697]

@@thales-barbosa-bento Pois é mestre! eu add no PHP.INI esses duas extensão extension=sqlsrv extension=pdo_sqlsrv, e me apresenta esse erro ao vou iniciar o processo, php artisan serve, PHP Warning: PHP Startup: Unable to load dynamic library 'sqlsrv' (tried: ext\sqlsrv (Não foi possível encontrar o módulo especificado), ext\php_sqlsrv.dll (Não foi possível encontrar o módulo especificado)) in Unknown on line 0 [Mon Mar 28 12:47:16 2022] PHP Warning: PHP Startup: Unable to load dynamic library 'pdo_sqlsrv' (tried: ext\pdo_sqlsrv (Não foi possível encontrar o módulo especificado), ext\php_pdo_sqlsrv.dll (Não foi possível encontrar o módulo especificado)) in Unknown on line 0 estou fazendo a forma correta?

[@riverdiniz4697]

Mestre, boa noite! só para o feedback refiz a reinstalação do PHP na versão NTS e baxei 'docs.microsoft.com/pt-br/sql/connect/php/download-drivers-php-sql-server?view=sql-server-ver15' o arquivo conforme a documentção onde fui em PHP.ini e add a extensão do php_sqlsrv e deu certo.

[@thales-barbosa-bento]

Obrigado pela contribuição, bom que ajuda o povo vom a utilização desse banco de dados

[@MMartinsMr]

Thales, boa noite. Eu não consegui configurar o menu lateral. Eu gostaria que fosse fixo e a medida que aumente os menus aparecesse uma barra de rolagem como mostrado no demo do adminLTE. Talvez pela minha falta de experiencia não tenha conseguido. Poderia me dar uma dica. Muito obrigado.

[@thales-barbosa-bento]

Teria de ver a viabilidade do plugin na doc, pois nem todas as funcioalidades do demo estão presentes neste pacote viu, segue doc: github.com/jeroennoten/Laravel-AdminLTE/wiki/Menu-Configuration

[@SergioDev2024]

Esse login do AdminLTE e seguro

[@thales-barbosa-bento]

Sim é sim. usa o Laravel UI, apesar de alguns ajustes para as novas versões do laravel como a recuperação de senha, o Laravel UI é fortemente usado pela comunidade

[@MMartinsMr]

Thales, outra coisa, tem como mostrar o "footer", precisa de alguma configuração?

[@thales-barbosa-bento]

É possivel incluir o footer de acordo com a doc: github.com/jeroennoten/Laravel-AdminLTE/wiki/Layout-and-Styling-Configuration

[@jhonatamsoares6907]

Bom dia! Estou precisando de ajuda para criar um dashboard do admin com react com uma template específica, alguém se habilita?

[@thales-barbosa-bento]

Perdão, não trabalho com react no momento e sim PWA do Laravel

[@lorddrumond3937]

Tem algum video implementando uma datatable?

[@thales-barbosa-bento]

Boa sugestão para o proximo video, obrigado

[@lorddrumond3937]

@@thales-barbosa-bento sim cara, consegui implementar, porém tive dificuldades em ativar os plugins da mesma, e não consegui ativar aqueles botões que importam a tabela para Excel, pdf etc.. creio que muitos aqui também tenham a mesma dificuldade, ganharia mais um like kkk

[@thales-barbosa-bento]

Hehe, esses plugins Js tem algumas peculiaridades..

[@scemist]

Chic de mais

[@thales-barbosa-bento]

Um abraço.

[@lorddrumond3937]

Não consegui usar a datatable, ele não incluiu os arquivos js e css necessários, como fasso para adicionalos?

[@thales-barbosa-bento]

Ola. Voce precisa habilitar boa plugins que quer usar dentro do arquivo config/adminlte.php, e para colocar manualmente, dentro de suas views com extends adminlte: page, crie uma section js e css, depois da uma olhada na documentação desse pacote no github, no link deste vídeo. Grande abraço

[@olucas192]

Cara, você pode adicionar os seus dados js e css em resource/js/app.js e resource/sass/ap.scss E depois adiciona o mix ao arquivo webpack.mix.js dessa forma: mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css'); agr lembre-se de ter o node.js instalado e executar os comandos npm install && npm run dev após fazer as alterações.

[@novocanal7153]

Já tem algo mais moderno que esse template?

[@webeleven-campanhas]

Todas as melhorias podem ser acompanhadas pela documentação do plugin adminlte. Mas ja fiz o teste no laravel versão 9 e funciona normalmente.

[@thales-barbosa-bento]

Funciona bem no laravel 10 tbm, o pactote Laravel UI não é mais o foco do time do laravel pois usam o breeze como padrão, mas ele sempre recebe atualização de segunraça. Uso fortemente atualmente esse padrão de autenticação

[@ErichFournier]

Boa noite!! Não consegui rodar o comando "npm install && npm run dev" A resposta foi command not found

[@thales-barbosa-bento]

Ola Erich. Lembre de instalar o node em seu ambiente

[@nilsoncampos7203]

@@thales-barbosa-bento tem alguma forma de instalar as dependências sem precisar do node? o meu deu o mesmo erro do Erick mas o Host onde o site está hospedado não permite instalar o Node!

[@thales-barbosa-bento]

Complicado hein rapaz o npm e a base de todos os pacotes em javascript, voce pode tentar usao yarn

[@nilsoncampos7203]

@@thales-barbosa-bento sabe de algum tutorial para fazer isso?

[@thales-barbosa-bento]

@@nilsoncampos7203 vai no google e baixa a ultima versão do node para seu sistema operacional, reinicia o o sistema operacional e tenta novamente.

[@ribamar1993]

Como faço pra desinstalar AdminLTE do Laravel?

[@thales-barbosa-bento]

Ola tudo joia? Voce precisa remover os requires do arquivo composer.json e .lock na raiz do projeto, remover o arquivo config/adminltrle.php e remover os providers que estiver usando do mesmo. Ou seja, realizar todas as ações contrarias do processo de instalação. E é claro remover as referências nas suas views para o layout admlte

[@ribamar1993]

@@thales-barbosa-bento ok, muito obrigado

[@riverdiniz4697]

Mestre, como faço pra pega a grid dessa pagina?

[@thales-barbosa-bento]

Huum não entendi

[@alexanderlaespina5991]

Sabe me dizer o que pode ser ?

[@thales-barbosa-bento]

Perdão, não entendi

[@davifirmino8290]

Bem legal o vídeo, mas não consigo de jeito nenhum resolver esse erro abaixo npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! niteroilivros@1.0.0 development: `mix` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the niteroilivros@1.0.0 development script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Usuario\AppData\Roaming pm-cache\_logs\2021-10-03T22_21_27_537Z-debug.log npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! niteroilivros@1.0.0 dev: `npm run development` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the niteroilivros@1.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Usuario\AppData\Roaming pm-cache\_logs\2021-10-03T22_21_27_579Z-debug.log

[@thales-barbosa-bento]

Bom dia Davi, tenta atualizar a versão do node da sua máquina. Se voce estiver rodando no terminal cmd do windows, abra o terminal como administrador, se for linux antes dos comandos coloque "sudo" antes dos comandos. Boa sorte.