Renderizando las vistas desde un método

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

Contenido del curso

Estamos renovando el Curso de Introducción a PHP

1
¡Renovamos este curso!
00:30 min

Introducción

Introducción a PHP

Operadores

Funciones

Programación Orientada a Objetos

PDO y SQL

Construyento Nuestro Propio Blog

Creando la Organización de Nuestro Blog

MVC y Templates en Nuestro Blog

Usuarios

Detalles Finales

Tomar examen

Comentarios

Jonathan Macalupu Reyes

student•

Objetivo de la clase: Añadiremos una constante que nos permitirá tener la base URL en todo nuestro proyecto. Para eso crearemos dos funciones que nos permitan tener un mejor control en nuestra aplicación. Lo que haremos es reemplazar el directorio base (obteniéndolo por el SCRIPT_NAME) y reemplazándolo (con str_replace) para que mostremos la base url con la variable $baseUrl y la función render.

Comandos a utilizar:

str_replace: reemplaza una cadena por otra.

basename: devuelve el último componente de nombre de una ruta (en la clase index.php)

$_SERVER: es un array que contiene información, como cabeceras, rutas y ubicaciones de script.

SCRIPT_NAME: Contiene la ruta del script actual.

HTTP_HOST: contenido de la cabecera Host (en nuestro caso es l)

define: Define una constante.

ob_start(): activa el almacenamiento internamente (búfer) de la salida.

ob_get_clean(): obtiene el contenido del búfer actual y lo elimina.

lautaro insaurralde

student•

Muy buen aporte (Y)

Andres Alfonso Aguirre Giron

student•

Aprendí php empíricamente y lo que encuentro aquí, me parece que es muy útil, necesario y no es tan complejo…

Ivan Cardozo

student•

Eso es porque lo aprendiste en platzi , en la universidad es una pesadilla . Ningun vejestorio te lo sabe explicar bien .

Kerinson Armando Garcia Chinchilla

student•

la función ob_star(); lo que hace es enviar las vistas al buffer y la función ob_get_clean(); lo que hace es que muestra los datos del buffer y los limpia.

Sebastian Pérez Quintero

student•

Hola a tod@s cómo estan?
me pueden ayudar con un problema que tengo porfa… cuando reemplazo el include por la función render, no me funciona el codigo, pero el problema es que no me muestra ningún error en ese caso, solo se queda en blanco y ya… ¿qué puede ser lo que esta pasando? ¿en que me pude haber equivocado?

acá dejo mi código, agradecería su ayuda…

<?php
//estas siguientes 3 lineas lo que van a hacer es manejar los errores
//que tengamos en el desarrollo del sitio
//esto solo se pone cuando estamos en desarrollo, cuando pasemos
//a producion no queremos que los usuarios vean los errores.
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

require_once '../vendor/autoload.php';
include_once '../config.php';

//Vamos a crear una base url - $__SERVER es una variable global - SCRIPT_NAME contiene la ruta actual
$baseDir = str_replace(basename($_SERVER['SCRIPT_NAME']), '', $_SERVER['SCRIPT_NAME']);
//ahora vamos a unir todo - el $_SERVER['HTTP_HOST'] nos permite tomar el localhost
$baseURL = 'http://' . $_SERVER['HTTP_HOST'] . $baseDir;
//ahora vamos a guardar este valor en una constante...
//La funcion define() nos permite declarar constantes y recibe dos valors
//1. el nombre de la constante - usar mayusculas
//2. el valor de la constante
define('BASE_URL', $baseURL);


//esto que vamos a hacer con la variable $route es manejar las rutas
//de nuestro sitio web.
//lo que hacen los ?? es que preguntan si algo es null
$route = $_GET['route'] ?? '/';

function render($fileName, $params = []){
  //ob_start(): activa el almacenamiento internamente (búfer) de la salida.
  ob_start();
  //Vamos a extraer las variables - toma un arreglo asociativo  y si los indices son cadenas
  //los convierte en variables
  extract($params);
  //Ahora vamos a hacer el include
  include $fileName;
  //ob_get_clean(): obtiene el contenido del búfer actual y lo elimina.
  return ob_get_clean();
}

use Phroute\Phroute\RouteCollector;

$router = new RouteCollector();
//vamos a agregar el tipo de request que vamos a recibir
$router->get('/', function() use ($pdo){
  $query = $pdo->prepare('SELECT * FROM blog_posts ORDER BY id DESC');
  $query->execute();

  $blogPosts = $query->fetchAll(PDO::FETCH_ASSOC);
  //vamos a usar la funcion render para hacer el include...
  return render('../views/index.php', ['blogPosts' => $blogPosts]);
  // include '../views/index.php';
});

