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.

 

Você Também Pode Gostar

...
Introdução à variáveis em PHP
Uma introdução sobre o uso de variáveis em PHP Leia mais
...
Como instalar e utilizar o NVM no Linux?
Como instalar e utilizar o NVM? Leia mais
...
Laravel - O básico sobre rotas
O básico para começar a trabalhar com rotas nos seus projetos. Leia mais