Nossos cursos em promoção de férias

Introdução ao Template Engine Blade do Laravel

Blade é a principal ferramenta do Framework destinada a manipular dados para o front-end com um layout dinâmico e flexível.

Publicado em

Um dos principais grandes recursos do Laravel com certeza é seu motor de template chamado de Blade, destinado a criar sofisticadas páginas webs através de um motor rápido, flexível e dinâmico.

Vamos ver um pouco sobre como dar os primeiros passos, assim, você irá conseguir entender de forma rápida e fácil como o Blade funciona.

Veja a nossa videoaula abaixo com mais detalhes.

Para entendermos um pouco melhor, analise o código abaixo que foi criado durante a videoaula.

Route::get('/', function () {

    $arrFrutas = [
        "Amora",
        "Abacate",
        "Banana",
        "Pera",
        "Maça",
        "Uva"
    ];

   return view('frutas' , [
       "frutas" => $arrFrutas,
       "titulo" => "Página de frutas"
   ]);
});

Note que o método view(), recebe no primeiro parâmetro o caminho ou nome do arquivo, enquanto no segundo, recebe um array associativo contendo as chaves e valores que serão acessados na Blade em formato de variável.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ $titulo }}</title>
</head>

<body>
    @include('includes.header')

    <hr>

    <ol>
        @foreach($frutas as $fruta)
            <li>{{ $fruta }}</li>
        @endforeach
    </ol>
    
</body>

</html>

Bem, vamos ficando por aqui.

Até a próxima.

Gunnar Correa
Gunnar Correa

Autodidata, Graduado em Desenvolvimento Web, Especialista em Tecnologias na Educação e Pós-graduando em Segurança da Informação. Começou seus estudos na área de programação quando era criança, e atualmente, está estudando desenvolvimento de jogos. Fundador da SatellaSoft, criado em 2009 com o intuito de compartilhar conhecimento de forma gratuita e inédita.

Deixe um comentário
Aguarde...