Está en la página 1de 56

RECUERDA PONER A GRABAR LA

CLASE
Clase 18. Python

Portfolio (parte 2)
2do AFTERCLASS - TUTORES

Introducción a
Bases de Datos Relacionales
19:00 HS ARG
1/07/2022
Presenta: Julián David Fernandez
● Reconocer un modelo.
● Identificar algunos tag de los templates.
OBJETIVOS DE LA CLASE ● Crear nuestro portafolio.
CRONOGRAMA DEL CURSO
Clase 17 Clase 18 Clase 19

Django - Portfolio Django - Portfolio Playground Intermedio


(parte 1) (parte 2) (Parte I )

¿EN QUÉ AÑO NACISTE? IMC WEB MI DJANGO A GITHUB

TEMPLATE NOMBRE ALEATORIO WEB JUGANDO CON HTML

NUESTRO PRIMER MVT


Plantillas Django
Plantillas
¿Qué son?
Son archivos que nos permiten separar la vista de la estética, es decir
guardar en un archivo separado de todo lo que guardabamos en
“documento”, para así enviar por la HttpsResponse.

Entonces, ¿podríamos decir que así se crea un template? 😏


¡Exacto! 👏
Recordemos que Django se basaba en Modelo,Vista, Template.
TEMPLATE
Creando nuestro primer template

TIEMPO: 20 MIN
ACUERDOS

Presencia Escucha Activa Apertura al Todas las voces


aprendizaje
template
Consigna: Vamos a crear nuestro primer template. Esto necesitará de un “template”,
propiamente dicho, es decir lo que se muestra. Además necesitaremos un “contexto”,
esto es para manejar contenido que cambia, por ejemplo nuestro nombre en el ejercicio
anterior. Y por último crear un “render” es decir una transformación a pagina web.

NOTA: usaremos los breakouts rooms. El tutor/a tendrá el rol de facilitador/a.


Paso a paso
1) Dentro de hola_mundo,
creamos una carpeta
templates

2) dentro de la carpeta
templates, creamos otra
carpeta hola_mundo
3) Dentro de hola_mundo
creamos index.html
Paso a paso
4) Dentro de index.html, escribimos html:5 y apretamos enter.
Se crea automáticamente un esqueleto.
Paso a paso

5) Dentro de <body>
</body>, escribimos lo
que queremos que se vea
en nuestra página web.
Paso a paso

6) Llamamos a index.html
desde una nueva vista
(mostrar_mi_template),
Creamos la ruta al view
7)

Vamos al navegador y colocamos en la barra de direcciones:


Pantalla amarilla de la muerte

Esto es una típica pantalla


de error, lo que nos está
diciendo es que no
encuentra el template en la
ruta
hola_mundo/index.html
Esto se arregla agregando una configuración en el
settings.py
Pantalla amarilla de la muerte

8) Para corregir el error le


tenemos que agregar
nuestra app, hola_mundo
al settings.py
MEJORAS EN LAS PLANTILLAS
Variables a las plantillas
Desde una plantilla podemos hacer referencia a variables de nuestra vista. Para
esto debemos darle esa variable al contexto, lo usaremos por primera vez.

Veámoslo con nuestra función probandoTemplate de la clase anterior. El envío


de variables al contexto se realizará desde diccionarios de python 👉
Variables a las plantillas
¡PARA PENSAR!
¿Cómo lograrían ésto?

CONTESTA EN EL CHAT DE ZOOM


BUCLES Y CONDICIONALES
¡PARA PENSAR!
Supongamos que quiero enviar una variable compleja a mi template,
como por ejemplo una clase, una clase padre heredada, una tupla o
una lista. ¿Se podrá?

CONTESTA EN EL CHAT DE ZOOM


Las plantillas nos sorprenden
Podemos ejecutar código Python desde la plantilla gracias a Django, usando {{}}
para variables, o {% %} para bucles y condicionales.

Veamos cómo recorrer


esa lista
👀

Abre el for

Recorre

Cierra el for
Las plantillas nos sorprenden
Ahora le agregaremos un condicional, si la nota es
menor que 4 en rojo, en otro caso en azul:

