Criando nossos Templates

Criaremos um pasta chamada templates onde adicionaremos todas as nossas páginas html.

Adicionando CSS

Para adicionar os arquivos css, criaremos uma nova pasta chamada static que é correspondente ao public do laravel, e dentro dela criaremos nossa pasta css e os arquivos dentro dela.

Para chamar esse arquivo no nosso html teremos que usar a função url_for, e dizer para ela procurar na pasta static, e depois passar a url do arquivo:

<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">

Criando Template Base

Iremos criar um template base.html para que depois o código dele possar ser reutilizado(ou extendido) para outros templates.

Sintaxes

**{% block <block_name> %} {% endblock %}**

Este comando criará um bloco, que será usado tanto no template que receberá o valor do filho(e colocará esse bloco onde ele quer que o conteúdo seja inserido), quanto do filho que usará ele para passar o valor dentro.

{% extends <template_extended.html> %}

Este comando serve para falar de que arquivo você estará herdando o código.

{{ url_for('index') }}

Assim como já vimos sendo utilizado o url_for para chamar o css (semelhante ao asset do laravel), também utilizaremos ele para redirecionamento, e nesse caso o único parametro que precisaremos passar é o nome da rota a ser chamada.