SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Programación web con Django
Día 4: Vistas y plantillas
Recapitulemos
● Interfaz administrativa
● Aplicaciones portables
● South
Qué veremos hoy
● Capa de vista
● Capa de plantilla
Las vistas
● Función def con parámetro “request”
● render_to_response
● Mapeo de funciones a urls
● URLs con argumentos
● Vamos a hacer un vista que devuelva la lista
de posts mostrando la intro de los mismos
Las plantillas
● Disclaimer: Soy más bien un backender.
● HTML con la posibilidad de añadir algunas cosas
● Sentencias de control:
– If
– For
– Contexto
● Herencia
● TemplateTags
Ejercicio 1
● Has una vista que muestre un post completo
con su intro y su “mas”. La vista debe recibir
como parámetro el id del post a mostrar y
debe estar correctamente mapeada a una url.
● Modifica la plantilla para que muestre también
los comentarios asociados al post
Mas sobre URLs
● Expresiones regulares
● Urls con nombre
● Urls namespaces
● Reversing urls en la vista
● Reversing urls en la plantilla
Ejercicio 2
● Modifique la vista y la plantilla que listan los
posts para que el titulo del post enlace a la
vista del post que hicimos en el ejercicio1.
Vistas genéricas (CBV)
● Django es Dry, por tanto provee mecanismos
para listar, crear, detalle, modificar y eliminar
● Class Bassed Generic Views
https://docs.djangoproject.com/en/1.5/topics/cl
ass-based-views/generic-display/
– ListView
– DetailView
Vistas genéricas (CBV) II
● Generic Views
– CreateView
– UpdateView
– DeleteView
Ejercicio 3
● Modifique las vistas hechas en el ejercicio 1 y
2 para que utilicen class based generic views
● Añada vistas que permitan crear, editar y
eliminar posts utilizando CBV
Para profundizar más
● ModelForms
● Middleware
● Context Processors
● Decoradores (authentication_required,
user_passes_test)
● Mixins
● TemplateTags

Weitere ähnliche Inhalte

Ähnlich wie Dia4

Manual de administracion de Wordpress
Manual de administracion de WordpressManual de administracion de Wordpress
Manual de administracion de Wordpressmateitoo1Mh
 
Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...
Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...
Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...Corporacion de Industrias Tecnologicas S.A.
 
Despegar Tech Talk - AngularJS
Despegar Tech Talk - AngularJSDespegar Tech Talk - AngularJS
Despegar Tech Talk - AngularJSFacundo Viale
 
San Luis Oct 2008
San Luis Oct 2008San Luis Oct 2008
San Luis Oct 2008guest02b440
 
Evidencia: Sesión virtual “Funciones PHP”
Evidencia: Sesión virtual “Funciones PHP”Evidencia: Sesión virtual “Funciones PHP”
Evidencia: Sesión virtual “Funciones PHP”Alejandro Andrés Aranda
 
Iniciación al Desarrollo Web con Wordpress
Iniciación al Desarrollo Web con WordpressIniciación al Desarrollo Web con Wordpress
Iniciación al Desarrollo Web con WordpressAlejandro Gil Mialdea
 
Desarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbao
Desarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbaoDesarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbao
Desarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbaoDarío BF
 
Evidencia: Sesión virtual “Funciones PHP"
 Evidencia: Sesión virtual “Funciones PHP" Evidencia: Sesión virtual “Funciones PHP"
Evidencia: Sesión virtual “Funciones PHP"Alejandro Andrés Aranda
 
Presentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuroPresentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuroCLEFormación
 
CursoPHP Nivel 1: Basic - Programa
CursoPHP Nivel 1: Basic - ProgramaCursoPHP Nivel 1: Basic - Programa
CursoPHP Nivel 1: Basic - Programasantiagobasulto
 
¡This is drupal! - Global Training Days
¡This is drupal! - Global Training Days¡This is drupal! - Global Training Days
¡This is drupal! - Global Training DaysLa Drupalera
 

Ähnlich wie Dia4 (20)

Angular Conceptos Practicos 1
Angular Conceptos Practicos 1Angular Conceptos Practicos 1
Angular Conceptos Practicos 1
 
Instructivo themewordpress
Instructivo themewordpressInstructivo themewordpress
Instructivo themewordpress
 
Dia5
Dia5Dia5
Dia5
 
Manual de administracion de Wordpress
Manual de administracion de WordpressManual de administracion de Wordpress
Manual de administracion de Wordpress
 
Compu
CompuCompu
Compu
 
Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...
Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...
Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...
 
Despegar Tech Talk - AngularJS
Despegar Tech Talk - AngularJSDespegar Tech Talk - AngularJS
Despegar Tech Talk - AngularJS
 
San Luis Oct 2008
San Luis Oct 2008San Luis Oct 2008
San Luis Oct 2008
 
San Luis Oct 2008
San Luis Oct 2008San Luis Oct 2008
San Luis Oct 2008
 