$dispatcher = new Phroute\Phroute\Dispatcher($router->getData());
//La variable $route que hay a lo ultimo en esta linea, es la que definimos
//unas lineas arriba para capturar la ruta en donde estamos
$response = $dispatcher->dispatch($_SERVER['REQUEST_METHOD'], $route);

Sebastian Pérez Quintero

student•

Acá me puse a realizar una prueba… copie el código que compartio el compañero @ivan_acg acá abajo que es el de la clase, lo pegue en la misma pagina que estoy trabajando, luego de haber comentado todo mi código… y nada, tampoco me funciona, pero no me sale error, simplemente es en blanco y ya… lo unico que muestra es lo que imprime en la pantalla el var_dump($baseUrl) y ya… ¿qué podra ser?

Diego Forero

Team Platzi•

Al final falta el echo $response; aquí lo puedes ver https://platzi.com/clases/php-2017/concepto/creando-la-organizacion-de-nuestro-blog/renderizando-las-vistas-desde-un-metodo/material/?time=461

Juan C hernandez

student•

Me pueden ayudar por que al generar todo me dice que no esta definida la variable pdo ?

Mauro Chojrin

teacher•

Habría que ver algo de tu código... verifica que la variable no esté siendo asignada en un archivo que no ha sido incluido antes de la línea 3 de index.php

Arlen Siu

student•

Notice: Undefined variable: blogPosts in C:\XAMM\htdocs\php\blog\views\index.php on line 15

Warning: Invalid argument supplied for foreach() in C:\XAMM\htdocs\php\blog\views\index.php on line 15

profe, he revisado todo y me manda estos errores, gracias.

<?php


ini_set('display_errors',1);
ini_set('display_startup_errors',1);
error_reporting(E_ALL);

//agregaremos el autoloding de composer
require_once '../vendor/autoload.php';
include_once '../config.php';


//$baseUrl = '';
$baseDir = str_replace(basename($_SERVER['SCRIPT_NAME']), '', $_SERVER['SCRIPT_NAME']);

$baseUrl = 'http://' . $_SERVER['HTTP_HOST'];

define('BASE_URL', $baseUrl);

//var_dump($baseUrl);

//$route = $_GET['route'] ?? '/';
$route = isset($_GET['route'])?$_GET['route']:'/';

function render($fileName, $params = []) {

   
    ob_start();

    extract($params);
    include $fileName;
    return ob_get_clean();
}

use Phroute\Phroute\RouteCollector;

$router = new RouteCollector();
$router->get('/', function () use ($pdo) {
   $query = $pdo->prepare('SELECT * FROM blog_posts ORDER BY id DESC');
    $query->execute();
    
    $blogPosts = $query->fetchAll(PDO::FETCH_ASSOC);
    return render('../views/index.php', ['$blogPosts' => $blogPosts]);
    

});

$dispatcher = new Phroute\Phroute\Dispatcher($router->getData());

$response = $dispatcher->dispatch($_SERVER['REQUEST_METHOD'], $route);

echo $response;

Diego Forero

Team Platzi•

Hola, tienes un error con la variable blogPosts, dice que no esta definida, creo que es porque la estas pasando como $blogPosts

Arlen Siu

student•

Muchas gracias revisare

Ricardo Fuenmayor

student•

La super global $_Server para que sirve?

Diego Forero

Team Platzi•

Es una variable que contiene información del servidor como paths de scripts de php, headers.

Puedes ver la documentación oficial

Ricardo Fuenmayor

student•

Muchas gracias.

Noe Mikhael Huaccharaque Ruiz

student•

“ob_start()” y “ob_get_clean()” son metodos asincronos?

Diego Forero

Team Platzi•

No, lo que hacen es permitir escribir el contenido en un buffer interno para luego ser enviado al navegador, permite hacer modificaciones sobre el contenido.

habib borge

student•

EXCELETE

Guillermo Del Pino

student•

es esto a lo que se llama Server Side Rendering?

Diego Forero

Team Platzi•

Si, el render del html se hace en el servidor, en este caso el motor de templates recibe todos los datos y hace el render del html que se muestra en el navegador.

Guillermo Del Pino

student•

Muchas gracias 😃

Itzel

student•

listo me quedó claro al revisar la pág. de ahí hay ejemplos sencillos de todo lo que usa el Profe y no enreda, así que si pueden darse una vielta a esa pág para que les queden más claros los conceptos, lo único que no me quedó claro fue el uso de render()

Hector Benitez

teacher•

