Tecnología de Programación V Ciclo
Django
Framework web de Python
Es un framework de desarrollo web que provee una infraestructura de
programación para las aplicaciones , es de código abierto, el cual ha sido escrito con
Python acorde al paradigma Model Template View, fue nombrado así en referencia al
guitarrista de jazz gitano Django Reinhardt. Django se centra en automatizar todo lo
posible y se adhiere al principio “Don't Repeat Yourself”. Permite construir en
profundidad, de forma dinámica, sitios interesantes en un tiempo extremadamente
corto.
Django es un conjunto de bibliotecas y herramientas que nos van a permitir
crear sitios web de forma más rápida y con menos código, ya que nos proporciona
muchas aplicaciones útiles para cosas comunes del desarrollo web, como
autenticación de usuarios o administración del contenido del sitio, entre otras, también
podemos encontrar aplicaciones de terceros para reutilizar y modificar código.
Historia
A continuación se presenta brevemente información acerca de la aparición y
evolución de Django:
Apareció el año 2003, cuando un equipo de desarrolladores web del diario
Lawrence Journal World: Adrian Holovaty y Simon Willison, comenzaron a usar
Python para crear sus aplicaciones. El equipo de The World Online, responsable de la
producción y mantenimiento de varios sitios locales de noticias, prosperaban en un
entorno de desarrollo presionados por las fechas límite del periodismo, es así que los
periodistas y directivos exigían que se agregaran nuevas características y que
aplicaciones enteras se crearan a una velocidad vertiginosa, es así que Adrian y
Simon desarrollaron por necesidad un framework de desarrollo Web que les ahorrara
tiempo, era la única forma en que podían crear aplicaciones mantenibles en tan poco
tiempo. Luego en el año 2005, luego de haber desarrollado este framework hasta el
punto en que estaba haciendo funcionar la mayoría de los sitios World Online, que
ahora incluía a Jacob Kaplan Moss, liberó el framework como software de código
abierto.
Estructura de un sitio web
En Django tenemos Proyectos y Aplicaciones:
a) Proyecto: va a contener la configuración general de nuestro sitio (la base de
datos, email de los admins, etc.) y un conjunto de aplicaciones.
b) Aplicaciones: van a ser las que tengan la funcionalidad en sí de nuestro sitio.
Proyecto
Aplicación Aplicación Aplicación
. . . .
Ing. Ricardo More Reaño 1
Tecnología de Programación V Ciclo
Arquitectura MVC(Modelo-Vista-Controlador)
Esta arquitectura separa las aplicaciones en tres partes y Django propone
utilizarla:
Modelo: Define la estructura de la base de datos y se encarga de la
comunicación con ella.
Vista: la interfaz del usuario, con el código que elije qué datos pedirle o
mostrarle en cada momento.
Controladores: esta parte permite seleccionar qué vistas ejecutar en
respuesta a las acciones o peticiones del usuario.
Instalación de Python
Como nosotros utilizamos ubuntu ya tenemos instalado python, pues lo vimos
en la sesión anterior y lo podemos verificar escribiendo en una terminal: python
Descarga e instalación de Django
En una terminal escribimos como se muestra a continuación:
1) wget http://media.djangoproject.com/releases/1.3/Django-1.3.1.tar.gz
Si observamos nuestra carpeta personal nos daremos cuenta que se ha
descargado: Django-1.3.1.tar.gz
2) sudo tar zxvf Django-1.3.1.tar.gz
Ing. Ricardo More Reaño 2
Tecnología de Programación V Ciclo
Si observamos nuestra carpeta personal nos daremos cuenta que después de
descomprimir tenemos:
3) cd "Django-1.3.1"
Ahora estamos en la carpeta Django-1.3.1
4) sudo python setup.py install
Verificación de la instalación
Vamos a constatar si django está correctamente instalado, para eso
accedemos a la shell de comandos e iniciamos el interprete python e importamos
django escribiendo: import django y luego mostrar la versión instalada con
django.VERSION
Descargar e instalar el conector de base de datos
Nosotros utilizaremos como servidor de base de datos mysql(se puede
realizar con otros), que es el que ya tenemos instalado en nuestros equipos, lo que
implica trabajar con el conector MySQLdb.
Primero se instalará los paquetes con los cuales tiene dependencias, estos
son: setuptools y libmysqlclient-dev.
Ing. Ricardo More Reaño 3
Tecnología de Programación V Ciclo
a) setuptools
wget pypi.python.org/packages/source/s/setuptools/setuptools-0.6c11.tar.gz
Se ha descargado el archivo en la carpeta personal.
sudo tar zxvf setuptools-0.6c11.tar.gz
Se descomprime.
cd setuptools-0.6c11/
Nos ubicamos en la carpeta setuptools-0.6c11/
sudo python setup.py install
Se instala.
b) libmysqlclient-dev
sudo apt-get install libmysqlclient-dev
c) MySQLdb
sudo apt-get install python-mysqldb
Ing. Ricardo More Reaño 4
Tecnología de Programación V Ciclo
También podemos hacerlo instalando el paquete
MySQLdb desde http://www.djangoproject.com/r/python-mysql/
Verificación de la instalación
Vamos a constatar si MySQLdb está correctamente instalado, para eso
accedemos a la shell de comandos e iniciamos el interprete python e importamos
MySQLdb escribiendo: import MySQLdb y luego MySQLdb.__doc__
PROYECTO
Un proyecto es una colección de configuraciones para una instancia de Django,
incluyendo configuración de base
de datos, opciones específicas de Django y configuraciones específicas de
aplicaciones.
En primer lugar vamos a crear un directorio(carpeta) con el nombre más
adecuado, en nuestro caso: sitio_web
Nos ubicamos en el directorio actual.
En una terminal escribir: django-admin.py startproject prueba
Ing. Ricardo More Reaño 5
Tecnología de Programación V Ciclo
se ha creado nuestro proyecto en el directorio sitio_web.
Al abrir el proyecto podemos apreciar los siguientes archivos, de los cuales se
hace una breve descripción:
• __init__.py: Un archivo necesario para que Python trate el directorio ejemplo
como un paquete (un grupo de módulos de Python). Es un fichero vacío y
normalmente no se le añade nada.
• manage.py: Script que permite interactuar con el proyecto de Django de
diversas maneras.
• settings.py: Características de configuración de este proyecto Django.
• urls.py: Las direcciones URL de este proyecto Django. Piense en ello como la
“tabla de contenidos” de su sitio Django.
Servidor de desarrollo
Django tiene su propio servidor de desarrollo que permite probar las
aplicaciones de forma eficiente de forma local, el que podemos utilizar antes de
hacerlo con uno de producción como apache por ejemplo.
Vamos a correr el servidor web de desarrollo para determinar si funciona,
tenemos primero que ubicarnos en nuestro directorio(prueba) y luego en el mismo
terminal escribir:
python manage.py runserver
Ing. Ricardo More Reaño 6
Tecnología de Programación V Ciclo
En un navegador la url:
http://localhost:8000
También puede ser:
ttp://127.0.0.1:8000
Debe mostrarse la siguiente página:
En el proyecto vamos a crear dos nuevas carpetas(directorios) los que se
llamarán: static y templates
En una terminal escribir: mkdir static y mkdir templates, primero hay que
cambiarnos a nuestro directorio(prueba).
Dentro del directorio prueba se han creado static(contenido estático) y
templates(plantillas) como se aprecia en la siguiente imagen:
Ing. Ricardo More Reaño 7
Tecnología de Programación V Ciclo
Abrir el archivo settings.py con un editor de texto que puede observarlo en la
imagen anterior y agregar en la parte superior lo siguiente: import os.path
En el mismo el archivo ubicar la variable: STATICFILES_DIRS y agregar lo
siguiente:
os.path.join(os.path.dirname(__file__), 'static').replace('\\','/'),
En el mismo el archivo ubicar la variable: TEMPLATE_DIRS y agregar lo
siguiente:
os.path.join(os.path.dirname(__file__),'templates').replace('\\','/'),
Dentro del directorio static vamos a crear una una hoja de estilos de nombre:
forma(forma.css), el cual va a tener el siguiente código:
body {
color: #bfaa28;
background: #453669;
padding: 0 2em;
margin: 0;
font-family: FreeSerif;
font-size: 120%;
Ing. Ricardo More Reaño 8
Tecnología de Programación V Ciclo
h1 {
padding: 20px 30px;
background: #675fff;
color: #ffa232;
font-size: 150%;
text-align: center
}
h2 {
color: #bf8aaa;
border-top: 1px dotted #ffffff;
margin-top: 2em
}
p{
margin: 1em 0
}
a:link {
color: #fe5122;
}
a:visited {
color: #fe5121;
}
a:hover {
color: #fe5aaa;
}
hr {
margin: 20px 0px;
color: #bbdcdd;
background-color: #efa1ff;
height: 4px;
}
footer {
font-size: 80%;
color: #ffa567;
text-align: center;
}
Ing. Ricardo More Reaño 9
Tecnología de Programación V Ciclo
Dentro del directorio templates vamos a crear un archivo html de nombre:
ejemplo(ejemplo.html), el cual va a tener el siguiente código:
<html lang="es">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="{{ STATIC_URL }}forma.css"/>
<title>{% block titulo %}Sin título{% endblock %}</title>
</head>
<body>
{% block principal %}Sin cuerpo{% endblock %}
<hr/>
<footer>
Ingeniería de Sistemas V Ciclo
</footer>
</body>
</html>
Crear una aplicación que tendrá por nombre bienvenida, la misma que se
ubicará dentro de nuestro proyecto. En una terminal escribir(tenemos que estar
dentro de nuestro proyecto):
python manage.py startapp bienvenida
Dentro del proyecto tenemos:
Ing. Ricardo More Reaño 10
Tecnología de Programación V Ciclo
Se crea la función de vista que enviará la información a la plantilla.
Tenemos que editar el archivo views.py que se encuentra dentro la aplicación
bienvenida en nuestro proyecto prueba. Se debe agregar lo siguiente:
from django.shortcuts import render
def presenta(request):
return render(request, 'saludo.html', {'nombre': 'Estudiantes de la
Escuela Profesional ...'})
En el directorio templates vamos a crear el archivo html de nombre
saludo(saludo.html), con el siguiente contenido:
{% extends "ejemplo.html" %}
{% block titulo %}Tema 12{% endblock %}
{% block principal %}
<h1>Bienvenidos {{ nombre }}!</h1>
<p>
Aplicación web utilizando el framework Django.
</p>
{% endblock %}
En la imagen se aprecia “saludo.html”
Ing. Ricardo More Reaño 11
Tecnología de Programación V Ciclo
Vamos a relacionar la función de vista con un patrón URL. Tenemos que
editar el archivo urls.py de nuestro proyecto agregando:
(r'^bienvenida/$', 'prueba.bienvenida.views.presenta'),
En su navegador escribir: http://localhost:8000/bienvenida/
Ing. Ricardo More Reaño 12
