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