Tutorial3 Desymfony - La Vista. Twig
1 recomendación2,497 vistas
El documento habla sobre las plantillas y motores de plantillas en MVC, específicamente Twig. Explica las etiquetas básicas de Twig como mostrar variables y filtros. También cubre la integración de Twig con Symfony como la estructura de archivos y nombres. Finalmente, discute la creación de extensiones personalizadas para Twig.
![Etiquetas Básicas Mostrar variables Acceso a atributos {{ var }} <?php echo htmlspecialchars($var, ENT_QUOTES, 'UTF-8') ?> {{ var.name }} <?php echo $var['name'] ?> //evaluar si es un array y existe la clave <?php echo $var->name ?> //evaluar si es un objeto y existe la propiedad <?php echo $var->name() ?> //evaluar si es un objeto y existe el método <?php echo $var->getName() ?> //evaluar si es un objeto y existe el método getXXX() <?php echo $var->isName() ?> //evaluar si es un objeto y existe el método isXXXX()](https://image.slidesharecdn.com/presentacion-tutorial3-110701101320-phpapp01/85/Tutorial3-Desymfony-La-Vista-Twig-15-320.jpg)
Tutorial3 Desymfony - La Vista. Twig
- 4. La Vista en MVC Representa los datos del modelo, gestionados por el controlador. Misión: Representación
- 5. Define formato(s) de visualización, agregando assets necesarios (css, js, imágenes...)
- 6. Es el interfaz final de usuario
- 7. Plantillas y Motores La plantilla (template) es el archivo donde se instalan los datos (dinámicos) a mostrar al usuario
- 8. Una de las funciones originales de PHP, y lo ha sido durante todo este tiempo, es la de servir de motor de templates
- 9. Soluciones avanzadas y específicas para esta función
- 10. Twig: Ventajas Herencia de templates / bloques
- 11. Funciones específicas de templates (output-escaping)
- 13. Extensible
- 14. Rapidez – Plantillas son transformadas en PHP
- 15. Etiquetas Básicas Mostrar variables Acceso a atributos {{ var }} <?php echo htmlspecialchars($var, ENT_QUOTES, 'UTF-8') ?> {{ var.name }} <?php echo $var['name'] ?> //evaluar si es un array y existe la clave <?php echo $var->name ?> //evaluar si es un objeto y existe la propiedad <?php echo $var->name() ?> //evaluar si es un objeto y existe el método <?php echo $var->getName() ?> //evaluar si es un objeto y existe el método getXXX() <?php echo $var->isName() ?> //evaluar si es un objeto y existe el método isXXXX()
- 16. Etiquetas Básicas Filtros Comandos {{ nombre | capitalize }} // Federico {% for persona in personas %} {{ persona.nombre }} - {{ persona.fechanacimiento | date('Y-m-d') }} {% else %} No hay personas {% endfor %}
- 17. Symfony y Twig Twig se presenta como opción por defecto
- 19. Sintaxis de nombres return $this->render(' DesymfonyBundle:Ponente:index.html.twig ', array( 'ponentes' => $ponentes )); app/config.yml
- 23. DesymfonyBundle:Ponente:index.html.twig Bundle de Referencia Grupo de Templates (Directorio - Controlador) Nombre archivo template Denominación Formato Motor
- 24. Aplicación deSymfony Symfony instalado y configurado (Tutorial #1)
- 25. Entidades creadas (Tutorial #2)
- 26. Maquetas html creadas Punto de partida > git checkout tutorial3
- 27. Aplicación deSymfony Construir homepage, vista de ponentes, vista de ponencias y detalle de ponencia
- 28. Mostrar páginas de error
- 29. Ponencias en formatos XML e iCal Objetivos en Tutorial #3
- 30. NetBeans + Ubuntu 10.10 (recién instalado)
- 31. Twig Extension for NetBeans
- 32. Riguroso directo (tendremos apuntes) Aplicación deSymfony Acerca del Screencast 11
- 33. Señalamos brevemente directorios y ficheros afectados y naming de Symfony
- 34. Aplicarmos filtros y mejoramos foreach dejado por Nacho en Ponente
- 35. Mostrarmos rápidamente maquetas y localizacion.
- 36. Recrear index ponencia, poner etiquetas brevemente SCREENCAST 19
- 37. Herencia en Twig Las plantillas se comportan como clases que es posible extender, los bloques se comportan como métodos. Los Bloques “nacen” para ser sobrescritos
- 40. Creamos base.html.twig, layout.html.twig y aplicamos ponentes
- 41. Creamos includes en ponecias
- 43. Pararmos para explicar assets (images + js + css) e integración de routing para construir enlaces SCREENCAST 34
- 44. CSS, JS e imágenes accesibles desde web/, pero residentes en los Bundles (Resources/public)
- 45. Etiqueta asset. Ventajas: path manejado por Symfony2, optimización – Assetic, YUI Compressor... Assets en Sf2 + Twig > ./app/console assets:install web --symlink <link href=”{{ asset('bundle/desymfony/css/reset.css') }}” rel=”stylesheet” type=”text/css”>
- 46. Tag especial para construir enlaces, propio de Symfony2. Similar a url_for() en Symfony 1
- 47. Utilizamos información de routing, podemos pasar parámetros Elaces y sistema routing <a href=”{{ path('estatica', { 'pagina': 'copyright' }) }}” > Copyright </a> <a href=”{{ url('estatica', { 'pagina': 'copyright' }) }}” > Copyright </a>
- 48. Introduciomos la función asset.
- 49. Terminamos detalles de las vistas (enlaces en footer)
- 50. Nos damos cuenta de que nos hacen falta extensiones para: Acortar descripciones (filtro truncate)
- 51. Autolink de urls
- 52. Formatear Meta-descripción Vamos a explicar extensiones SCREENCAST 40
- 53. Extensiones oficiales, como Vendor en Symfony2
- 54. Extensiones propias. Máxima flexibilidad
- 55. Se configuran como Servicio en Symfony2 + Dependency Injection Tags Extender Twig
- 56. Creamos filtros propios, Service Injection tags
- 57. Habilitamos core extensions Twig (indicar que están en vendors)
- 58. Aplicamos los filtros auto_link_text SCREENCAST 49
- 59. Symfony2 ya tiene página de error. Vamos a sobrescribirla
- 60. Podemos sobrescribir templates de cualquier Bundle = modularidad Error pages - Overriding
- 61. Creamos página de error, distinguiendo errores (ver si hacemos extensión condicional si es error 500)
- 62. Sobreescribimos página de Desymfony SCREENCAST
- 63. Fabien Pontencier's blog: Templating Engines in PHP
- 67. Diferencias entre Symfony 1 y Symfony2
- 69. Documentación Symfony2 referente a Templating
- 71. Proyecto Twig
- 73. Crear una Extensión para Twig en Symfony2
- 75. {{ “Gracias!” }} {{ “Gracias!” }} Marcos Labad [email_address] @esmiz JORNADAS SYMFONY 2011 1-3 JULIO, CASTELLÓN DESYMFONY.COM {% if action.contact %} {% endif %}