En el desarrollo web moderno, a menudo se asume que la única forma de construir aplicaciones es separando estrictamente el backend del frontend. Django ofrece una alternativa potente: el Sistema de Plantillas.

1. Introducción al Mundo de las Plantillas de Django

Este sistema permite unificar el backend y el frontend en un solo flujo de trabajo. No siempre necesitas la complejidad de una Single Page Application (SPA). Para muchos proyectos, renderizar el HTML directamente en el servidor ofrece:

• Simplicidad y rapidez: Menos boilerplate y configuración.
• SEO nativo: El contenido está disponible para los buscadores desde el primer momento.
• Seguridad: Menos exposición de lógica en el cliente.

¿Qué es el DTL (Django Template Language)?

El DTL es un mini-lenguaje de programación que reside dentro de tus archivos HTML. Su objetivo es permitir la inserción de datos dinámicos y lógica básica (como bucles y condicionales) sin romper la separación de responsabilidades: la lógica de negocio se queda en Python, y la lógica de presentación en la plantilla.

2. Los Fundamentos del DTL: Variables y Etiquetas

El motor de plantillas de Django se basa en una distinción fundamental conocida como la Dualidad de DTL:

Variables

{{ variable }}

Se utilizan para imprimir datos. Django busca el valor y lo reemplaza en el HTML final.

Etiquetas

{% etiqueta %}

Controlan la lógica: iteraciones, comprobaciones lógicas o carga de recursos.

3. Preparando los Datos: El Contexto en tus Vistas

Para que una plantilla sea dinámica, necesita recibir datos. Esto ocurre en el archivo views.py mediante el objeto Contexto.

from django.shortcuts import render

def perfil_usuario(request):
    contexto = {
        'nombre_usuario': 'Alex Segura',
        'es_premium': True,
        'habilidades': ['Python', 'Django', 'PostgreSQL'],
    }
    return render(request, 'perfil.html', contexto)

4. Mostrando y Controlando el Contenido

Una vez enviados los datos, decidimos cómo mostrarlos usando etiquetas de control.

Ejemplo de Bucle For:

<ul>
{% for habilidad in habilidades %}
    <li>{{ forloop.counter }} - {{ habilidad }}</li>
{% empty %}
    <li>No hay habilidades registradas.</li>
{% endfor %}
</ul>

5. Reutilización Inteligente: Herencia

Copiar y pegar el menú de navegación en cada página es un error. Django soluciona esto con la Herencia de Plantillas mediante base.html.

El concepto de Block

Creamos un esqueleto con bloques que serán “rellenados” por otras páginas.<!-- base.html -->
{% block contenido %}{% endblock %}

6. Optimizando la Presentación: Filtros

Los filtros permiten transformar datos al vuelo sin cambiar la lógica de Python.

{{ fecha|date:"d/m/Y" }}{{ texto|upper }}{{ bio|default:"Sin bio" }}

7. Seguridad: Protección contra XSS

Django está diseñado para ser seguro por defecto. Todas las variables son “escapadas” automáticamente. Solo usa el filtro |safe cuando confíes plenamente en la fuente del contenido.

8. Conclusión

El sistema de plantillas de Django equilibra potencia y simplicidad. Te permite crear aplicaciones web completas manteniendo el código organizado, reutilizable y seguro. ¡Aprovecha el “framework para perfeccionistas con plazos de entrega”!

Referencias Técnicas

• Django Documentation: The Django Template Language
• Built-in template tags and filters
• MDN Web Docs: Django Tutorial