{"id":2065,"date":"2024-11-22T10:20:56","date_gmt":"2024-11-22T13:20:56","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=2065"},"modified":"2025-12-05T10:25:26","modified_gmt":"2025-12-05T13:25:26","slug":"blade-templates","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/blade-templates\/","title":{"rendered":"Blade Templates"},"content":{"rendered":"Tempo de leitura: <\/span> 4<\/span> minutos<\/span><\/span>\n

Blade Templates<\/strong>: O Blade<\/strong> \u00e9 o motor de templates<\/em> padr\u00e3o e mais popular do Laravel 12<\/strong>. Ele \u00e9 projetado para simplificar a tarefa de escrever c\u00f3digo de apresenta\u00e7\u00e3o (HTML) em suas Views<\/em>, mantendo uma sintaxe concisa e intuitiva. Ao contr\u00e1rio de outros motores, o Blade n\u00e3o restringe o uso de c\u00f3digo PHP puro, mas oferece diretivas<\/strong> poderosas que tornam a l\u00f3gica de controle de fluxo (condicionais e loops) mais leg\u00edvel.<\/p>\n\n\n\n

O grande diferencial do Blade \u00e9 que ele compila todas as Views<\/em> em c\u00f3digo PHP puro e as armazena em cache, garantindo performance otimizada<\/strong> em produ\u00e7\u00e3o.<\/p>\n\n\n\n

<\/div>\n\n\n\n

1. \ud83d\udcdd Sintaxe B\u00e1sica e Exibi\u00e7\u00e3o de Dados<\/h2>\n\n\n\n

As Views<\/em> Blade s\u00e3o salvas com a extens\u00e3o .blade.php<\/code><\/strong> (ex: welcome.blade.php<\/code>) no diret\u00f3rio resources\/views<\/code>.<\/p>\n\n\n\n

<\/div>\n\n\n\n

A. Exibi\u00e7\u00e3o Segura<\/h3>\n\n\n\n

Para exibir dados passados do Controller<\/em> (vari\u00e1veis), voc\u00ea usa chaves duplas. O Blade automaticamente escapa<\/strong> o conte\u00fado (converte HTML e scripts em entidades HTML) para prevenir ataques de Cross-Site Scripting (XSS)<\/strong>.<\/p>\n\n\n\n

HTML<\/p>\n\n\n\n

<h1>Ol\u00e1, {{ $nome }}!<\/h1>\n<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
B. Exibi\u00e7\u00e3o N\u00e3o-Escapada (Cuidado!)<\/h3>\n\n\n\n
Se voc\u00ea tiver certeza de que a vari\u00e1vel \u00e9 segura (ex: um conte\u00fado HTML gerado internamente e n\u00e3o por um usu\u00e1rio) e precisa renderizar HTML puro, use chaves com ponto de exclama\u00e7\u00e3o:<\/p>\n\n\n\n
HTML<\/p>\n\n\n\n
<div> {!! $htmlPuro !!} <\/div> \n<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
2. \u2699\ufe0f Diretivas Blade para Fluxo de Controle<\/h2>\n\n\n\n
As Diretivas Blade<\/strong> s\u00e3o instru\u00e7\u00f5es especiais que come\u00e7am com o s\u00edmbolo @<\/code> e controlam a l\u00f3gica da apresenta\u00e7\u00e3o.<\/p>\n\n\n\n
<\/div>\n\n\n\n
A. Condicionais<\/h3>\n\n\n\n
O Blade oferece equivalentes mais limpos \u00e0s estruturas if\/else<\/code> do PHP:<\/p>\n\n\n\n
HTML<\/p>\n\n\n\n
@if(Auth::check())\n    <p>Voc\u00ea est\u00e1 logado!<\/p>\n@elseif($idade < 18)\n    <p>Voc\u00ea \u00e9 menor de idade.<\/p>\n@else \n    <p>Fa\u00e7a login para continuar.<\/p>\n@endif\n\n@isset($record)\n    <p>O registro existe.<\/p>\n@endisset\n<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
B. Itera\u00e7\u00e3o (Loops)<\/h3>\n\n\n\n
Diretivas para percorrer arrays e cole\u00e7\u00f5es:<\/p>\n\n\n\n
HTML<\/p>\n\n\n\n
<ul>\n    @foreach($produtos as $produto) \n        <li>{{ $loop->iteration }}. {{ $produto['nome'] }}<\/li> \n        \n        @if($loop->last)\n            <hr>\n        @endif\n    @endforeach\n<\/ul>\n\n@forelse($carrinho as $item)\n    <li>{{ $item->nome }}<\/li>\n@empty\n    <p>Seu carrinho est\u00e1 vazio.<\/p>\n@endforelse\n<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
C. Inclus\u00f5es<\/h3>\n\n\n\n
Para incluir conte\u00fado de outra View<\/em> dentro da atual (\u00f3timo para pequenos partials<\/em> como rodap\u00e9s ou barras de navega\u00e7\u00e3o):<\/p>\n\n\n\n
HTML<\/p>\n\n\n\n
@include('partials.header')\n<\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n
3. \ud83e\udde9 Componentes e Heran\u00e7a de Layouts<\/h2>\n\n\n\n
Estes s\u00e3o os recursos mais importantes do Blade para criar interfaces grandes e reutiliz\u00e1veis.<\/p>\n\n\n\n
<\/div>\n\n\n\n
A. Heran\u00e7a de Layouts<\/h3>\n\n\n\n
Permite definir um Layout Mestre<\/em> (esqueleto da p\u00e1gina) e estender essa estrutura em Views<\/em> filhas.<\/p>\n\n\n\n
    \n
  1. Layout Mestre (Ex: layouts\/master.blade.php<\/code>):<\/strong> Define \u00e1reas (@yield<\/code> ou @section<\/code>) que ser\u00e3o preenchidas.<\/li>\n\n\n\n
  2. View Filha (Ex: site\/home.blade.php<\/code>):<\/strong> Estende o layout e preenche as se\u00e7\u00f5es.<\/li>\n<\/ol>\n\n\n\n
    HTML<\/p>\n\n\n\n
    @extends('layouts.master')\n\n@section('title')\n    <title>P\u00e1gina Inicial<\/title>\n@endsection\n\n@section('content')\n    <h1>Conte\u00fado principal da p\u00e1gina.<\/h1>\n@endsection\n<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    B. Componentes<\/h3>\n\n\n\n
    Componentes Blade permitem criar tags HTML customizadas e reutiliz\u00e1veis (como <x-alert><\/code>) que encapsulam l\u00f3gica e marca\u00e7\u00e3o.<\/p>\n\n\n\n