2008/2028, 15:04 Primeiros passos com Laravel Invista em vocé! Saiba como a DevMedia pode ajudar sua > carreira. Primeiros passos com Laravel Antes de comes envolver com Laravel, alguns conce so fundamentais p entendermos a estrutura | aprenderemos sobre Por que eu devo ler este artigo: © Laravel é um framework de desenvolvimento cor uma curva de aprendizado baixa, pois tem como objetivo facilitar as etapas de criagao e publicagao de uma aplicagao PHP. Para meinat AQ hitps:iwwn.devmedia.com.br/rimeltos-passos-com-laravel/40887 222008/2028, 15:04 Primeiros passos com Laravel Voitar | CS = Artigos PHP Primeiros passos com Laravel Este artigo é uma apresentagdo ao framework PHP Laravel e aos seus componentes fundamentais. Primeiro falaremos sobre esses componentes com exemplos de uso. Depois criaremos uma aplicag&o que calcula o combustivel necessario para uma viajem como forma de praticar o que foi aprendido. Guia do artigo: @ Laravel é um framework MVC @ Rotas jews @ Controllers @ Model @ — Criando um projeto com o Laravel @ Criando a rota @ Criando as views B Criando o model @ — Criando o controller Laravel é um framework MVC nein AQ hitps:iwwn.devmedia.com.br/rimeltos-passos-com-laravel/40887 222zovoaz023, 1508 Prins passos om tarave Uma aplicagdo web tem como funcio essencial receber requisigdes de um cliente, tratd-las enviando alguma respostas de volta, geralmente utilizando o HTTP como protocolo de comunicacao. No Laravel, essas fungées sao desempenhadas por componentes que seguem a arquitetura MVC, model-view-controller. Isso significa que para criar uma aplicacaio web com esse framework precisamos definir as rotas, enderecos para 08 recursos, bem como seus controllers e as views com as quais 0 usudrio vai interagir. Conhecendo os componentes do Laravel Rotas Rotas so enderecos para recursos, que por sua vez podem ser qualquer coisa no servidor, desde de um PDF até um ou mais dados armazenados em algum banco. Por exemplo, localhost/ éa rota para a pagina inicial da aplicagao. Ja localhost/pagina_2 é a rota para um outro recurso, provavelmente a segunda pagina da aplicagio. No que se refere a rotas, / corresponde a raiz.do seu projeto. No Laravel, iniciamos a declaraco de rotas utilizando 0 arquivo routes/web.php « Veja no Cédigo 1 um exemplo de uma rota que contém uma fungao que devolve para o cliente 0 texto "Hello World" quando executada. nein AQ hitps:iwwn.devmedia.com.br/rimeltos-passos-com-laravel/40887 a2zou, 1604 Primero patos om Laravel 4 5 Cédigo 1, Exemplo de rote Nota: Os arquivos do diretério routes serdo carregados automaticamente pelo Laravel. ® NaLinha 1 acessamos 0 método estatico get do objeto Routes . Veremos mais a frente o motivo para a utilizacéo de um verbo na definicéo de uma rota. / 60 endereco que acessaremos, referente a pagina inicial da aplicacao. Podemos acessar essa rota pelos enderecos localhost :8080 , localhost :8@00/ € http://127.8.6.1:8000/ , note a auséncia e presenca da barra /. ® = AindanaLinha1, function () éa declaragdo de uma funcao andnima (sem nome). @ NaLinha3 return retornaré o texto "Hello World” quando a rota for acessada. Agora que compreendemos as rotas vamos seguir com os conceitos de view, controller e model. Views As views sio as respostas devolvidas para o cliente, Geralmente uma view é um documento, que pode ser do tipo texto puro, como vimos acima, JSON ou, mais comumente, HTML. No Laravel o mais comum de inicio é utilizamos uma engine de template como o Blade em nossas views, 0 que nos permitird usar HTML/PHP no mesmo arquivo nein AQ Hitps:iwwn.devmedia.com.br/primeltos-passos-com-laravel/40887 4221042023, 1504 Prins passos om tarave possuir a extensio [nome].blade.php para que o Blade faca a interpretacao do contetido do mesmo. Do contrario, se salvarmos o arquivo com a extensio [nome].php, o PHP cuidard da renderizacao ¢ ele nao sabe interpretar a linguagem de template do Blade. Depois de carregar uma view, uma rota pode retorné-la e exibir assim seu contetido, como vemos no Cédigo 2 Cédigo 3 a view ola ea rota.

014 mundo