Guia4 html
Guia4 htmlGuia4 html
Guia4 html
 
Evidencia: Sesión virtual “Funciones PHP”
Evidencia: Sesión virtual “Funciones PHP”Evidencia: Sesión virtual “Funciones PHP”
Evidencia: Sesión virtual “Funciones PHP”
 
Iniciación al Desarrollo Web con Wordpress
Iniciación al Desarrollo Web con WordpressIniciación al Desarrollo Web con Wordpress
Iniciación al Desarrollo Web con Wordpress
 
Desarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbao
Desarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbaoDesarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbao
Desarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbao
 
Wordpress
WordpressWordpress
Wordpress
 
Evidencia: Sesión virtual “Funciones PHP"
 Evidencia: Sesión virtual “Funciones PHP" Evidencia: Sesión virtual “Funciones PHP"
Evidencia: Sesión virtual “Funciones PHP"
 
Presentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuroPresentación Seminario Cleformación HTML5, El lenguaje del futuro
Presentación Seminario Cleformación HTML5, El lenguaje del futuro
 
Web blog
Web blogWeb blog
Web blog
 
CursoPHP Nivel 1: Basic - Programa
CursoPHP Nivel 1: Basic - ProgramaCursoPHP Nivel 1: Basic - Programa
CursoPHP Nivel 1: Basic - Programa
 
Curso Jsp Mas
Curso Jsp MasCurso Jsp Mas
Curso Jsp Mas
 
¡This is drupal! - Global Training Days
¡This is drupal! - Global Training Days¡This is drupal! - Global Training Days
¡This is drupal! - Global Training Days
 

Mehr von Esau Rodriguez

Mehr von Esau Rodriguez (8)

Django avanzado: Dia4
Django avanzado: Dia4Django avanzado: Dia4
Django avanzado: Dia4
 
Django Avanzado: Dia3
Django Avanzado: Dia3Django Avanzado: Dia3
Django Avanzado: Dia3
 
Django avanzado: Dia 2
Django avanzado: Dia 2Django avanzado: Dia 2
Django avanzado: Dia 2
 
Django avanzado: Dia1
Django avanzado: Dia1Django avanzado: Dia1
Django avanzado: Dia1
 
Dia3
Dia3Dia3
Dia3
 
Dia1
Dia1Dia1
Dia1
 
Django tlp2k11
Django tlp2k11Django tlp2k11
Django tlp2k11
 
Cursos Isla 2007: Administración Avanzada Linux (DHCP)
Cursos Isla 2007: Administración Avanzada Linux (DHCP)Cursos Isla 2007: Administración Avanzada Linux (DHCP)
Cursos Isla 2007: Administración Avanzada Linux (DHCP)
 

Kürzlich hochgeladen

Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 

Kürzlich hochgeladen (11)

Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 

Dia4

  • 1. Programación web con Django Día 4: Vistas y plantillas
  • 2. Recapitulemos ● Interfaz administrativa ● Aplicaciones portables ● South
  • 3. Qué veremos hoy ● Capa de vista ● Capa de plantilla
  • 4. Las vistas ● Función def con parámetro “request” ● render_to_response ● Mapeo de funciones a urls ● URLs con argumentos ● Vamos a hacer un vista que devuelva la lista de posts mostrando la intro de los mismos
  • 5. Las plantillas ● Disclaimer: Soy más bien un backender. ● HTML con la posibilidad de añadir algunas cosas ● Sentencias de control: – If – For – Contexto ● Herencia ● TemplateTags
  • 6. Ejercicio 1 ● Has una vista que muestre un post completo con su intro y su “mas”. La vista debe recibir como parámetro el id del post a mostrar y debe estar correctamente mapeada a una url. ● Modifica la plantilla para que muestre también los comentarios asociados al post
  • 7. Mas sobre URLs ● Expresiones regulares ● Urls con nombre ● Urls namespaces ● Reversing urls en la vista ● Reversing urls en la plantilla
  • 8. Ejercicio 2 ● Modifique la vista y la plantilla que listan los posts para que el titulo del post enlace a la vista del post que hicimos en el ejercicio1.
  • 9. Vistas genéricas (CBV) ● Django es Dry, por tanto provee mecanismos para listar, crear, detalle, modificar y eliminar ● Class Bassed Generic Views https://docs.djangoproject.com/en/1.5/topics/cl ass-based-views/generic-display/ – ListView – DetailView
  • 10. Vistas genéricas (CBV) II ● Generic Views – CreateView – UpdateView – DeleteView
  • 11. Ejercicio 3 ● Modifique las vistas hechas en el ejercicio 1 y 2 para que utilicen class based generic views ● Añada vistas que permitan crear, editar y eliminar posts utilizando CBV
  • 12. Para profundizar más ● ModelForms ● Middleware ● Context Processors ● Decoradores (authentication_required, user_passes_test) ● Mixins ● TemplateTags