Django

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

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

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.

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

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

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

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:

 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%;

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;
}

 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:

 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”

 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/

Django

Cargado por

Copyright:

Formatos disponibles

Django

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Django

Cargado por

Copyright:

Formatos disponibles

Tecnología de Programación V Ciclo

Es un framework de desarrollo web que provee una infraestructura de

Django es un conjunto de bibliotecas y herramientas que nos van a permitir

A continuación se presenta brevemente información acerca de la aparición y

Apareció el año 2003, cuando un equipo de desarrolladores web del diario

Estructura de un sitio web

En Django tenemos Proyectos y Aplicaciones:

Aplicación Aplicación Aplicación

Ing. Ricardo More Reaño 1

Esta arquitectura separa las aplicaciones en tres partes y Django propone

Modelo: Define la estructura de la base de datos y se encarga de la

Descarga e instalación de Django

Si observamos nuestra carpeta personal nos daremos cuenta que se ha

2) sudo tar zxvf Django-1.3.1.tar.gz

Ing. Ricardo More Reaño 2

Si observamos nuestra carpeta personal nos daremos cuenta que después de

Ahora estamos en la carpeta Django-1.3.1

4) sudo python setup.py install

Vamos a constatar si django está correctamente instalado, para eso

Descargar e instalar el conector de base de datos

Nosotros utilizaremos como servidor de base de datos mysql(se puede

Ing. Ricardo More Reaño 3

Se ha descargado el archivo en la carpeta personal.

sudo tar zxvf setuptools-0.6c11.tar.gz

Nos ubicamos en la carpeta setuptools-0.6c11/

sudo python setup.py install

sudo apt-get install libmysqlclient-dev

sudo apt-get install python-mysqldb

Ing. Ricardo More Reaño 4

También podemos hacerlo instalando el paquete

MySQLdb desde http://www.djangoproject.com/r/python-mysql/

Vamos a constatar si MySQLdb está correctamente instalado, para eso

Un proyecto es una colección de configuraciones para una instancia de Django,

 En primer lugar vamos a crear un directorio(carpeta) con el nombre más

 En una terminal escribir: django-admin.py startproject prueba

Ing. Ricardo More Reaño 5

se ha creado nuestro proyecto en el directorio sitio_web.

Al abrir el proyecto podemos apreciar los siguientes archivos, de los cuales se

• __init__.py: Un archivo necesario para que Python trate el directorio ejemplo

Ing. Ricardo More Reaño 6

Debe mostrarse la siguiente página:

 En el proyecto vamos a crear dos nuevas carpetas(directorios) los que se

 Dentro del directorio prueba se han creado static(contenido estático) y

Ing. Ricardo More Reaño 7

 Abrir el archivo settings.py con un editor de texto que puede observarlo en la

 En el mismo el archivo ubicar la variable: STATICFILES_DIRS y agregar lo

 En el mismo el archivo ubicar la variable: TEMPLATE_DIRS y agregar lo

Ing. Ricardo More Reaño 8

Ing. Ricardo More Reaño 9

 Dentro del directorio templates vamos a crear un archivo html de nombre:

python manage.py startapp bienvenida

Dentro del proyecto tenemos:

Ing. Ricardo More Reaño 10

 Se crea la función de vista que enviará la información a la plantilla.

from django.shortcuts import render

 En el directorio templates vamos a crear el archivo html de nombre

En la imagen se aprecia “saludo.html”

Ing. Ricardo More Reaño 11

 Vamos a relacionar la función de vista con un patrón URL. Tenemos que

• init.py: Un archivo necesario para que Python trate el directorio ejemplo