Curso Python DGA 2011/django/slides

De WikiEducator
Saltar a: navegación, buscar

Contenido

Introducción a Django

El framework para los exigentes con los plazos de entrega

Luis Miguel Morillas <lmorillas at xml3k.org> identi.ca: lmorillas

Evolución del desarrollo web

  1. Páginas HTML estáticas
  2. CGI: código para generar páginas web dinámicas:
  3. Código embebido en páginas web (PHP, JSP, ASP, ...)
  4. Frameworks web:
    • RoR, Struts, Symphony
    • Django, Pylons, Web2Py

Django

Django permite a los desarrolladores:

  • crear de forma rápida sitios web de altas prestaciones
  • basados en información almacenada en bases de datos
  • bajo el principio de no repetición (Do Not Repeat Yourself: DRY).
  • Adrian Holovaty, co-creador de Django, es un guitarrista inspirado por Django Reinhardt.

MVC / MVT

MTV: Desarrollo web según un patrón Modelo - Vista - Template (similar al patrón MVC)

  • Modelo: capa de Datos. Describe los datos que gestiona la aplicación. Cada modelo enlaza una tabla en la base de datos.
  • Vista: capa de Negocio. Describe a qué datos hay que acceder y los transforma.
  • Template (plantillas): capa de Presentación. Describe cómo se van a presentar los datos al usuario.

Instalación

  • Comprobamos que está instalado (y la versión)
>>> import django
>>> django.VERSION
(1, 3, 0, 'final', 0)

Creación de un proyecto

$ django-admin.py startproject sitio_encuestas
$ ls -l
sitio_encuestas/
    __init__.py
    manage.py
    settings.py
    urls.py

Creación de un proyecto (cont.)

Un proyecto en Django son 4 ficheros:

__init__.py
Indica que se trata de un paquete.
manage.py
Programa de gestión de django. A partir de ahora será el que usemos para interactuar con el proyecto.
settings.py
Fichero de configuración del proyecto.
urls.py
Gestiona la tabla de urls a las que responde el proyecto.

Servidor web de desarrollo

El proyecto incorpora un servidor web:

$ cd sitio_encuestas
$ python manage.py runserver
Validating models...
 
0 errors found
Django version 1.3, using settings 'sitio_encuestas.settings'
Development server is running at http://127.0.0.1:8000/
Quit the server with CONTROL-C.

Servidor web de desarrollo

Comprobamos la dirección con el navegador o

$ curl -I  127.0.0.1:8000
HTTP/1.0 200 OK
Date: Mon, 22 Aug 2011 20:33:33 GMT
Server: WSGIServer/0.1 Python/2.7.1+
Content-Type: text/html

Servidor web de desarrollo (cont.)

Icon present.gif
Tip: Podemos cambiar el puerto ejecutando:
 $ python manage.py runserver 8080

y También la ip:

 $ python manage.py runserver 0.0.0.0:8000


Configuración del proyecto

  • Editar settings.py
  • La configuración necesita rutas absolutas --> truco
import os
def ruta_abs(x):
    return os.path.join(os.path.abspath(os.path.dirname(__file__)), x)

Configuración de la base de datos

Por defecto, tiene sopote para Postgresql, MySQL, Sqlite y Oracle.

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.', # Add 'postgresql_psycopg2', 'postgresql', 'mysql', 'sqlite3' or 'oracle'.
        'NAME': '',                      # Or path to database file if using sqlite3.
        'USER': '',                      # Not used with sqlite3.
        'PASSWORD': '',                  # Not used with sqlite3.
        'HOST': '',                      # Set to empty string for localhost. Not used with sqlite3.
        'PORT': '',                      # Set to empty string for default. Not used with sqlite3.
    }
}

Configuración de la base de datos (cont.)

Para usar sqlite:

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3', # Add 'postgresql_psycopg2', 'postgresql', 'mysql', 'sqlite3' or 'oracle'.
        'NAME': ruta_abs('encuestas.db'),                      # Or path to database file if using sqlite3.
    }
}

Para usar otra base de datos: servidor, usuario y base de datos.

configuración regional

TIME_ZONE = 'Europe/Madrid'
LANGUAGE_CODE = 'es-es'

Aplicar los cambios

$python manage.py syncdb

Crea las tablas necesarias para el desarrollo de proyecto, incluyendo todas las aplicaciones incuidas en INSTALLED_APPS

