Desenvolvendo um Aplicativo Web com Flask: Trabalhando com Templates

No último post, aprendemos a configurar um ambiente virtual e a criar um aplicativo web básico com Flask. Neste post, vamos dar um passo adiante e aprender a trabalhar com templates no Flask.

O que são Templates?

Templates são arquivos que contêm código HTML estático, bem como marcadores de posição para o conteúdo dinâmico que será preenchido pelos dados do seu aplicativo. Flask usa a biblioteca Jinja2 para renderizar templates, o que permite que você insira lógica de programação diretamente em seus arquivos HTML.

Criando um Template

Vamos começar criando um diretório chamado `templates` no diretório raiz do nosso projeto. Em seguida, dentro desse diretório, crie um arquivo chamado `home.html` e adicione o seguinte código:

<!DOCTYPE html>
<html>
<head>
    <title>Meu Primeiro Template Flask</title>
</head>
<body>
    <h1>Olá, {{ nome }}!</h1>
</body>
</html>

Neste template, `{{ nome }}` é um marcador de posição para uma variável que será preenchida pelo nosso aplicativo Flask.

Renderizando um Template

Agora que temos nosso template, vamos modificar nosso aplicativo Flask para renderizá-lo. Altere o arquivo `app.py` para o seguinte:

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/')
def home():
    return render_template('home.html', nome='Mundo')

if __name__ == '__main__':
    app.run(debug=True)

 

A função `render_template` do Flask é usada para renderizar um template. Ela aceita o nome do template como primeiro argumento e qualquer número de argumentos de palavra-chave correspondentes aos marcadores de posição no template.

Agora, quando você visitar `http://localhost:5000`, verá “Olá, Mundo!” exibido.

Conclusão

Neste post, aprendemos a trabalhar com templates no Flask. Os templates são uma parte essencial de qualquer aplicativo web, pois permitem criar interfaces de usuário ricas e dinâmicas. No próximo post, vamos explorar mais recursos do Flask, como formulários e bancos de dados. Fique ligado!

Espero que este tutorial seja útil para você. Boa sorte com seu aprendizado e desenvolvimento Flask!