El método render es para mostrar otra manera de hacer ese proceso mas allá de solo usar el include, usando render de esta forma podemos:

Detectar errores durante el parseo y mandar una vista de error especial
Podemos agregar modificadores después de renderear la salida de nuestra pagina, por ejemplo, podríamos agregar un método que elimine todos los emails de nuestro sitio para evitar spam, esto podríamos agregarlo al final de la función render o podríamos hacerlo con el resultado que tenemos después de llamar render()

Itzel

student•

profe puede subir los archivos del blog? sólo se ve el index, estoy teniendo muchos errores con las rutas y no entiendo por q 😦 ya revisé los videos varias veces pero no encuentro

Elio De Jesus Lopez Santiago

student•

No entendí ni papas 😕

Kath Sánchez

teacher•

Cuéntame cuáles son tus dudas puntuales y con mucho gusto te ayudamos para que te quede mucho más claro 😉

Miguel Cobas

student•

Animo @ElioD hay que seguir repasando =)

Ivan Cardozo

student•

Codigo de la clase

<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

require_once '../vendor/autoload.php';
include_once '../config.php';


$baseDir = str_replace(basename($_SERVER['SCRIPT_NAME']), '', $_SERVER['SCRIPT_NAME']);
$baseUrl = 'http//:'. $_SERVER['HTTP_HOST'] .  $baseDir;

define('BASE_URL', $baseUrl);
var_dump($baseUrl);

$route = $_GET['route'] ?? '/';

function render($fileName , $params = [] ){

  ob_start();
  extract($params);
  include $fileName;

  return ob_get_clean();

}

use Phroute\Phroute\RouteCollector;

$router = new RouteCollector();
$router->get('/' , function() use ($pdo) {
  $query = $pdo->prepare('SELECT * FROM blog_posts ORDER BY id DESC');
  $query->execute();

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

  return render('../views/index.php',['blogPosts'=>$blogPosts]);

  include '../views/index.php';
});

$dispatcher = new Phroute\Phroute\Dispatcher($router->getData());

$response = $dispatcher->dispatch($_SERVER['REQUEST_METHOD'], $route);

echo $response;

Joseph Darwin Carhuaz Villagomez

student•

Según el ejemplo de esta clase, ¿Cuál es la diferencia en usar define(‘BASE_URL’, $baseUrl) o simplemente seguir usando $baseURL?

José Briceño

student•

Que BASE_URL se convierte en una variable global y constante. En realidad no hay problema si utilizas $baseUrl en vez de BASE_URL, es mas una buena practica.

Juanca

student•

este video no se entiende

Diego Forero

Team Platzi•

No te preocupes, repasa el video con calma y si no entiendes algo solo pregunta, aquí estamos para apoyarte en tu proceso de aprendizaje.

David Antonio Garcia Saaib

student•

Se podria decir que es como moverse entre paginas sin cambiar la ruta?

Camilo Posada Angel

student•

Podrían explicar mejor el uso de ob_start() ? La verdad para mi no se entendió nada

Kath Sánchez

teacher•

Esta función activará el buffer de salida. Cuando el buffer está activo, no se envía ninguna salida desde el script, solo los encabezados, pero la salida se almacena en un buffer interno.

Ricardo Fuenmayor

student•

No me quedo claro lo de ob_Start y clean, como funcionan?

LUIS JAVIER BAUTISTA BARAHONA

student•

En la documentacoin de PHP vienen ejemplos para entenderlo con mas detalle, a mi me costo un poco entenderlo, pero a grandes rasgos en vez de mandar el contenido del archivo directamente al navegador cuando haces e include, con la función render primero lo mandas a un bufer interno de php, con esto puedes dar tratamiento por ejemplo de errores

Ricardo Fuenmayor

student•

Entiendo , eres nuevo cierto? quizas podemos hacer un plan de estudio para aclararnos mas las cosas

Andrés Fabián Guerrero

student•

scriptname

Gonzalo Vazquez

student•

Que representa el punto que está entre // y el $ en estos casos?

$baseUrl= ‘http://’ . $_SERVER['HTTP_HOST];

Diego Forero

Team Platzi•

Es una forma de concatenar strings en PHP.

<?php
//estas siguientes 3 lineas lo que van a hacer es manejar los errores
//que tengamos en el desarrollo del sitio
//esto solo se pone cuando estamos en desarrollo, cuando pasemos
//a producion no queremos que los usuarios vean los errores.
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

require_once '../vendor/autoload.php';
include_once '../config.php';