Proyectos y aplicaciones

  • optimizar los recursos
  • un proyecto puede tener varias aplicaciones
  • las aplicaciones se pueden instalar en varios proyectos.
  • Por eso se dice que las aplicaciones de django son "pluglables".

Creación de una aplicación

$ python manage.py startapp encuestas

Esto creará el siguiente directorio:

encuestas/
    __init__.py
    models.py
    views.py

Incluir la aplicación en el proyecto

Hay que añadir la nueva apliación a INSTALLED_APPS dentro de settings.py

INSTALLED_APPS = (
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.sites',
    'django.contrib.messages',
    'sitio_encuestas.encuestas',
)

Definición de modelos

models.py

from django.db import models
 
class Encuesta(models.Model):
    pregunta = models.CharField(max_length=200)
    fecha_pub = models.DateTimeField(u'fecha de publicación')
 
    def __unicode__(self):
        return self.pregunta

Definición de modelos (cont.)

class Opcion(models.Model):
    encuesta = models.ForeignKey(Encuesta)
    opcion = models.CharField(max_length=200)    
    votos = models.IntegerField()
 
    def __unicode__(self):
        return self.opcion

Ver sql

$ python manage.py sql encuestas
BEGIN;
CREATE TABLE "encuestas_encuesta" (
    "id" INTEGER NOT NULL PRIMARY KEY,
    "pregunta" VARCHAR(200) NOT NULL,
    "fecha_pub" datetime NOT NULL
)
;
CREATE TABLE "encuestas_opcion" (
    "id" INTEGER NOT NULL PRIMARY KEY,
    "encuesta_id" INTEGER NOT NULL REFERENCES "encuestas_encuesta" ("id"),
    "opcion" VARCHAR(200) NOT NULL,
    "votos" INTEGER NOT NULL
)
;
COMMIT;

Syncdb

$ python manage.py syncdb
Creating table encuestas_encuesta
Creating table encuestas_opcion
 
You just installed Django's auth system, which means you don't have any superusers defined.
Would you like to create one now? (yes/no): yes
Username (Leave blank to use 'lm'): lm
E-mail address: lm@micorreo.com
Password: 
Password (again): 
Superuser created successfully.
Installing custom SQL ...
Installing indexes ...
No fixtures found.

Si las tablas tienen datos, ya no modificará la estructura. Soluciones: eliminar los datos de esa aplicación o usar South: http://south.aeracode.org/

Acceso a los datos

$ python manage.py shell
>>> from encuestas.models import Encuesta, Pregunta # Importa las clases del modelo
 
# No hay encuestas
>>> Encuesta.objects.all()
[]

Acceso a los datos (cont.)

# Creamos una nueva encuesta
>>> import datetime
>>> p = Encuesta(pregunta="¿Cómo va el curso?", fecha_pub=datetime.datetime.now())
 
# Guardamos el objeto en la base de datos
>>> p.save()
 
# Creación de ID automática
>>> p.id
1
 
# Acceso a los valores
>>> p.pregunta
"¿Cómo va el curso?"

Acceso a los datos (cont.)

>>> p.fecha_pub
datetime.datetime(2011, 7, 15, 12, 00, 53)
 
# Cambio de valores de los atributos
>>> p.pub_date = datetime.datetime(2011, 7, 20, 0, 0)
>>> p.save()
 
# objects.all() muestra todas las encuestas de la base de datos
>>> Encuesta.objects.all()
[<Encuesta: ¿Cómo va el curso?]

Acceso a los datos (cont.)

  • método __unicode__.
  • Si no, veríamos <Encuesta: Encuesta object>
  • Se crea el método __unicode__ y no __str__ porque los modelos de Django tratan con unicode por defecto.

Acceso a los datos (cont.)

# API de búsquedas de Django
>>> Encuesta.objects.filter(id=1)
[<Encuesta: ¿Cómo va el curso?>]
>>> Encuesta.objects.filter(pregunta__startswith='¿Cómo')
[<Encuesta: ¿Cómo va el curso?>]
 
# Obtener las encuestas de 2011
>>> Encuesta.objects.get(fecha_pub__year=2011)
<Encuesta: ¿Cómo va el curso?>

Acceso a los datos (cont.)

>>> Encuesta.objects.get(id=2)
Traceback (most recent call last):
    ...
DoesNotExist: Encuesta matching query does not exist.
 
# Búsqueda por clave primaria
>>> Encuesta.objects.get(pk=1)
<Encuesta: ¿Cómo va el curso?>
 