Más TAG: Built-in template tags and filters |


docs.djangoproject.com
índice de masa corporal
calcular el IMC.
índice de masa corporal

Utilizando un formulario y un request GET calcular el IMC del


usuario

Tiempo estimado: 10 min.


Nombre Aleatorio
elegir un nombre de una lista de forma aleatoria.
Nombre Aleatorio

Dada una lista de nombres ingresadas por un formulario y una


request GET, elegir uno de forma aleatoria y mostrar en el
template, lista de nombres y el nombre elegido.

BREAK
¡5/10 MINUTOS Y VOLVEMOS!
MODELO
¿Qué sabemos de Django?
Hemos visto que Django se basa en el patrón MTV, ya conocemos los
Templates (lo que se ve), las View (la información que se pasa al
template), ahora nos falta saber qué es el modelo.
¿Qué es el MODELO?
El modelo es la parte de nuestro proyecto que almacena, borra, modifica
y manipula el caudal principal de los datos, apoyándose en alguna bb.dd.

De base de datos no debemos saber mucho gracias a Django


��
En nuestro caso usaremos la base de datos integrada SQlite que viene integrada y
simplificada.
Crear el modelo
Vamos a models.py que se encuentra en nuestra app, AppCoder y creamos la
estructura de nuestros modelos, por medio de clases, empezaremos por Curso:
Crear el modelo
Sigamos con las otras:

Ya tenemos la estructura de nuestra


app. Entonces debemos informar a
Django.

● Vamos a settings,
● INSTALLED_APPS y
● Agregamos nuestra APP.
Crear el modelo

Es buen momento para

�� ver si hemos realizado


todo bien hasta ahora:

python manage.py check AppCoder


Crear el modelo - BB.DD
Llegó la hora de transformar nuestros modelos en base de datos:

python manage.py makemigrations


Crear el modelo - BD

¡Ya se ha
creado la
BB.DD!
Crear el modelo - BD
Ya tenemos la BD, pero aún está vacía, debemos generar su estructura, para eso:

1. python manage.py sqlmigrate AppCoder 0001


(Eso nos dará muchas líneas en código sql)

2. python manage.py migrate


(Con ésto, esas líneas de sql impactan en nuestra base de datos)
Agregar un Registro
Tenemos que ingresar al django shell, en la consola bash corremos este comando:

python manage.py shell


Agregar información a mi BD
Una vez en el shell, se tienen que correr las siguientes líneas:
Agregar información a mi BD
Para confirmar que se agrego el registro:
Mostrar Info de la BD
creamos una nueva function en views.py:
Mostrar Info de la BD
creamos un template estudiantes.html dentro de templates/mi_app/:
Mostrar Info dela BD
agregamos una ruta en urls.py:
Mostrar Info dela BD
Ver el resultado entrando al browser:
EJEMPLO EN VIVO
Agregaremos info a nuestra BD desde consola y desde DB
Browser.
6

NUESTRO PRIMER MVT


Crear una web que permita ver los datos de algunos de tus
familiares, guardados en un BD.
Nuestro primer MVT
Formato: El proyecto deberá subirse a oneDrive, Dropbox o Drive
nombrado como “MVT+Nombre”.
Sugerencia: Verificar que tengamos permisos para acceder.

>> Consigna: Crear una web que permite ver los datos de algunos de tus familiares, guardados
en un BD.

1. Deberá tener un template, una vista y un modelo (como mínimo, pueden usar más)
2. La clase del modelo, deberá guardar mínimo un número, una cadena (puede guardar más
cosas)
3. Se deberán crear como mínimo 3 familiares
4. Los familiares se deben ver desde la web.
¿PREGUNTAS?
¡MUCHAS GRACIAS!
Resumen de lo visto en clase hoy:
- Aprendimos a usar Python en Html
- Definimos y creamos nuestro primer Modelo
- Diferenciamos entre proyecto y app.
OPINA Y VALORA ESTA CLASE
#DEMOCRATIZANDOLAEDUCACIÓN

También podría gustarte