Motivación

Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Curso de Extensión: Introducción a Django

Clase 1: Primera aplicación y configuración

Dr. Cristian Martínez

DI-UNSa
cmartinez@di.unsa.edu.ar

UNSa UNJu UNPSJB UNDeC UNAP UPDS ISdelM

October 4, 2022

Cristian Martínez October 4, 2022 Clase 1 1 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Table of Contents

1. Motivación Hola a todos!

2. Django Agregando Bootstrap
Introducción 4. Segunda Aplicación
3. Primera Aplicación 5. Conclusiones

Cristian Martínez October 4, 2022 Clase 1 2 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Table of Contents

1. Motivación Hola a todos!

2. Django Agregando Bootstrap
Introducción 4. Segunda Aplicación
3. Primera Aplicación 5. Conclusiones

Cristian Martínez October 4, 2022 Clase 1 3 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Nos introduciremos al funcionamiento de Django y desarrollaremos

nuestra primera aplicación.

Cristian Martínez October 4, 2022 Clase 1 4 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Table of Contents

1. Motivación Hola a todos!

2. Django Agregando Bootstrap
Introducción 4. Segunda Aplicación
3. Primera Aplicación 5. Conclusiones

Cristian Martínez October 4, 2022 Clase 1 5 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Funcionamiento general de una web

Una aplicación web tradicional espera peticiones HTTP desde el

browser (u otros clientes). Cuando se recibe una, se consultan/modifican/et
datos de la Base de Datos o se realizan otras tareas.
A continuación, la aplicación devolverá una respuesta al browser,
generalmente creando una página HTML dinámica.

Cristian Martínez October 4, 2022 Clase 1 6 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

¿Cómo funciona Django?

Una aplicación Django hace algo similar pero agrupa el código en
diferentes archivos, de manera organizada y simple!

Cristian Martínez October 4, 2022 Clase 1 7 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

¿Cómo funciona Django?

• Peticiones HTTP: las peticiones (funcionalidades) deben ser

espeficadas y atendidas.
• Modelos: se refiere a los datos que maneja nuestra aplicación,
los cuales deben estar organizados.
• Vistas: Es la componente más importante. Es la respuesta a
una petición. Para ello, se comunicará con Modelos para
gestionar datos y renderizará resultados/respuestas usando
Templates.
• Templates: Se crearán diferentes templates para devolver
resultados/respuestas dinámicas al browser.

Cristian Martínez October 4, 2022 Clase 1 8 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Table of Contents

1. Motivación Hola a todos!

2. Django Agregando Bootstrap
Introducción 4. Segunda Aplicación
3. Primera Aplicación 5. Conclusiones

Cristian Martínez October 4, 2022 Clase 1 9 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Recordatorio

Como trabajaremos continuamente con proyectos y aplicaciones, es

recomendable recordar los tips de abajo.

Abrir y Cerrar proyecto

• Cerrar: deactivate
• Abrir:
• Ir a la carpeta donde está el entorno virtual y Django
• Activar el entorno: source my_env/bin/activate

Ahora vamos con el primer ejemplo!

Cristian Martínez October 4, 2022 Clase 1 10 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Un proyecto Django puede tener una o varias aplicaciones. Vamos a

crear una.

python manage.py startapp hello

Cristian Martínez October 4, 2022 Clase 1 11 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Creando la primera aplicación

Configurando y tipeando

Una vez creada la aplicación hello:

• La instalamos en nuestro Proyecto. Vamos a settings.py
• Buscamos la entrada INSTALLED_APPS. Allí agregamos
’hello’.
• En ALLOWED_HOSTS agregamos la IP de prueba ’127.0.0.1’
• Creamos una Vista. Vamos a views.py y escribimos una
función que renderice un archivo html (Template).
def hello(request):
return render(request, ’hello.html’, {})

Sigue . . .

Cristian Martínez October 4, 2022 Clase 1 12 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Creando la primera aplicación

Configurando y tipeando

• Creamos un template. Antes, creamos una carpeta templates

dentro de la aplicación. Allí creamos hello.html y escribimos:
<h1>Hola a todos! Vamos Django!</h1>

Cristian Martínez October 4, 2022 Clase 1 13 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Creando la primera aplicación

Configurando y tipeando

• Hacemos accesible la funcionalidad desarrollada.

• Vamos a urls.py del Proyecto y escribimos:
from django.urls import path, include
urlpatterns = [
#...
path(”, include(’hello.urls’)),
]
• Creamos un urls.py dentro de la aplicación y linkeamos
funcionalidad con función en Vista:
from django.urls import path
from hello import views
urlpatterns = [
path(”, views.hello, name=’hello’),
]

Cristian Martínez October 4, 2022 Clase 1 14 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Creando la primera aplicación

Configurando y tipeando

• Probar!

Cristian Martínez October 4, 2022 Clase 1 15 / 21

 Vamos al PDF! (demasiado
tiempo perdido formateando en
Látex)
 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Table of Contents

1. Motivación Hola a todos!

2. Django Agregando Bootstrap
Introducción 4. Segunda Aplicación
3. Primera Aplicación 5. Conclusiones

Cristian Martínez October 4, 2022 Clase 1 17 / 21

Vamos al PDF! (misma
protesta)
 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Table of Contents

1. Motivación Hola a todos!

2. Django Agregando Bootstrap
Introducción 4. Segunda Aplicación
3. Primera Aplicación 5. Conclusiones

Cristian Martínez October 4, 2022 Clase 1 19 / 21

 Motivación
Django
Primera Aplicación
Segunda Aplicación
Conclusiones

Es importante entender el funcionamiento de Django para crear una

aplicación web. Las componentes son:
• URLS
• Modelos
• Vistas
• Templates

Por supuesto que hay detalles que debemos profundizar:

• Cómo crear y manipular Modelos
• Cómo implementar Vistas
• Cómo trabajar en mejores Templates
• Si hay problemas en URLS . . . mejor repasar! :=)

Cristian Martínez October 4, 2022 Clase 1 20 / 21

Seguimos la próxima clase!