# Vamos a insertar unas opciones para ver cómo funcionan las relaciones.
# Podemos crear las opciones desde la misma encuesta:
 
>>> p = Encuesta.objects.get(pk=1)

Acceso a los datos (cont.)

# Opciones relacionadas con nuestra encuesta:
>>> p.opcion_set.all()
[]
 
# Creamos tres opciones
>>> p.opcion_set.create(opcion='Muy bien', votos=0)
<Opcion: Muy bien>
>>> p.opcion_set.create(opcion='Bien', votos=0)
<Opcion: Bien>
>>> c = p.opcion_set.create(opcion='Regular', votos=0)
 
# Los objetos Opción tienen acceso desde la API a la encuesta a la que pertenecen:
>>> c.encuesta
<Encuesta: ¿Cómo va el curso?>

Acceso a los datos (cont.)

# Y viceversa. Los objetos Encuesta acceden a sus Opciones: 
>>> p.opcion_set.all()
[<Choice: Not much>, <Choice: The sky>, <Choice: Just hacking again>]
>>> p.opcion_set.count()
3
 
# La API sigue de forma automática las relaciones.
# Para separar las relaciones se usan dobles guiones bajos.
# Busca todas las Opciones para cualquier encuesta publicada en 2011
>>> Opcion.objects.filter(encuesta__fecha_pub__year=2011)
[<Opcion: Muy bien>, <Opcion: Bien>, <Opcion: Regular>]
 
# Elimina una de las opciones: 
>>> c = p.opcion_set.filter(opcion__startswith='Regular')
>>> c.delete()

Otros métodos en los modelos

Podemos añadir métodos normales a los modelos:

import datetime
class Encuesta(models.Model):
    #...
    def publicada_hoy(self):
        return self.fecha_pub.date() === datetime.date.today()

Acceso a los datos (cont.)

Y podemos usarlos así:

>>> p = Escuesta.objects.get(pk=1)
>>> p.publicada_hoy()
False

Acceso a los datos (cont.)

El poderoso Admin de Django

  • El Admin es una herramienta pensada para el "backend"
  • no para el acceso de los usuarios
  • Simplifica la tarea de insertar, modificar y eliminar contenido de la web.

Activar el Admin

  • Por defecto está desactivado.
  • Añade django.contrib.admin a la lista de INSTALLED_APPS en settings.py.
  • Ejecuta
$ python manage.py syncdb
  • Siempre que añadimos una nueva aplicación hay que actualizar la base de datos

Activar el Admin (cont.)

Archivo: urls.py

  1. from django.conf.urls.defaults import patterns, include, url
  2.  
  3. # Uncomment the next two lines to enable the admin:
  4. from django.contrib import admin
  5. admin.autodiscover()
  6.  
  7. urlpatterns = patterns('',
  8.     # Examples:
  9.     # url(r'^$', 'sitio_encuestas.views.home', name='home'),
  10.     # url(r'^sitio_encuestas/', include('sitio_encuestas.foo.urls')),
  11.  
  12.     # Uncomment the admin/doc line below to enable admin documentation:
  13.     # url(r'^admin/doc/', include('django.contrib.admindocs.urls')),
  14.  
  15.     # Uncomment the next line to enable the admin:
  16.     url(r'^admin/', include(admin.site.urls)),
  17. )

Lanzar Admin

$ python manage.py runserver

navegador: http://127.0.0.1:8000/admin/

$ curl http://127.0.0.1:8000/admin/ -I
HTTP/1.0 200 OK
Date: Tue, 23 Aug 2011 15:33:25 GMT
Server: WSGIServer/0.1 Python/2.7.1+
Last-Modified: Tue, 23 Aug 2011 15:33:25 GMT
Expires: Tue, 23 Aug 2011 15:33:25 GMT
Content-Type: text/html; charset=utf-8
Vary: Cookie
Cache-Control: max-age=0
Set-Cookie:  csrftoken=b53bd036b15251d45ed07b15c60e5116; expires=Tue, 21-Aug-2012 15:33:25 GMT; Max-Age=31449600; Path=/
Set-Cookie:  sessionid=2d639f8c86e4e380698c1991fec9d848; expires=Tue, 06-Sep-2011 15:33:25 GMT; Max-Age=1209600; Path=/

Usuarios

Tendrás que entrar con el superurser que creaste la hacer syncdb. Si no recuerdas, puedes crear otro superusuario:

$ python manage.py createsuperuser

Hacer el proyecto modificable por el Admin

La aplicación Encuestas no aparece. Hay que activarla dentro del admin:

  • Crea un fichero admin.py:
  1. from encuestas.models import Encuesta
  2. from django.contrib import admin
  3.  
  4. admin.site.register(Encuesta)

Hacer el proyecto modificable por el Admin (cont.)

  • Reinicia el servidor de desarrollo. El servidor no detecta la creación de un nuevo archivo.

Se ha creado un completo entorno CRUD para nuestras encuestas:

  • Se genera un formulario automático para el modelo
  • Incluye validación de campos

Configuración del formulario

La configuración se hace mediante el archivo admin.py creado.

  • Preparamos una clase especial para las encuestas (EncuestaAdmin)
  • Indicamos a admin que use esa clase para gestionar nuestro modelo
admin.site.register(Encuesta, EncuestaAdmin)

Fieldsets

Vamos a cambiar el orden en que aparecen los datos:

  1. from encuestas.models import Encuesta
  2. from django.contrib import admin
  3.  
  4. class EncuestaAdmin(admin.ModelAdmin):
  5.     fieldsets = [
  6.         (None,               {'fields': ['pregunta']}),
  7.         ('Publicación', {'fields': ['fecha_pub']}),
  8.     ]
  9.  
  10. admin.site.register(Encuesta, EncuestaAdmin)

Classes: collapse

  1. class PollAdmin(admin.ModelAdmin):
  2.     fieldsets = [
  3.         (None,               {'fields': ['question']}),
  4.         ('Date information', {'fields': ['pub_date'], 'classes': ['collapse']}),
  5.     ]

Añadir objetos relacionados

Tenemos dos opciones:

  • Registrar Opcion con el admin como hemos hecho con las Encuestas
from polls.models import Choice 
admin.site.register(Choice)
<select> box para la clave foránea

Añadir objetos relacionados: inlines

  • Podemos crear las Opciones desde la misma encuesta.
  1. from encuestas.models import Encuesta, Opcion
  2. from django.contrib import admin
  3.  
  4. class OpcionInline(admin.TabularInline):
  5.     model = Opcion
  6.     extra = 3
  7.  
  8. class EncuestaAdmin(admin.ModelAdmin):
  9.     fieldsets = [
  10.         (None,               {'fields': ['pregunta']}),
  11.         ('Publicación', {'fields': ['fecha_pub'], 'classes': ['collapse']}),
  12.     ]
  13.     inlines = [OpcionInline]
  14.  
  15. admin.site.register(Encuesta, EncuestaAdmin)

Añadir objetos relacionados: inlines

Con el inline indicamos a Django:

  • que los objetos Opcion se editan en la página de administración de Encuestas
  • que por defecto añade los campos suficientes para añadir 3 Opciones más.

Admin ofrece dos tipos de inlines: StackedInline y TabularInline.

Modificar la página de listados

  • Por defecto Django muestra el str() de cada objeto.
  • más usable mostrar campos individuales.
  • list_display:tupla de nombres de campos (y +)
  1. class EncuestaAdmin(admin.ModelAdmin):
  2.     # ...
  3.     list_display = ('pregunta', 'fecha_pub', 'publicada_hoy')

Listados (cont.)

Podemos especificar el nombre de la columna:

  1.     def publicada_hoy(self):
  2.         return self.fecha_pub.date() === datetime.date.today()
  3.     publicada_hoy.short_description = '¿Publicada hoy?'

Filtros

Añade a EncuestaAdmin

list_filter = ['fecha_pub']

Añade una columna de filtro

Búsqueda

search_fields = ['pregunta']
  • Añade una caja de búsqueda en la parte superior de los listados.
  • Usa LIKE en las búsquedas.

Fechas

Como las encuestas tienen un campo con fechas podemos facilitar la navegación cronológica:

date_hierarchy = 'fecha_pub'

Paginación

 list_per_page = 100

Personalizar la presentación

  • No tiene sentido ver "Django administration" en la parte superior de las páginas.

Es fácil cambiar usando el sistema de plantillas de Django:

  • Configura TEMPLATE_DIRS (tupla de rutas donde busca plantillas Django) en el fichero settings.py.
 TEMPLATE_DIRS = (
     "/home/my_username/mytemplates", # configura la ruta: rutas absolutas.
 )

