martes, 2 de abril de 2013

Tutorial Django: Crear plantillas

Este tutorial Django es una continuación del anterior tutorial: Tutorial Django: Hola Mundo, primer proyecto y aplicación. A continuación eliminaremos el mensaje Hola Mundo y crearemos una plantilla.

El primer paso es irnos a nuestra carpeta plantillas que habíamos creado en el anterior tutorial y crear un archivo plantilla1.html Aquí crearemos nuestra plantilla de la siguiente manera:



<!DOCTYPE html>
<html>
<head>
<title>Ejemplo plantilla</title>
</head>
<body>

<center><h3>Mi pagina {% block titulo %}{% endblock titulo %}</h3></center>

<center>{% block contenido %} {% endblock contenido %} </center>

</body>
</html>



Como verás es algo muy sencillo, sin estilos, solo para ver como funciona. Verás que hemos utilizado la sintaxis de llaves, porcentajes y tags de la manera {% block titulo %}{% endblock titulo %} Los contenidos que estén entre esta sintaxis son los que modificaremos desde otras páginas.

Si tuviésemos por ejemplo que importar jquery.js, lo tendríamos guardado en nuestra carpeta static y que no lo vamos a modificar, y lo importaríamos de la siguiente manera:

<script type="text/javascript" src="/static/jquery.js"></script>

Creamos un nuevo archivo .html en nuestra carpeta plantillas llamado mipagina.html
En esta página utilizaremos otro tag de Django llamado extends con el que copiaremos la plantilla miplantilla.html





{% extends "miplantilla.html" %}

{% block titulo %} Inicio - Django {% endblock titulo %}
{% block contenido %}


Este es el contenido de mipagina.html insertado en la plantilla miplantilla.html<br/>
Dentro de block contenido


{% endblock contenido %}




Lo que insertamos entre los tags será lo que se inserte en la plantilla que hemos especificado con extends.

Para poder mostrar esta plantilla y eliminar el mensaje Hola Mundo volvemos a modificar el archivo views.py de la carpeta aplicacion1 para que quede de la siguiente manera:



# Create your views here.
from django.http import HttpResponse
from django.shortcuts import render_to_response

def mostrarTexto(request):
    return render_to_response("mipagina.html")


Si volvemos al navegador y actualizamos, el contenido de mipagina.html se habrña insertado en la plantilla miplantilla.html



Parte 1.- Tutorial Django: Hola Mundo, primer proyecto y aplicación
Parte 2.- Tutorial Django: Crear plantillas
Parte 3.- Tutorial Django: Formularios con base de datos I
Parte 4.- Tutorial Django: Formularios con base de datos II

No hay comentarios:

Publicar un comentario