//Vamos a crear una base url - $__SERVER es una variable global - SCRIPT_NAME contiene la ruta actual
$baseDir = str_replace(basename($_SERVER['SCRIPT_NAME']), '', $_SERVER['SCRIPT_NAME']);
//ahora vamos a unir todo - el $_SERVER['HTTP_HOST'] nos permite tomar el localhost
$baseURL = 'http://' . $_SERVER['HTTP_HOST'] . $baseDir;
//ahora vamos a guardar este valor en una constante...
//La funcion define() nos permite declarar constantes y recibe dos valors
//1. el nombre de la constante - usar mayusculas
//2. el valor de la constante
define('BASE_URL', $baseURL);


//esto que vamos a hacer con la variable $route es manejar las rutas
//de nuestro sitio web.
//lo que hacen los ?? es que preguntan si algo es null
$route = $_GET['route'] ?? '/';

function render($fileName, $params = []){
  //ob_start(): activa el almacenamiento internamente (búfer) de la salida.
  ob_start();
  //Vamos a extraer las variables - toma un arreglo asociativo  y si los indices son cadenas
  //los convierte en variables
  extract($params);
  //Ahora vamos a hacer el include
  include $fileName;
  //ob_get_clean(): obtiene el contenido del búfer actual y lo elimina.
  return ob_get_clean();
}

use Phroute\Phroute\RouteCollector;

$router = new RouteCollector();
//vamos a agregar el tipo de request que vamos a recibir
$router->get('/', function() use ($pdo){
  $query = $pdo->prepare('SELECT * FROM blog_posts ORDER BY id DESC');
  $query->execute();

  $blogPosts = $query->fetchAll(PDO::FETCH_ASSOC);
  //vamos a usar la funcion render para hacer el include...
  return render('../views/index.php', ['blogPosts' => $blogPosts]);
  // include '../views/index.php';
});

$dispatcher = new Phroute\Phroute\Dispatcher($router->getData());
//La variable $route que hay a lo ultimo en esta linea, es la que definimos
//unas lineas arriba para capturar la ruta en donde estamos
$response = $dispatcher->dispatch($_SERVER['REQUEST_METHOD'], $route);

<?php


ini_set('display_errors',1);
ini_set('display_startup_errors',1);
error_reporting(E_ALL);

//agregaremos el autoloding de composer
require_once '../vendor/autoload.php';
include_once '../config.php';


//$baseUrl = '';
$baseDir = str_replace(basename($_SERVER['SCRIPT_NAME']), '', $_SERVER['SCRIPT_NAME']);

$baseUrl = 'http://' . $_SERVER['HTTP_HOST'];

define('BASE_URL', $baseUrl);

//var_dump($baseUrl);

//$route = $_GET['route'] ?? '/';
$route = isset($_GET['route'])?$_GET['route']:'/';

function render($fileName, $params = []) {

   
    ob_start();

    extract($params);
    include $fileName;
    return ob_get_clean();
}

use Phroute\Phroute\RouteCollector;

$router = new RouteCollector();
$router->get('/', function () use ($pdo) {
   $query = $pdo->prepare('SELECT * FROM blog_posts ORDER BY id DESC');
    $query->execute();
    
    $blogPosts = $query->fetchAll(PDO::FETCH_ASSOC);
    return render('../views/index.php', ['$blogPosts' => $blogPosts]);
    

});

$dispatcher = new Phroute\Phroute\Dispatcher($router->getData());

$response = $dispatcher->dispatch($_SERVER['REQUEST_METHOD'], $route);

echo $response;

<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

require_once '../vendor/autoload.php';
include_once '../config.php';


$baseDir = str_replace(basename($_SERVER['SCRIPT_NAME']), '', $_SERVER['SCRIPT_NAME']);
$baseUrl = 'http//:'. $_SERVER['HTTP_HOST'] .  $baseDir;

define('BASE_URL', $baseUrl);
var_dump($baseUrl);

$route = $_GET['route'] ?? '/';

function render($fileName , $params = [] ){

  ob_start();
  extract($params);
  include $fileName;

  return ob_get_clean();

}

use Phroute\Phroute\RouteCollector;

$router = new RouteCollector();
$router->get('/' , function() use ($pdo) {
  $query = $pdo->prepare('SELECT * FROM blog_posts ORDER BY id DESC');
  $query->execute();

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

  return render('../views/index.php',['blogPosts'=>$blogPosts]);

  include '../views/index.php';
});

$dispatcher = new Phroute\Phroute\Dispatcher($router->getData());

$response = $dispatcher->dispatch($_SERVER['REQUEST_METHOD'], $route);

echo $response;

Renderizando las vistas desde un método

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