Personalizar la presentación (cont.)

  • Copia la plantilla admin/base_site.html
  • del directorio de plantillas de Django(django/contrib/admin/templates)'
  • a un directorio admin dentro de una de las rutas de tus templates.
  • Edita la plantilla.

Configurar la página índice

  • Por defecto aparecen todas las aplicaciones de INSTALLED_APPS por orden alfabético.
  • Para eso hay que cambiar la plantilla admin/index.html.
  • En lugar de usar la variable app_list, puedes forzar las aplicaciones como quieras.

Creación de la interfaz pública

Una vista es un tipo de página web que sirve para una función específica y tiene una plantilla específica. Por ejemplo en un blog podemos tener:

  • La página inicial del Blog (muestra las últimas entradas)
  • El detalle de una entada
  • Página de las entradas por ffechas (día, mes, año)
  • Comentarios

Creación de la interfaz pública (cont.)

En la aplicación de las encuestas:

  • Página índice de Encuestas, que muestre las últimas encuestas
  • Página de detalle de encuestas: Muestra una pregunta con el formulario para votar
  • Página de resultados de una encuesta.

Diseño de URLs

  • El primer paso para escribir una vista es diseñar la estructura de la URL.
  • Django asocia una URL con código Python mediante el módulo URLconf.
  • Las urls se controlan con la variable urlpatterns,
  • que es una secuencia de tuplas con el siguiente formato:
(expresión regular, function python [, diccionario opcional])
  • Django busca por orden y lanza la primera función que cumple el patrón.
  • Cuando Django la encuentra, llama a la función Python con un objeto HttpRequest como primer argumento, valores capturados de la url como argumentos por clave y otros argumentos opcionales (tercer elemento de la tupla)

Diseño de URLs (cont.)

  • URLconf por defecto en urls.py
  1. from django.conf.urls.defaults import patterns, include, url
  2.  
  3. from django.contrib import admin
  4. admin.autodiscover()
  5.  
  6. urlpatterns = patterns('',
  7.     (r'^encuestas/$', 'encuestas.views.index'),
  8.     (r'^encuestas/(?P<encuesta_id>\d+)/$', 'encuestas.views.detalle'),
  9.     (r'^encuestas/(?P<encuesta_id>\d+)/resultado/$', 'encuestas.views.resultado'),
  10.     (r'^encuestas/(?P<encuesta_id>\d+)/votar/$', 'encuestas.views.votar'),
  11.     url(r'^admin/', include(admin.site.urls)),
  12. )

Diseño de URLs (cont.)

Según nuestro ejemplo si el usuario pide

/encuestas/23

Django ejecutará