waorvaneunk Cédigo 2. Declaracgéo da view E criada uma view chamada ola.blade.php no diretdrio view que ao ser acessada exibird o seu contetido Route: :get('/', function 1 2 3 return view('ola 4 5 Cédigo 3. Retornando um view nein AQ hitps:iwwn.devmedia.com.br/primeltos-passos-com-laravel/40887 51222008/2028, 15:04 Primeiros passos com Laravel Ao acessar a rota / sera retornado o contetdo presente na view ola. Controllers Os controllers s4o essencialmente classes que contém a légica para 0 tratamento das requisicdes. Eles tm como tarefa principal receber a requisicao, transmitindo os dados contidos nela para a classe de modelo apropriada. Essa classe de modelo, por sua vez, contém alguma légica. Para entendermos melhor vamos criar 0 nosso primeiro controller. Para isso usaremos 0 Artisan, que é uma ferramenta de linha de comando com a qual fazemos quase tudo em uma aplicagao Laravel, por exemplo, criar controllers. Veja como criar um controller com o Artisan no Cédigo 4. 1 | php artisan make:controller PrimeiroController Cédigo 4. Criando o primeiro controller Isso criaré um novo arquivo chamado PrimeiroController.php no app/Http/Controllers, como mostrando no Cédigo 5. namespace App \ Http \ Controllers use Illuminate \ Http \ Reque: use App \ Http \ Requests class PrimeiroController extends Controller Nouwnune nein AQ hitps:iwwn.devmedia.com.br/rimeltos-passos-com-laravel/40887 e122zovoaz023, 1508 Prima pesos com Laroel Por meio de uma rota conseguimos executar um método de um controller, mas para isso precisamos configuraré-la. Veja no Cédigo 6 a definic&o do método hello do controller, que passaremos a usar na pagina inicial da aplicagao. 1 | namespace App \ Http \ Controllers. 2 | use Illuminate \ Http \ Request 3 | use App \ Http \ Controllers \ Controller 4 5 | class PrimeiroController extends Controller 6 7 public function hello 8 return ‘Old, mundo!" 9 10 Cédigo 6, Exemplo de controller simples Agora, para executar esse método do controller quando 0 usudrio acessar uma rota vamos codificar uma nova rota (Cédigo 7), onde nao sera necessério utilizar uma closure, mas sim indicar o controller a ser utilizado. 1 | //rotas/web.php 2 | Route: :get (*/', 'PrimeiroController@hello' Cédigo 7. Rota para o controller simples Acessando a rota / serd retornado o texto Old, mundo!, resultado da execucao do método hello do controller. nein AQ hitps:iwwn.devmedia.com.br/primeltos-passos-com-laravel/40887 71221042023, 1504 Prins passos om tarave Esta rota possui uma estrutura diferente daquela vista no Cédigo 1. A principal diferenca é que nao usamos uma closure para retornar um valor ou uma view, mas sim a referéncia para um controller, A referéncia ¢ feita: ® Declara-se o nome do controller, nesse caso PrimeiroController ; ® Utilizando o @ seguido do nome do método do controller que se: executado; Com essa estrutura definida, sempre que a rota for acessada, 0 método do controller definido sera executado. Model O modelos ‘0 0 coracaio de uma aplicac’io MVC. Até o que vimos foi como utilizar a infraestrutura do Laravel para fazer com a aplicagdo funcione na web, mas nos modelos programamos as regras de negécio da aplicagao e que justificam a sua existéncia. Podemos criar um modelo via Artisan, com o comando que vemos no Cédigo 8. 1 | php artisan make:model PrimeiroModel Cédigo 8. Criando o primeiro model Apés a execucao do comando seré inserido no diretério App/ 0 arquivo PrimeiroModel.php, com uma estrutura padrao, que esta presente no Cédigo 9. nbn, nein AQ hitps:iwwn.devmedia.com.br/primeltos-passos-com-laravel/40887 e1220108/2028, 15:04 Primeiros passos com Laravel 5 g | Use Tluminate\Database)\Eloquent \model 7 g | Class PrimeiroMiodel extends Model 3 bdi ini 10 //cédigo a ser definido Cédigo 9. Arquivo model padrao Como vimos foi criado um arquivo model com um estrutura padrao automaticamente gerada pelo Laravel. Agora que vimos 0 que sao rotas, views, controllers e models, veremos 0 funcionamento de uma aplicagao Laravel de calculo de consumo de combustivel, onde sao feitas requisi¢des ao controller e por meio do model sero exibidas na view as informagées requisitadas. Criando um projeto com o Laravel 0 primeiro passo ser a criac&o de um projeto e como jé vimos no artigo de Hello World utilizaremos 0 Cédigo 10. 1 | composer create-project --prefer dist laravel/laravel calculo_consun Cédigo 10. Criacdo do projeto calcule_consumo ‘Agora criaremos duas views para a aplicacao, que serao a forma de interag3o do nein AQ hitps:iwwn.devmedia.com.br/primeltos-passos-com-laravel/40887 92220/04/2028, 16:04 Primeiros passos com Laravel consumo de combustivel por um veiculo. Enviaremos essas informacées para serem processadas no back-end e as retornaremos numa segunda pagina. Criando a rota No arquivo routes/web.php criaremos duas rotas, que serao essenciais para 0 funcionamento da aplicagao: a rota / e /gastos . Veja no Cédigo 11 sua declaracio. 1 | Route: :get('/', 'Combustivelcontroller@index' 3 | Route: :get('/gasto’, ‘CombustivelController@gasto’ Cédigo 1. Definicao das rotas Definimos as duas rotas, que possuem o direcionamento para o controller Combustivel_Controller . Criando as views No diretério resource/views criaremos 0 arquivo consumo.blade.php contendo um formuldrio HTML, como mostrado no Cédigo 12. Calculo de Consumo de Combustivel nein AQ hitps:iwwn.devmedia.com.br/primeltos-passos-com-laravel/40887 107222008/2028, 15:04 Primeiros passos com Laravel

nn 2

B

Instrugdes

4

15

Esta aplicagao tem como finalidade demonstrar os 16 serao gastos com combustivel durante uma viagem, v7 consumo do seu veiculo, e com a distancia determinac 18

0s combustiveis disponiveis para este cdlculo sac 19

2
• Gasolina - R$ 4,80¢/b>
n

2

2B

24 25

26

Cdlculo do valor (R$) do consumo

7

28

29 30 Distancia em Quilémetros 31 Consumo de combustivel de 34 Calcular 38

39

40 a

42 | ee a Cédigo 12. View - consumo.blade,php Veja que mesmo sendo um arquivo .php ele possui toda a estrutura HTML para meinat AQ hitps:iwwn.devmedia.com.br/primeltos-passos-com-laravel/40887 wee2008/2028, 15:04 Primeiros passos com Laravel ser enviado, o formulério apontard a rota /gasto. Nota: URL() éuma fungao do Laravel usada para gerar URLs arbitrdrias para sua aplicago. Ela faz parte de um conjunto chamado helpers. A segunda view que criaremos sera resultado.blade.php (0 retorno do formulério), que exibird o resultado do cdlculo realizado, como mostra o Cédigo 13. <|DOCTYPE html >

Resultado do c4lculo de consumo

0 valor total gasto seré de

• Gasolina: R$ {{$valor}}

volt

meinat AQ hitps:iwwn.devmedia.com.br/primeltos-passos-com-laravel/40887 sana20/04/2029, 15:08 Primeiros passos com Laravel Cédigo 13. View - resultado.bladephp Como no Cédigo 13 criamos um view como a estrutura HTML, 0 resultado do consumo de gasolina sera exibido por meio da varidvel $valor . Note que no botio voltar foi utilizado o helper url() , indicando a rota / para retornar a view consumo.blade.php . Nota: fungio asset() éutilizada para referenciar o caminho do tema, que pode ser composto por arquivos CSS, JavaScript e imagens. Na linha 8 é refenciado 0 arquivo style.css no diretério public\css por meio da fungao asset() aplicando assim o estilo as views. Veremos no Cédigo 14 seu contetido. -campoTexto width: 100% padding: 8px 8px margin: Spx @ box-sizing: border-box border-color: #D9EDF7 border-radius: 4px h2 background-color: #D9EDF7 colar: #286090 nein AQ hitps:iwwn.devmedia.com.br/rimeltos-passos-com-laravel/40887 1312RBURRB 25 26 7 28 29 38 31 32 33 35 36 37 38 39 41 42 a3 45 a7 49 58 51 52 Primeiros passos com Laravel text-align: center font-weight: bold font-size: 16px -botao background-color: #286090 color: #FFFEFA text-align: center border-radius: 4px padding: 1px 2@px margin-top: 1@px margin-bottom: 1@px width: 1e@px display: block -painel margin-right: 1@px border-width: thin border-style: solid border-color: #D9EDF7 flex-grow: 1 border-radius: 8px max-width: S@epx -conteudo-painel padding: 15px -sucesso padding: 19px border-collapse: collapse border-color: #DFFeD8 background-color: #DFF@D8 color: #3C763D Cédigo 14. Criando o model da aplicagao hitps:iwwn.devmedia.com.br/primeltos-passos-com-laravel/40887 AQ 140220/04/2028, 16:04 Primeiros passos com Laravel No Cédigo 14 sao declarados todos os estilos CSS que serao aplicados em ambas as views para torné-las paginas mais amigdvel. Criando o model Criaremos agora o model do nosso projeto que conterd a légica para calcular 0 consumo de combustivel de um determinado veiculo. Dentro da pasta do nosso projeto utilizamos 0 comando do Cédigo 15 para criar o arquivo CalculoDeCombustivel php « 1 | php arti nN make:model CalculoDeCombustivel Cédigo 15. Criando model da aplicagao Apés a execucao deste comando 0 arquivo CalculoDeCombustivel.php sera criado dentro da pasta app . Com nosso arquivo gerado vamos criar 0 método que conterd a légica da nossa aplicacao, presente no Cédigo 16. calcular 21 22 return view( ‘resultado’, | 'valor'=>$valor 23 24 Cédigo 18. Criando os métodos do controller Na linha 11 criamos o primeiro método chamado index() , que apenas contém. como retorno a view consumo.blade.php . Com isso podemos concluir que ao acessarmos a rota Route: :get(‘/', ‘Combustivel_Controller@index') o método index() serd executado e nos retornard a view consumo.blade.php. . Na linha 15 definimos 0 segundo método gasto() e nele criamos um objeto da classe CalculoDeCombustivel() referente ao model da aplicagao. A varidvel $valor armazenard o retorno da fungdo calcular() € como retorno do método nein AQ hitps:iwwn.devmedia.com.br/primeltos-passos-com-laravel/40887 1722oraz, 15:04 Primeiros passos com Laravel Note que diferentemente do retorno do método index() , a varidvel $valor & passada como parametro deste retorno. Desta forma, quando a view for carregada $valor exibird o retorno da fungao calcular() . Agora com nossos arquivos criados, com as devidas declaragées e referéncias feitas, podemos executar nossa aplicacio com 0 comando via terminal 1| php artisan serve Cédigo 19. Executando a aplicagao Com a execugio do comando do Cédigo 19 poderemos acessar 0 endereco localhost :8088 e testar nossa aplicacgao, como vemos a seguir: nein AQ hitps:iwwn.devmedia.com.br/primeltos-passos-com-laravel/40887 181222008/2028, 15:04 Primeiros passos com Laravel ‘#PraCegoVer - Transcri¢do dos Slides aga principai aa apiicagao, com as instrugées no topo ¢ abaixo os campos "Distancias em Quilémetros a ser percorrida” e "Consumo de combustivel do veiculo’, além do botdo calcular Pagina com 0 resultado do cdlculo de consumo, onde informa o valor total gasto Conclusao Analisando a estrutura criada vemos a aplicago do padriio MVC onde ao acessarmos as rotas, que possuem o direcionamento para o controller, serio retornadas as views da aplicacao com dados vindos do model. Com isso vimos como criar uma aplicagao em Laravel e seus fundamentos para seu funcionamento. Confira também Introdugao ao PHP Curso Curso de Laravel Curso nein AQ hitps:iwwn.devmedia.com.br/primeltos-passos-com-laravel/40887 191222008/2028, 15:04 Primeiros passos com Laravel Bate-papo sobre PHP Video Tecnologias: Laravel PHP @ vorrar | | (FH anotar| | @ Marcar como conclude | Confira outros conteudos: FOmCs Boas praticas em pal OTDD Teste de Acessibilidade de Software Boas Praticas em TDD PARA QUEM QUER SER PROGRAMADOR DE VERDADE. VAGAS LIMITADAS 12x R$ 58,80 Em caso de dtividas chame no whatsapp AQ 20122008/2028, 15:04 Primeiros passos com Laravel PLANO PRO Formacao FullStack completa Projetos reais Professores online Exercicios gamificados Certificado de autoridade [wus] Por Rodolfo Em 2019 Tecnologias Exercicios Artigos DEVMEDIA Aa hitps:iwwn.devmedia.com.br/primeltos-passos-com-laravel/40887 2wi222008/2028, 15:04 Primeiros passos com Laravel Plano para Instituigao de ensino Assinatura pare empresas fy God jospedagem web por Porta 80 Web Hosting. p &. @ hitps:iwin.devmedta.com.br/primeltos-passos-comlaravel/40887 22a