Dominando las Plantillas Jinja2 en Flask

Introducción

En este laboratorio, aprenderá a usar plantillas Jinja2 en Flask. Jinja2 es un motor de plantillas poderoso que le permite generar páginas HTML dinámicas en su aplicación Flask. Las plantillas son una excelente manera de separar la lógica de presentación de la lógica de negocios de su aplicación.

Nota: Debe crear el archivo de código por sí mismo y ejecutarlo en el entorno. Puede previsualizar el estado del servicio Flask en Web 5000.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL flask(("Flask")) -.-> flask/DataHandlingGroup(["Data Handling"]) flask(("Flask")) -.-> flask/CoreConceptsGroup(["Core Concepts"]) flask(("Flask")) -.-> flask/DevelopmentToolsGroup(["Development Tools"]) flask/DataHandlingGroup -.-> flask/incoming_request_data("Incoming Request Data") flask/CoreConceptsGroup -.-> flask/application_object("Application Object") flask/CoreConceptsGroup -.-> flask/sessions("Sessions") flask/CoreConceptsGroup -.-> flask/useful_internals("Useful Internals") flask/DevelopmentToolsGroup -.-> flask/blueprint_objects("Blueprint Objects") subgraph Lab Skills flask/incoming_request_data -.-> lab-136107{{"Plantillas Jinja2 en Flask"}} flask/application_object -.-> lab-136107{{"Plantillas Jinja2 en Flask"}} flask/sessions -.-> lab-136107{{"Plantillas Jinja2 en Flask"}} flask/useful_internals -.-> lab-136107{{"Plantillas Jinja2 en Flask"}} flask/blueprint_objects -.-> lab-136107{{"Plantillas Jinja2 en Flask"}} end

Instalar Flask y Jinja2

Antes de comenzar, asegúrese de tener Flask y Jinja2 instalados en su entorno de Python. Puede instalarlos usando pip:

pip install Flask
pip install Jinja2

Crear una aplicación Flask

Cree un nuevo archivo llamado app.py e importe los módulos necesarios:

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

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

En este código, creamos una nueva aplicación Flask y definimos una ruta para la URL raíz ("/"). Cuando un usuario visita la URL raíz, la función index() se llamará y renderizará la plantilla index.html.

Crear una plantilla Jinja2

Cree un nuevo directorio llamado templates en el mismo directorio que su archivo app.py. Dentro del directorio templates, cree un nuevo archivo llamado index.html. Este archivo contendrá el código HTML para su plantilla.

<!doctype html>
<html>
  <head>
    <title>Flask Jinja2 Templates Lab</title>
  </head>
  <body>
    <h1>Welcome to Flask Jinja2 Templates Lab</h1>
    <p>This is a simple Flask application using Jinja2 templates.</p>
  </body>
</html>

En esta plantilla, tenemos una estructura HTML simple con un encabezado y un párrafo. Puede personalizar el contenido de la plantilla para adaptarlo a sus necesidades.

Ejecutar la aplicación Flask

Guarde el archivo app.py y ejecútelo con el siguiente comando:

python app.py

Abra su navegador web y visite http://localhost:5000. Debería ver el contenido de la plantilla index.html renderizado en su navegador.

Resumen

¡Felicidades! Has creado con éxito una aplicación Flask que utiliza plantillas Jinja2. Las plantillas son una herramienta poderosa para generar páginas HTML dinámicas en tu aplicación Flask. Ahora puedes usar plantillas para separar la lógica de presentación de la lógica de negocio de tu aplicación y crear un código más flexible y mantenible.