detalle((request=<HttpRequest object>, encuesta_id='23')
 

Los paréntesis de la expresión regular capturan el texto que coincide con el patrón.

El módulo URLconf compila las expresiones regulares para que se ejecuten más rápidas.

Primera vista

python manage.py runserver

Navedador: http://localhost:8000/encuestas/

 Exception Type: 	ViewDoesNotExist

Primera vista (cont.)

Escribimos las vistas en encuestas/views.py

  1. from django.http import HttpResponse
  2.  
  3. def index(request):
  4.     return HttpResponse(u"Hola, este es el índice de las encuestas.")
  5.  
  6. def detalle(request, encuesta_id):
  7.     return HttpResponse(u"Estás viendo la encuesta %s." % encuesta_id)
  8.  
  9. def resultado(request, encuesta_id):
  10.     return HttpResponse(u"Estás viendo el resultado de la encuesta %s." % encuesta_id)
  11.  
  12. def votar(request, encuesta_id):
  13.     return HttpResponse(u"Estás votando la encuesta %s." % encuesta_id)

Vistas que hacen algo

Ahora vamos a escribir vistas que hagan algo realmente Las vistas tienen que devolver:

  • El objeto HttpResponse con el contenido de la página solicitada o
  • Una excepción (por ej. Http404)

Vistas que hacen algo (cont.)

index

  1. def index(request):
  2.     # Extrae 5 últimas encuestas de la bbdd. Orden: la última primero.
  3.     listado_ultimas = Encuesta.objects.all().order_by('-fecha_pub')[:5]
  4.     # prepara el resultado para mostrarlo
  5.     output = ', '.join([p.pregunta for p in listado_ultimas])
  6.     return HttpResponse(output)

Vistas que hacen algo (cont.)

  • Problema: el diseño de la página está integrado en la vista.
  • Si queremos cambiar el aspecto de la página, hay que editar código python.
  • Idea: separar código y presentación usando el sistema de plantillas de Django

Vistas que hacen algo (cont.)

  1. from django.http import HttpResponse
  2. from django.template import Context, loader
  3. from encuestas.models import Encuesta
  4.  
  5. def index(request):
  6.     # Extrae 5 últimas encuestas de la bbdd. Orden: la última primero.
  7.     listado_ultimas = Encuesta.objects.all().order_by('-fecha_pub')[:5]
  8.     t = loader.get_template('encuestas/index.html')
  9.     c = Context({
  10.         'listado_ultimas': listado_ultimas,
  11.         })
  12.     return HttpResponse(t.render(c))

Primera plantilla

  • plantilla en una ruta incluida en TEMPLATE_DIRS.
  • [directorio_plantillas]/encuestas/index.html"
  • Por seguridad no se extraen las plantillas de la raíz del proyecto.

Primera plantilla (cont.)

{% if listado_ultimas %}
    <ul>
    {% for encuesta in listado_ultimas %}
        <li><a href="/encuestas/{{ encuesta.id}}/">{{ encuesta.pregunta }}</a></li>
    {% endfor %}
    </ul>
{% else %}
    <p>No hay encuestas disponibles.</p>
{% endif %}

Atajo: render_to_response()

  • ¿Para qué repetir tanto?
  1. from django.shortcuts import render_to_response
  2. from encuestas.models import Encuesta
  3.  
  4. def index(request):
  5.     listado_ultimas = Encuesta.objects.all().order_by('-fecha_pub')[:5]
  6.     return render_to_response('encuestas/index.html',
  7.         {'listado_ultimas': listado_ultimas,})

Lanzando una respuesta 404 (no encontrado)

  1. from django.shortcuts import render_to_response
  2. from django.http import Http404
  3. from encuestas.models import Encuesta
  4. # ...
  5. def detalle(request, encuesta_id):
  6.     try:
  7.         enc = Encuesta.objects.get(pk=encuesta_id)
  8.     except Encuesta.DoesNotExist:
  9.         raise Http404  # Si la encuesta no existe, lanza un httpresponse: 404
  10.     return render_to_response('encuestas/detalle.html', {'encuesta': enc})

Lanzando una respuesta 404 (no encontrado)

Creamos una plantilla para encuestas/detalle.html:

{{encuesta}}

Resultado:

$ curl -I http://127.0.0.1:8000/encuestas/12/
HTTP/1.0 404 NOT FOUND
Date: Wed, 24 Aug 2011 05:27:20 GMT
Server: WSGIServer/0.1 Python/2.7.1+
Content-Type: text/html

Otro atajo: get_object_or_404()

  1. from django.shortcuts import render_to_response, get_object_or_404
  2. # ...
  3. def detalle(request, encuesta_id):
  4.     enc = get_object_or_404(Encuesta, pk=encuesta_id)
  5.     return render_to_response('encuestas/detalle.html', {'encuesta': enc})
  • Si buscamos una secuencia de objetos, podemos usar get_list_or_404()

Escribir una vista 404 (página no encontrada)

  • Cuando DEBUG está activado, la vista 404 no se usa y Django muestra el error.
  • Cuando DEBUG está a False, va a buscar un template 404.html en la raíz del directorio de templates.
  • Si no lo encuentra, lanza un Http500. También hay que escribir una plantilla para 500.html.

Detalle.html

Plantilla de detalle.html

<h1>{{ encuesta.pregunta }}</h1>
<ul>
{% for opcion in encuesta.opcion_set.all %}
    <li>{{ opcion.opcion }}</li>
{% endfor %}
</ul>

Sintaxis del punto

  • El sistema de plantillas usa la sintaxis del punto para accceder a los atributos.
  • accede a las opciones desde el objeto encuestas
encuesta.opcion_set.all
  • equivale a
encuesta.opcion_set.all()

Simplificando URLconfs

Podemos usar patrones para evitar repeticiones:

  1. urlpatterns = patterns('encuestas.views',
  2.     (r'^encuestas/$', 'index'),
  3.     (r'^encuestas/(?P<encuesta_id>\d+)/$', 'detalle'),
  4.     (r'^encuestas/(?P<encuesta_id>\d+)/resultado/$', 'resultado'),
  5.     (r'^encuestas/(?P<encuesta_id>\d+)/votar/$', 'votar'),
  6.     )
  7.  
  8. urlpatterns += patterns('',
  9.     (r'^admin/', include(admin.site.urls)),)

Simplificando URLconfs (cont.)

También se pueden desacoplar:

  • Movemos sitio_encuestas/urls.py a encuestas/urls.py
  • Cambiamos sitio_encuestas/urls.py para eliminar las urls de encuestas e insertamos un include():
  1. from django.conf.urls.defaults import *
  2.  
  3. from django.contrib import admin
  4. admin.autodiscover()
  5.  
  6. urlpatterns = patterns('',
  7.     (r'^encuestas/', include('encuestas.urls')),
  8.     (r'^admin/', include(admin.site.urls)),
  9. )

Desacoplado

Así quedará encuestas/urls.py

  1. from django.conf.urls.defaults import *
  2.  
  3. urlpatterns = patterns('encuestas.views',
  4.     (r'^$', 'index'),
  5.     (r'^(?P<encuesta_id>\d+)/$', 'detalle'),
  6.     (r'^(?P<encuesta_id>\d+)/resultado/$', 'resultado'),
  7.     (r'^(?P<encuesta_id>\d+)/votar/$', 'votar'),
  8.     )

Importante: ahora tienen una ruta relativa:

  • podemos instalar la aplicación en distintas URLs
  • ... y la aplicación seguirá funcionando.

Primer formulario

  • actualizar la plantilla del detalle (encuesta/detalle.html)
<h1>{{ encuesta.pregunta }}</h1>
 
{% if mensaje_error %}<p><strong>{{ mensaje_error }}</strong></p>{% endif %}
 
<form action="/encuestas/{{ encuesta.id }}/votar/" method="post">
{% csrf_token %}
{% for opcion in encuesta.opcion_set.all %}
    <input type="radio" name="opcion" id="opcion{{ forloop.counter }}" value="{{ opcion.id }}" />
    <label for="opcion{{ forloop.counter }}">{{ opcion.opcion }}</label><br />
{% endfor %}
<input type="submit" value="Votar" />
</form>

Primer formulario

Mirando el código:

  • Se usa un radio button para cada opción de la encuesta.
  • El valor de cada opción está asociado al de su id.
  • El nombre de los radio es opcion,
  • así cuando un usuario selecciona una opción
  • y pulsa el botón de votar, envia por POST la información opcion=3 (con el número de id elegido)
  • La acción del formulario es /encuestas/Plantilla:Encuesta.id/votar.

Primer formulario (cont.)

  • Los datos se envían por POST.
  • Muy importante porque enviar datos al servidor puede alterar el estado (a diferencia de GET)
  • el forloop.counter indica cuántas veces ha entrado en el bucle.
  • Se usa {% csrf_token %} para evitar Cross Site Request Forgeries.
  • Importante usarlo siempre con POST.

Primer formulario (cont.)

  1. from django.template import RequestContext
  2. # ...
  3. def detalle(request, encuesta_id):
  4.     enc = get_object_or_404(Encuesta, pk=encuesta_id)
  5.     return render_to_response('encuestas/detalle.html',
  6.         {'encuesta': enc},
  7.         context_instance=RequestContext(request))

Acción del formulario

  • La acción se decide desde URLconf
  • cuando ejecutamos la acción de votar, se llama a la función votar
  • que gestiona los datos enviados y hace algo con ellos:
(r'^(?P<encuesta_id>\d+)/votar/$', 'votar')

Acción del formulario (cont.)

La acción puede quedar así:

  1. from django.shortcuts import render_to_response, get_object_or_404
  2. from django.http import HttpResponseRedirect, HttpResponse
  3. from django.core.urlresolvers import reverse
  4. from django.template import RequestContext
  5. from encuestas.models import Encuesta, Opcion
  6.  
  7. def votar(request, encuesta_id):
  8.     enc = get_object_or_404(Encuesta, pk=encuesta_id)
  9.     try:
  10.         opcion_seleccionada = enc.opcion_set.get(pk=request.POST['opcion'])
  11.     except (KeyError, Opcion.DoesNotExist):
  12.         # Vuelve a mostrar el formulario de votación
  13.         return render_to_response('encuestas/detalle.html', {
  14.             'encuesta': enc,
  15.             'mensaje_error': "No has seleccionado ninguna opción.",
  16.         }, context_instance=RequestContext(request))
  17.     # continua ...

Acción del formulario (cont.)

  1.     else:
  2.         opcion_seleccionada.votos += 1
  3.         opcion_seleccionada.save()
  4.         # Siempre devuelve un HttpResponseRedirect después de tratar con éxito
  5.         # un formulario POST. Así se evita enviar dos veces la información cuando
  6.         # el usuario pulsa el botón retroceder.
  7.         return HttpResponseRedirect(reverse('encuestas.views.resultado', args=(enc.id,)))
  8.     return HttpResponse(u"Estás votando la encuesta %s." % encuesta_id)

Acción del formulario (cont.)

Algunas cosas que todavía no hemos visto:

  • request.POST : objeto tipo diccionario
  • permite acceder a los datos enviados por su clave
  • request.POST['opcion'] devuelve el ID de la opción seleccionada como una cadena
  • Los valores de request.POST son siempre cadenas.

Acción del formulario (cont.)

  • Django también proporciona request.GET
  • request.POST['opcion'] lanza una excepción KeyError si no se envía esa información en POST.
  • Después de incrementar el contador de la opción, el código devuelve un HttpResponseRedirect
  • Se usa la función reverse() para evitar escribir a mano la URL en la vista.

Vista resultado

  1. def resultado(request, encuesta_id):
  2.     enc = get_object_or_404(Encuesta, pk=encuesta_id)
  3.     return render_to_response('encuestas/resultado.html', {'encuesta': enc})

Plantilla resultado.html

<h1>{{ encuesta.pregunta}}</h1>
<ul>
{% for opcion in encuesta.opcion_set.all %}
    <li>{{ opcion.opcion }} -- {{ opcion.votos }} voto{{ opcion.votos|pluralize }}</li>
{% endfor %}
</ul>
<a href="/encuestas/{{ encuesta.id }}/">¿Votar otra vez?</a>

Vistas genéricas: ¡todavía menos código!!

  • tareas muy repetitivas en el desarrollo web:
    • obtener datos de la base de datos,
    • según unos parámetros de una URL,
    • cargar una plantilla y
    • devolver la plantilla procesada.

Django proporciona un atajo llamado sistema de generic views.

Vistas genéricas: (cont.)

Para convertir nuestra aplicación al uso de vistas genéricas hay que:

  • Convertir el URLconf.
  • Eliminar algunas vistas innecesarias.
  • Corregir la gestión de las URLs por la nuevas vistas

En un proyecto decidiremos antes si es conveniente el uso de vistas genéricas (mejor que refactorizar)

Modificar encuestas/urls.py URLconf

  1. from django.conf.urls.defaults import *
  2. from django.views.generic import DetailView, ListView
  3. from encuestas.models import Encuesta
  4.  
  5. urlpatterns = patterns('',
  6.     (r'^$',
  7.         ListView.as_view(
  8.             queryset=Encuesta.objects.order_by('-fecha_pub')[:5],
  9.             context_object_name='listado_ultimas',
  10.             template_name='encuestas/index.html')),
  11.     (r'^(?P<pk>\d+)/$',
  12.         DetailView.as_view(
  13.             model=Encuesta,
  14.             template_name='encuestas/detalle.html')),
  15.     url(r'^(?P<pk>\d+)/resultado/$',
  16.         DetailView.as_view(
  17.             model=Encuesta,
  18.             template_name='encuestas/resultado.html'),
  19.         name='resultado_encuesta'),
  20.     (r'^(?P<encuesta_id>\d+)/votar/$', 'encuestas.views.votar'),
  21. )

Vistas genéricas: (cont.)

Vamos a usar dos vistas genéricas: ListView y DetailView. Cada vista tiene que conocer:

  • el modelo sobre el que actúa (model)
  • DetailView necesita la clave primaria, llamada pk.(hay que cambiar encuesta_id a pk)
  • El nombre resultado_encuesta de la vista resultado sirve para referirse a esta URL después.
  • Por defecto la plantilla de DetailView se llama <nombre aplic.>/<nombre modelo>_detail.html. en nuestro caso será: encuestas/encuesta_detail.html Se puede usar el argumento template_name
  • La plantilla de ListView se llama por defecto <nombre_modelo>_list.html
  • El contexto lo gestiona de forma autmática generando encuesta_list. La copción context_object_name permite especificar ultimas_encuestas.
  • Podemos eliminar ya las vistas creadas: index, detalle, resultado.
  • Sobre la redicrección:
return HttpResponseRedirect(reverse('resultado_encuesta', args=(enc.id,)))