Templates en Django: Renderizar no es complicado

Anteriormente te habíamos hablado del concepto de plantillas en Django. Ahora veamos paso a paso cómo utilizarlas. Para empezar deberás importar un modelo de Django en tu vista con render_to_response que será el encargado de recibir el template y los datos que debe enviarle al mismo. Pasemos a la forma en que debes especificarle a tu vista cuál template usar y cuáles datos renderizar. Supon que tienes una vista “hola” :from django.shortcuts import render_to_responsedef hola(request): mejor= “Diseno Web” return render_to_response (template.html, {‘nombre’:’Daniel Zavala’, ’edad’:22, ‘cursos’: [mejor,‘frontend’, ‘backend’, ‘estrategia’]})Agrega los datos a tu plantillaCuando deseas agregar un dato de tu view a tu template (que es un archivo html normal) lo pones entre llaves:{{ nombre }}“Nombre” es el identificador del dato que manda la vista. En este caso en la vista te aparecería “Daniel Zavala” en vez del texto {{ nombre}}; igual pasaría si pones {{ edad }}. Si quieres hacer un condicional basta poner:{% if edad > 18 %} {{ edad }} años {% elif edad == 18 %} Tienes 18 años! {% else %} eres menor de edad segun la ley colombiana {% endif %}Este código verificará si la edad es mayor a 18 y te dirá la edad. En caso de ser igual a 18 te dará un mensaje, y en caso de ser negativo te dará otro diferente. Por último, si quisieras mostrar los cursos que tiene debes tener en cuenta que es una lista, así que crearemos en ella como en un for.{% for i in cursos %} {{ i }} {% endfor %}En este caso i tomará el valor de cada curso y lo mostrará en la plantilla hasta recorrer todos los cursos.FiltrosEn Django existen múltiples filtros por defecto que mágicamente les dan formato a las variables dentro de los templates:Convierte el texto en minúsculas.{{ nombre | lower }} Les da formato día/mes/año a tus fechas.{{ fecha | date:'d M Y' }}Regresa el tiempo que ha pasado desde.{{ timestamp | timesince }} Regresa el tamaño del valor.{{ value | length }} Regresa el plural de un sufijo si el valor no es 1. Por defecto el sufijo es s', pero este se puede alterar.{{ value | pluralize }} Ejemplo: {{ value | pluralize: “es” }}Django tiene muchos tags y filters; acá encontrarás todo lo relacionado con la construcción de los templates.Plantilla baseEn Django puedes usar plantillas base a las que insertar bloques personalizados de código. Primero debes crear una plantilla (no influye el nombre) base.html en donde pondrás todo el html. Si quieres poner partes en donde el código puede variar, como en el body, usarás bloques de esta forma:{% block cuerpo %}{% endblock %}Luego en tu plantilla receta.html debes importar la base así:{% extends ‘base.html’ %}Después en receta.html llamas al bloque cuerpo y dentro de él pones el html que quieras:{% block cuerpo %} mucho html {% endblock %}Cuando veas la plantilla en el navegador aparecerá base.html con el código que hayas puesto en el bloque al momento de crear receta.html: así de mágico es el gestor de templates de Django. Esto es todo. Para mas información te invitamos a visitar la documentación de Django.

Templates en Django: Renderizar no es complicado

Bienvenidos

Actualizaremos este curso pronto

Fundamentos

¿Qué significa ser un Backend?

El papel del Backend en el desarrollo de un proyecto

La alegría de ser un backend

¿Cómo funciona una aplicación web?

¿Por qué Django?

Introducción a Python: Conoce las bases del Lenguaje

Django: Bases del framework web mas popular de Python

Introducción a Python y Django

Aprende Python y preparate para Django

Conoce tu primer proyecto en Django: Sfotipy

Creación de módulos para nuestro proyecto Sfotipy

Sesión de preguntas y respuestas

Configura y crea un primer proyecto de Django

Repositorio del Proyecto: Sfotipy

Vistas, Modelos y Formularios en Django

Administrador de Django, creación de modelos y de vistas

Uso y manejo de formularios en Django

Sesión de preguntas y respuestas

Las mejores prácticas en Django

Creación de modelos en Django y su implementación en vistas

Activa el administrador de Django en tres líneas de código