Laravel - Iniciando com o Blade
O que é o Blade?
O Blade
é uma engine de template do framework Laravel. Ele permite que você crie vistas (view) em arquivos `.blade.php
` misturando HTML com código PHP de forma mais fácil e limpa. O Blade ajuda a separar a lógica da aplicação
das camadas de exibição, tornando o código mais organizado e legível.
Entendendo os Arquivos Blade
No Laravel, as vistas são armazenadas na pasta `resources/views/
`. Os arquivos de template terminam com a extensão `.blade.php
` ou podem usar a extensão `.php
` e incluir `@extends('layout')
`.
Layouts
Um layout serve como um molde para outras vistas. Ele contém estruturas fixas, como cabeçalhos e rodapés.
Exemplo de arquivo `resources/views/layouts/app.blade.php
`:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Projeto Blade</title>
</head>
<body>
@yield('content')
</body>
</html>
Views
As views são os componentes que usam um layout. Você define o conteúdo que será exibido no `@yield('content')
` do layout.
Exemplo de arquivo `resources/views/home.blade.php
`:
@extends('layouts.app')
@section('title', 'Home')
@section('content')
<h1>Bem-vindo ao Projeto Blade</h1>
<p>Estamos aprendendo a usar o Blade!</p>
@endsection
Variáveis em Blade
O Blade permite passar variáveis de controladores para as vistas.
No controller:
public function home()
{
$mensagem = 'Olá, mundo!';
return view('home')->with(['mensagem' => $mensagem]);
}
Na view
(resources/views/home.blade.php
):
<p>{{ $mensagem }}</p>
Isso exibirá "Olá, mundo!" na página.
Condicionais
Você pode usar estruturas de controle como condicionais e loops no Blade.
Exemplo:
@if($idade >= 18)
<p>Você é maior de idade.</p>
@else
<p>Você é menor de idade.</p>
@endif
Parciais (Partials)
As parciais são seções reutilizáveis de código que você pode incluir em várias vistas.
Arquivo `resources/views/partials/menu.blade.php`:
<nav>
<ul>
<li><a href="{{ route('home') }}">Home</a></li>
<li><a href="{{ route('sobre') }}">Sobre</a></li>
<li><a href="{{ route('contato') }}">Contato</a></li>
</ul>
</nav>
Usando a partial na view
:
@include('partials.menu')
Formulários com Blade
O Blade facilita a criação de formulários usando os helpers
do formulário.
Exemplo de formulário para cadastro:
{{ route('cadastro') }}"
<h2>Cadastro</h2>
<form action="{{ route('cadastro') }}" method="POST">
@csrf
<div>
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome" required>
</div>
<button type="submit">Cadastrar</button>
</form>
É isso ai...
O Blade do Laravel é uma ferramenta poderosa para desenvolver interfaces de usuário de forma mais eficiente e limpa. Com a ajuda do framework, você pode criar layouts reutilizáveis, parciais, e até estender o próprio Blade com
directivas personalizadas.