Modelos e visualizações Blade
Renderize HTML dinâmico com diretivas, layouts e componentes Blade.
Modelos e visualizações Blade é uma aula grátis de PHP Academy no CoddyKit. Esta é a aula 4 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de PHP Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de PHP Academy inclui 4 aulas no total.
O que é Blade?
Blade é o mecanismo de modelos do Laravel. Os arquivos terminam em .blade.php e oferecem suporte a diretivas, loops e herança de layouts. O Blade é compilado para PHP puro e armazenado em cache.
Exibindo Variáveis
Use chaves duplas para exibir uma variável. O valor é escapado automaticamente para impedir XSS.
{{-- resources/views/greeting.blade.php --}}
<h1>Hello, {{ $name }}</h1>
<p>You have {{ $messageCount }} messages.</p>Saída Não Escapada
Use {!! !!} para exibir HTML bruto (não escapado). Use isso somente com conteúdo confiável.
{!! $htmlContent !!}Condicionais
O Blade oferece @if, @elseif, @else, @endif.
@if($user->isAdmin())
<a href="/admin">Admin Panel</a>
@elseif($user->isEditor())
<a href="/editor">Editor</a>
@else
<a href="/dashboard">Dashboard</a>
@endif@isset e @empty
Formas abreviadas convenientes para verificações comuns de valores nulos ou vazios.
@isset($username)
<p>Welcome, {{ $username }}</p>
@endisset
@empty($items)
<p>No items found.</p>
@endemptyLoops
O Blade oferece suporte a @foreach, @for, @while e @forelse (com fallback @empty).
@forelse($posts as $post)
<article>
<h2>{{ $post->title }}</h2>
</article>
@empty
<p>No posts yet.</p>
@endforelseA Variável $loop
Dentro de um @foreach, $loop fornece metadados: $loop->index, $loop->first, $loop->last, $loop->count.
Layout com @extends e @section
Defina um layout principal e estenda-o nas visualizações filhas.
{{-- layouts/app.blade.php --}}
<html>
<body>
@yield("content")
</body>
</html>
{{-- pages/home.blade.php --}}
@extends("layouts.app")
@section("content")
<h1>Home Page</h1>
@endsection@include
Inclua um fragmento de subvisualização.
@include("partials.nav")
@include("partials.alert", ["type" => "success", "msg" => "Saved!"])Componentes Blade
Os componentes reutilizáveis ficam em resources/views/components/ e são usados com a sintaxe <x-component-name>.
{{-- components/alert.blade.php --}}
<div class="alert alert-{{ $type }}">
{{ $slot }}
</div>
{{-- Usage: --}}
<x-alert type="success">Profile updated!</x-alert>Passando Dados para as Visualizações
A partir de um controlador, passe dados usando view() com uma matriz ou compact().
<?php
return view("users.index", [
"users" => User::all(),
"title" => "All Users",
]);
// Or:
return view("users.index", compact("users", "title"));Resumo
O Blade é compilado para PHP. Use {{ }} para saída escapada, @extends/@section para layouts, @foreach/@forelse para loops e <x-component> para uma interface reutilizável.
Verificação Rápida
Qual sintaxe do Blade escapa a saída com segurança para impedir XSS?
Aprenda PHP com um tutor de IA — grátis
Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.
- Cursos
- 49
- Aulas
- 195
Perguntas Frequentes
A aula “Modelos e visualizações Blade” é grátis?
Sim — o texto completo de “Modelos e visualizações Blade” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de PHP Academy, atualize para CoddyKit PRO. O curso de PHP Academy inclui 4 aulas no total.
O que vou aprender em “Modelos e visualizações Blade”?
Renderize HTML dinâmico com diretivas, layouts e componentes Blade. Você pratica PHP Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar PHP Academy?
Nenhuma experiência prévia é necessária. PHP Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 4 de 4.
Quanto tempo leva a aula “Modelos e visualizações Blade”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de PHP Academy?
Sim. Cada aula de PHP Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Estrutura de projetos Laravel
- Definição de rotas no Laravel
- Controladores e ações
- Modelos e visualizações Blade