Agora que sabemos como instalar e configurar o Laravel vamos ao primeiro uso dele, com a criação de um formulário e visualizando esses dados enviados.
Glossário:
- Tutorial Laravel para iniciantes - Parte 01 [Instalação e configuração]
- Tutorial Laravel para iniciantes - Parte 02 [Primeiro Formulário e MVC]
- Tutorial Laravel para iniciantes - Parte 03 [Configuração e manipulação do MySQL]
- Tutorial Laravel para iniciantes - Parte 04 [Controller e Injeção de dependência]
- Tutorial Laravel para iniciantes - Parte 05 [Validar formulário com FormRequest]
- Tutorial Laravel para iniciantes - Parte 06 [Relacionando models com o Eloquent ORM, criando migrations e seeds]
- Tutorial Laravel para iniciantes - Parte 07 [Criando uma Camada de autenticação]
- Tutorial Laravel para iniciantes - Parte 08 [Entendendo view com @extends, @yield e @section]
1) Criando o projeto:
Para trabalharmos com o Laravel precisamos criar um projeto e esse projeto já contem com todas as ferramentas e dependências necessárias para trabalharmos com a nossa aplicação, o comando para criação desse projeto é o seguinte:composer create-project laravel/laravel laravel_form_test |
| O acontece após o comando |
Após concluir todo o processo será criada uma pasta com o nome definido a cima, basta abri-la e seguir para a pasta public para ter acesso a página de apresentação do Laravel.
2) Criando um servidor de testes no Laravel:
Uma ferramenta interessante que temos no Laravel é a possibilidade de usar um servidor de testes do PHP de forma fácil e rápida diretamente na sua aplicação, e para isso basta executar o seguinte comando dentro do diretório da sua aplicação:php artisan serve |
| Servidor de testes levantado em 127.0.0.1:8000 |
3) Editando a View
O Laravel trabalha usando o MVC como padrão, então temos 3 módulos distintos, o Controller, o Model e o View (aqui que iremos mexer agora), nesse nosso exemplo iremos editar a view já existente, ela está localizada em: resources\views e por fim o arquivo welcome.blade.php abra e a pague todo o código da view e cole o seguinte código:Esse html é um simples formulário, agora basta salvar e recarregar a página para ver o seguinte formulário:
O que é MVC?
Model–view–controller (MVC) is a software architectural pattern for implementing user interfaces. It divides a given software application into three interconnected parts, so as to separate internal representations of information from the ways that information is presented to or accepted from the user. – Wikipedia
Model–view–controller (MVC) é um padrão de arquitetura de software para implementar interfaces de usuário. Ele divide um determinado aplicativo de software em três partes interconectadas, de modo a separar as representações internas da informação dos modos como as informações são apresentadas ou aceitas pelo usuário. - Wikipédia.
Leia atentamente: architecture pattern. Reforcei isso pois no início de meus estudos deparei-me com alguns sites dizendo que MVC era um design pattern, padrão sobre o design do código.
MVC é nada mais que um padrão de arquitetura de software, separando sua aplicação em 3 camadas. A camada de interação do usuário (view), a camada de manipulação dos dados (model) e a camada de controle (controller).
Model
Sempre que você pensar em manipulação de dados, pense em model. Ele é responsável pela leitura e escrita de dados, e também de suas validações.View
Simples: a camada de interação com o usuário. Ela apenas faz a exibição dos dados, sendo ela por meio de um html ou XML.Controller
O responsável por receber todas as requisições do usuário. Seus métodos chamados actions são responsáveis por uma página, controlando qual model usar e qual view será mostrado ao usuário.
Referência: https://tableless.com.br/mvc-afinal-e-o-que/
4) Criando a primeira rota:
O Laravel trabalha com rotas, similar ao F3, que torna muito mais agradável para o usuário acessar a sua aplicação, além de torna-la muito mais segura.Essas rotas ficam salvas em: routes dentro do arquivo web.php, aqui dentro iremos colocar a nossa nova route o /enviar.
Para isso digite o seguinte código abaixo da Rota existente:
Route::get('/', function () {
return view('welcome');
});
Route::post('/enviar', function(Illuminate\Http\Request $request) {
var_dump($request->all());
});Quando criado o exemplo do Laravel já é criada a Route::get('/', function (){/**/}); onde ela carrega o view('welcome'); o qual é aquele arquivo que acabamos de editar e colocar o nosso formulário.
Esse "Illuminate\Http\Request" é extensão da classe Request.
5) Testando o nosso exemplo:
Agora que já fizemos o formulário e configuramos as rotas vamos testar no nosso formulário, então basta preencher os campos e clicar em enviar que a página /enviar ira exibir um var_dump(); com todas as informações enviadas. |
| var_dump(); dos dados enviados (Servidor WAMP) |
Conclusão:
Nesse post aprendemos o básico sobre como criar rotas, uma pequena pincelada sobre MVC (só vimos o View), onde trocamos a página de exemplo pelo nosso formulário e por fim resultado desses teste. No próximo post começaremos a mexer com banco de dados.Se vocês gostaram desse Post não deixe de compartilhar com seus amigos!!!
E para não perder nenhuma novidade nos sigam nas redes sociais:
Twitter: @Bulfaitelo
Facebook: Bulfaitelo Project
Blogger: Bulfaitelo Project
![Tutorial Laravel para iniciantes - Parte 02 [Primeiro Formulário e MVC]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirEzr-WXjbKsYSj9_D1KvG9BmMU2CkB7l1fNgwddYL2tZ6Da8xkeTsJZaBGWhxCqZFWx6jEkFGLQONkCqamAXeJQCJfv1r-0q2Mxb8D53jFbXKtqgiKMUiUIrpumSHXp-uFno3R9zEW86c/s72-c/laravel-5.4.png)
0 Comentários