Extendiendo layouts con Twig

Clase 50 de 65 • Introducción a PHP-2017

Resumen

Extendiendo Layouts con Twig 49

Ahora que comprobamos que nuestros templates con Twig están funcionando bien, vamos a modificar todos nuestros templates y los vamos a usar con Twig.

Mauricio Damián Araoz

company_admin•

Para los que quieran saber porque se llega a ésta forma de reducción de la vista, lean un poco sobre el patrón “Composite View”

Teofilo Rosales Gama

student•

aqui estan los archivos hasta la parte de layouts o templates https://drive.google.com/open?id=1-lm-7m5ugENYD1fG3ZGtgvo4AMWmDaZL espero sus comentarios

Rafael Guillermo Rodriguez Garcia

student•

La cara del profesor cuando le da un error es todo un poema o.O !!!
Yo he puesto una cara similar cuando me da un error y me siento… solo en el mundo!!!
O.o

Jesús Enrique Prieto Treviño

student•

Twig es como magia 😃

Juan Mendoza

student•

excelente Explicacion @HectorBenitez

Irma Davila

student•

Me parecen geniales ver los errores. Como programadores debemos estar al tanto de cada uno y aquello que lo genera y encima ver como Hector los resuelve …! Gracias aprendí muchisimo hasta ahora.

Sebastian Pérez Quintero

student•

Hola, cómo estan?
Hoy me he topado con un error que no he podido resolver, no encuentro que pueda ser… no se qué es lo que no estoy viendo ¿Me podrían ayudar por favor?

Lo que me pasa es que cuando llego a la parte de ingresar a la pagina de insert-post.twig por medio del boton de New Post en la pagina de posts, no me da, bueno si me manda a la pagina, pero me salen dos errores

Este es el error que me sale (me sale dos veces, uno debajo del otro):

Fatal error: Uncaught Phroute\Phroute\Exception\HttpRouteNotFoundException: Route admin/insert-post.twig does not exist in C:\wamp\www\Platzi\Introduccion-a-PHP\blog\vendor\phroute\phroute\src\Phroute\Dispatcher.php on line 218

Este es mi código para el postController.php

<?php

namespace App\Controllers\Admin;

use App\Controllers\BaseController;

class PostController extends BaseController {

  public function getIndex() {
    //admin/posts or admin/posts/index
    global $pdo;

    $query = $pdo->prepare('SELECT * FROM blog_posts ORDER BY id DESC');
    $query->execute();

    $blogPosts = $query->fetchAll(\PDO::FETCH_ASSOC);

    return $this->render('admin/posts.twig', ['blogPosts'=>$blogPosts]);
  }

  public function getCreate() {
    //admin/posts/create
    return $this->render('admin/insert-post.twig');
  }

  public function postCreate() {
    //admin/posts/create
    global $pdo;

    $sql = "INSERT INTO blog_posts (title, content) VALUES (:title, :content)";
    $query = $pdo->prepare($sql);
    $result = $query->execute([
      'title' => $_POST['title'],
      'content' => $_POST['content']
    ]);

    return $this->render('admin/insert-post.twig', ['result' => $result]);

  }

Espero haber mostrado lo necesario para ver que pueda pasar. Gracias

P.D.: el sitio funciona bien desde el index de public, el index de admi y, la pagina de post

Diego Forero

Team Platzi•

tu archivos de twig se llama insert-post.twig, puede ser que lo tengas nombrado como insert_post.twig, revisa eso y asegúrate que esta en la carpeta de admin.

Sebastian Pérez Quintero

student•

Hola @GOLLUM23 ya he revisado varias veces y lo veo todo bien… igual todo me funcionaba bien antes de hacer el cambio a twig… ahí me perdi…
acá se pueden ver los archivos como estan nombrados:

Entonces no se donde buscar @GOLLUM23, ya he revisado todo una y otra vez y no encuentro nada diferente a coomo se ve lo tiene el profe en los videos

Omar España

student•

Esto es increible, twig facilita mucho el trabajo y cambia completamente la forma en la que se hacen las cosas, al mismo tiempo es aprender un lenguaje nuevo practicamente, aqui les dejo la documentación para que aprendan mas de esta nueva sintaxis tan util https://twig.symfony.com

Augusto Gabriel Luna Bardales

student•

Si deseo cargar un archivos JS o CSS que sea a la altura de la carpeta public. Serira necesario crear una nueva variable tipo BASE_URL como podria mandar por twig en la parte de BaseController, alguna sugerencia ???

Diego Forero

Team Platzi•

Si tienes ya definida BASE_URL en la carpeta public, puedes simplemente poner en el link por ejemplo del css o del script el path desde la carpeta public algo como
<script src="js/miapp.js"></script>

Augusto Gabriel Luna Bardales

student•

y cuando los archivos js o css estan en sus carpetas correspondientes pero estan en la raiz(no dentro de la carpeta public, sino antes) tuviera que crear una nueva variable o hay otra solución ???

JORGE GORKI BONILLA MUÑIZ

student•

Como se realiza el enlace para las rutas que requieren de un id

<a href="../course.php?id=' . $coursePost['id'] . '">```
?

Darwin Rodríguez

student•

Una pregunta, puedo extender un layout dentro de otro, es decir extender el principal y dentro del bloque extender otro?

Diego Forero

Team Platzi•

No es posible, al igual que php no tiene multiple herencia, te dejo la documentación oficial de twig para que veas que si puedes hacer.

https://twig.symfony.com/doc/2.x/tags/extends.html

Jose Antonio Rodriguez Morales

student•

Muy buenas no me funciona el listado de posts no se por que no se lista ninguno os paso el codigo de posts.twig y de PostController a ver que puede ocurrir. Lo demás me funciona estupendamente:

posts.twig

{% extends "layout.twig" %}

{% block content  %}
    <h2>Lista de Posts</h2>
            <p>
            <a class="btn btn-primary" href="{{ 'admin/posts/create' | url}}"> Nueva Entrada</a>
            </p>
            <table class="table">
                <td>
                     <th>Title</th>
                     <th>Edit</th>
                     <th>Delete</th>
                </td>
                {% for blogsPost in blogsPosts %}
                    <tr>
                        <td>{{ blogPost.title }}</td>
                        <td> Editar </td>
                        <td> Borrar </td>
                    </tr>
                {% endfor %}
            </table>
{% endblock %}

y PostController.php

<?php

namespace App\Controllers\Admin;

use App\Controllers\BaseController;

class PostController extends BaseController{

	public function getIndex(){
		global $pdo;

		$query = $pdo->prepare('SELECT * FROM blog_posts ORDER BY id DESC');
		$query->execute();

		$blogPosts = $query->fetchAll(\PDO::FETCH_ASSOC);

		return $this->render('admin/posts.twig', ['blogPosts' => $blogPosts]);
	}
	public function getCreate(){
		return $this->render('admin/insert-post.twig');
	}
	public function postCreate(){
		global $pdo;

		$sql = "INSERT INTO blog_posts (title, content) VALUES (:title, :content)";
    	$query = $pdo->prepare($sql);
    	$result = $query->execute([
        'title' => $_POST['title'],
        'content' => $_POST['content']
    	]);

		return $this->render('admin/insert-post.twig', ['result' => $result]);
	}
}
 ?>

Jose Antonio Rodriguez Morales

student•

Por lo que veo lo unico que me no me funciona es el bloque for, aunque porga dentro un <p>hola</p> no se me imprime

Jose Antonio Rodriguez Morales

student•

Pego insert-post.twig

{% extends "layout.twig" %}

{% block content  %}
    <h2>New Posts</h2>
            <p>
            <a class="btn btn-default" href="{{ 'admin/posts' | url}}">Back</a>
            </p>
            <!-- Mensaje de exito -->
            {% if result %}
                <div class="alert alert-success">Guardado</div>
            {% endif %}

            <form method="post">
                <div class="form-group">
                    <label for="inputTitle">Titulo</label>
                    <input class="form-control" type="text" name="title" id="inputTitle">
                </div>
                <textarea class="form-control" name="content" id="inputContent" rows="5"></textarea>
                <br>
                <input class="btn btn-primary" type="submit" value="Save">
            </form>
{% endblock %}```

Anthony Monsalve Barrios

student•

AYUDA

¿Si yo quisiera hacer saltos de linea y negritas en las entradas de mi post como hago para que TWIG me reconozca eso?

Diego Forero

Team Platzi•

Simplemente pones tu expresión dentro del tag, por ejemplo

<h1>{{ blogPost.title }}</h1>

Si ya es dentro del contenido del post, entonces tienes que guardar todo con la estructura html para que cuando twig solo haga el render.

Anthony Monsalve Barrios

student•

Gracias GOLLUM, pero yo me refiero a cuando realizo un nuevo post? Si sabes a lo que me refiero?. Hice una prueba poniendo codigo HTML y como es twig me imprime talcual el código

<p> Buenos dias a la comunidad de </strong>Venezuela</strong> </p>

Christian Valencia Cuero

student•

cual es mejor? twig o blade

David Toca

student•

Es dificil decir que uno sea mejor que el otro, ambos tienen los features necesario para trabajar a gusto, yo me inclinaria por twig porque tiene mas features y un poco mas de seguridad, pero realmente es un gusto personal

Christian Valencia Cuero

student•

en un dado caso que requiera usar <?php ?> en una vista loquesea.twig, lo puedo hacer?

David Toca

student•

no, pero la razon es porque twig te da las herramientas para evitar usarlo usando una sintax mas amigable por ejemplo:

<?php echo $var ?>
<?php echo htmlspecialchars($var, ENT_QUOTES, 'UTF-8') ?>

en twig seria:

{{ var }}
{{ var|escape }}

Darwin Rodríguez

student•

Si quiero incrementar en 1 para colocar el número de la fila, lo estoy haciendo de la siguiente manera pero me marca error.

{% set i = 0 %}
  			{% for blogPost in blogPosts %}
  				{% set i = i + 1 %}
	  			<tr>
	  				<td>{{ i }}</td>
	  				<td>{{ blogPost.title }}</td>
	  				<td>{{ blogPost.content }}</td>
	  				<td>Edit</td>
	  			</tr>
  			{% endfor %}```

Darwin Rodríguez

student•

Ya resolví por alguna razón no me deja hacer el incremento arriba

William Arevalo

student•

Tengo una consulta, lo que sucede es que tengo una imagen de background pero solo me aparece si la direccion exacta termina sin ("/") ejemplo www.platzi.com/ejemplo (asi funciona mi imagen) pero www.platzi.com/ejemplo/ ya no me carga mi imagen, que debo hacer para corregir esto?

Diego Forero

Team Platzi•

Revisa el path con el que queda guardada la imagen den la base de datos, probablemente tiene el / al principio del path algo como /media/images/foto.jpg por esto si la url termina con / no la carga porque la url queda `www.platzi.com/ejemplo//media/images/foto.jpg

Iván Darío Sánchez Jiménez

student•

Excelente. Twig será una de mis nuevas herramientas en mi vida profesional. Era lo que estaba buscando.

Mariana Valencia Gallego

student•

Está buenísima 😃

Jean Carlo Benavides Pérez

student•

Hola,
Me da error con

<a href="{{'admin/posts' | url }}">Manage Posts</a>

Solo me funciona con:

<a href="{{'admin/posts' | url_encode }}">Manage Posts</a>

Diego Forero

Team Platzi•

Puedes por favor colocar el error que te lanza.

Extendiendo layouts con Twig

Estamos renovando el Curso de Introducción a PHP

¡Renovamos este curso!

Introducción

Presentación, contenidos y proyecto

Características de PHP

Antes de comenzar y Sintáxis

Introducción a PHP

Manejo de Variables y Tipos de Datos en PHP

Utilización de Cadenas de Caractéres en PHP

Arreglos

Operadores

Operadores - Aritméticos

Asignación

Comparación

Arrays

Incremento

Lógicos

Null

Funciones

Funciones en PHP

Estructuras Condicionales

Estructuras de Ciclos

Cargas de Archivos Externos

Manejo de Sesiones

Manejo de Cookies

Funciones Anónimas

Programación Orientada a Objetos

Introducción a Programación Orientada a Objetos

Constructor y Destructor

Herencia

Namespaces

Static

Abstract y Polimorfismo

Interface

Excepciones

Traits

PDO y SQL

Introducción a bases de datos SQL con PHP

Conexión desde PHP a una base de datos SQL

Insertar datos en nuestra de base de datos

Listar nuestros usuarios de la base de datos

Actualizar un Usuario en Nuestra Base de Datos

Borrar un usuario de nuestra base de datos

Cómo proteger nuestra base de datos ante ataques de SQL Injection

Construyento Nuestro Propio Blog

Creando la vista principal del Blog usando Bootstrap

Administrando los artículos del blog

Guardando los blogposts en la base de datos

Composer y carga automática de archivos

Creando la Organización de Nuestro Blog

Introducción a Front Controller

Introducción a Router

Renderizando las vistas desde un método

Agregando el resto de las rutas a nuestro Router

MVC y Templates en Nuestro Blog

El patrón de diseño Model-View-Controller en PHP

¿Por qué usar un motor de templates en PHP?

Instalación y configuración de Twig

Templates de vistas con Twig

Extendiendo layouts con Twig

Modelos con Eloquent

Configuración de variables de entorno

Validaciones de formularios en PHP

Usuarios

Agregando un modelo para los usuarios del blog

Crear usuarios para el blog

Autenticación de usuarios en PHP

Logout de usuarios

Detalles Finales

Protege ciertas rutas con middlewares y filtros

Subir archivos al servidor

Guardando un log de errores en el servidor

Página para el detalle del blogpost

Paginación

Editar y borrar blogposts

Agregar validación del lado del cliente

Cierre del Curso