Listar nuestros usuarios de la base de datos

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

Resumen

Vamos a crear un archivo list.php para poder leer los datos que obtenemos.
Además utilizaremos bootstrap para hacer listas de los usuarios que tenemos en nuestro sitio.

Yomar Esteban Miranda Sarmiento

student•

Para tener todo más organizado, fácil de leer y entender lo he hecho de la siguiente manera:

<table class="table">
	<tr>
		<th>Nombre</th>
		<th>Email</th>
	</tr>

	<?php foreach ($queryResult as $row): ?>

	<tr>
		<td><?= $row["name"]; ?></td>
		<td><?= $row["email"]; ?></td>
	</tr>

	<?php endforeach; ?>
</table>

De esta manera no tengo que escribir echo y por cuestiones de gusto he decidido utilizar un ciclo foreach.

Alejandro Palacios Arévalo

student•

Excelente aporte, quedo más entendible, gracias.

Mariana Valencia Gallego

student•

Se me hizo más complejo entenderlo así, al usar los tags html poniendo en su interior el código php, el foreach sí es más entendible

Giosevid Acosta

student•

Hola una pregunta???En vez de while se puede usar? foreach($queryResult as $result){
var_dump($result)
echo ‘<br>’
}

Juan Carlos Graziani

student•

Efectivamente, ambos bucles funcionan. Libre elección del programador

Walberto Moncada

student•

Claro que si, de hecho yo prefiero usar el foreach. Todo depende de tu gusto

Alexander Peña Benitez

student•

Comparto mi html:

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <title>Databases</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </head>
  <body>
    <div class="container">
        <h1>List Users</h1>
        <a href="index.php">Home</a>
          <div class="table-responsive">
            <table class="table table-striped table-bordered">
              <thead class="thead-dark">
                <tr>
                  <th>Name</th>
                  <th>Email</th>
                  <th>Registro</th>
                </tr>
                </thead>
                <tbody>
                <?php
                foreach ($queryResult as $row): ?>
              	<tr>
              		<td><?= $row["name"]; ?></td>
              		<td><?= $row["email"]; ?></td>
                  <td><?= $row["dateRegister"]; ?></td>
              	</tr>
      	        <?php endforeach; ?>
              </tbody>
            </table>
        </div>
    </div>
  </body>
</html>

Jorge Eliecer Rangel Jimenez

student•

Para formatear los Array usar el tag HTML

 de la siguiente forma

$queryResult = $pdo->query("SELECT * FROM users");
while ($row = $queryResult->fetch()) {
	echo "

";
		print_r($row);
	}

Juan Pena Verdú

student•

<table class="table">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Email</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <?php 
                        while($row = $queryResult->fetch()){
                    ?>
                        <tr>
                            <td><?php echo $row['name']; ?></td>
                            <td><?php echo $row['email']; ?></td>
                            <td></td>
                        </tr>
                    <?php } ?>
                </tbody>
            </table>

Jorge Eliecer Rangel Jimenez

student•

Para formatear los Array usar el tag HTML <pre> de la siguiente forma

	$queryResult = $pdo->query("SELECT * FROM users");
	while ($row = $queryResult->fetch()) {
		echo "<pre>";
		print_r($row);
	}

David Antonio Garcia Saaib

student•

yo lo hice así, con un solo echo grandote

foreach ($queryResult as $row){
          echo  '<tr>
                    <td>' . $row["name"] . '</td>
                    <td>' . $row["email"] . '</td>
                 </tr>';
        }
        ?>```

Yomar Esteban Miranda Sarmiento

student•

Para tener todo más organizado y fácil de leer y entender lo he hecho de la siguiente manera:

<table class="table">
	<tr>
		<th>Nombre</th>
		<th>Email</th>
	</tr>

	<?php foreach ($queryResult as $row): ?>

	<tr>
		<td><?= $row["name"]; ?></td>
		<td><?= $row["email"]; ?></td>
	</tr>

	<?php endforeach; ?>
</table>

De esta manera no tengo que escribir echo y por cuestiones de gusto he decidido utilizar un ciclo foreach.

Pablo Gúzman

student•

Yo uso el ADOdb 5 para hacer mis conexiones de DB, consultas etc. y lo que es mas interesante que este plugin puedo hacer multiconexiones a diferentes DB. como monjoDB, Oracle, SQL Server Mysql etc. de ahi hago mi clase para hacer varias llamadas a la DB.

Edwar Enrique Vilchez Serrano

student•

Porque este video se devuelve solo

Diego Forero

Team Platzi•

No entiendo a que te refieres, puedes contarnos más que te pasa con esta clase?

Rafael Guillermo Rodriguez Garcia

student•

Eso pasa cuando la página local pierde los apuntadores del servidor platzi, a mi me pasa mucho por lo intermitente de mi conexión y me he vuelto un maestro de anotar el tiempo por donde voy para reiniciar en ese punto. También pasa cuando inicias sesión en otro browser, ejemplo de chrome a opera, también pasa cuando inicias sesión en otro equipo.

OJO
Esta explicación te la doy como usuario final, desconozco los términos técnicos, solo es mi experiencia personal.
saludos.-

AgroMundo Cali

student•

Que metodologia o Codigo es más Optima para construir un navegador de Paginas con siguiente y anterior, cuando el Query traiga muchas Filas y solo queramos mostrar 20 por pagina?

Braian Alderete

student•

<?php
        $i = 0;
         while ($row = $queryResult->fetch(PDO::FETCH_ASSOC) and $i <= 19) {
           $i++;
           echo '<tr>';
            echo '<td>'. $row['name'] . '</td>';
            echo '<td>'. $row['email'] . '</td>';
           echo '</tr>';
         }
        ?>```

Marcos Giménez López

student•

O simplemente le añades a la consulta un LIMIT

SELECT * FROM tabla LIMIT 20

Jose Antonio Rodriguez Morales

student•

Cuando en el minuto 3:51 dice que en este caso no tenemos ningún problema por que no tenemos que traernos ninguna variable dentro de nuestra consulta ¿Que quiere decir exactamente?

Que si nos tuviéramos que traer variables tendríamos que hacerlo mediante prepare y execute???

Pablo Durán Torres

student•

como tal que es ejecutar una query???

Diego Forero

Team Platzi•

Enviar la query al motor de base de datos y esperar la respuesta.

Luis Fernando Mendoza Caceres

student•

Un query es una consulta a la Base de datos, seria generar una consulta que sea entendible para ser procesada y ejecutada por el motor de la base de datos y te genera la información deseada.

Emmanuel M

student•

Yo tengo un problema y es que al abrir mi página web me salen todos los datos de la base de datos excepto el de mi ID 1, me salen a partir del 2.

$queryResult = $pdo->query("SELECT * FROM registro");
$queryResult->fetch(PDO::FETCH_ASSOC);

<?php foreach($queryResult as $result): ?>
          <tr>
            <td>
              <?php echo $result['ID'] ?>
            </td>
            <td>
              <img src="img/<?php echo $result['mousepad']; ?>.jpg" alt="Modelo">
            </td>
            <td>
              <?php echo $result['precio']; ?>
            </td>
            <td>
              <?php echo $result['costo']; ?>
            </td>
            <td>
              <?php echo $result['envio']; ?>
            </td>
            <td class="ganancia">
              <?php echo $result['ganancia']; ?>
            </td>
          </tr>
        <?php endforeach; ?>

Diego Forero

Team Platzi•

Estas seguro que el id 1 existe, si borras un registro el id no se vuelve a ocupar, si creaste el item 1 y luego lo borraste, cuando crees un nuevo item el id sera 2 no 1, el 1 ya no se vuelve a utilizar.

Emmanuel M

student•

Si, y de hecho si le pongo que me los ordene al revez (Del ultimo ID al primero) Si me sale el ID 1 pero el ultimo ID no me sale, no se porque no me lo trae

eduardo_fernandez

student•

Hola. Trabajo con ubuntu. ¿tengo que instalar/activar la extensión pdo?

Diego Forero

Team Platzi•

Tienes que verificar si esta o no activa la extensión en el archivo php.ini

Gonzalo Vazquez

student•

Que hace la variable $row en este caso?

Diego Forero

Team Platzi•

$row esta guardando cada registro de la base de datos, recuerda que while es un ciclo, y fetch devuelve un registro en cada iteración, entonces en $row se almacena el registro de la base de datos en esa iteración y permite la manipulación del mismo

Jhancarlo

student•

<?php require\_once ‘config.php’; ?> <!DOCTYPE html> <html> <head> <title>DataBases</title> <link rel=“stylesheet” href=“” integrity=“sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm” crossorigin=“anonymous”> <script src=“” integrity=“sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl” crossorigin=“anonymous”></script> </head> <body> <div class=“container”> <h1>List User</h1> <a href=“index.php” >Home</a> <table class=“table”> <tbody><tr> <th style=“border: 1px solid black;”>ID</th> <th style=“border: 1px solid black;”>NAME</th> <th style=“border: 1px solid black;”>EMAIL</th> <th style=“border: 1px solid black;”>PASSWORD</th> </tr> <?php $sql = ‘SELECT \* FROM users’; foreach ($pdo->query($sql) as $row) { ?> <tr> <td style=“border: 1px solid black;”><?php echo $row[‘id’]?></td> <td style=“border: 1px solid black;”><?php echo $row[‘name’]?></td> <td style=“border: 1px solid black;”><?php echo $row[‘email’]?></td> <td style=“border: 1px solid black;”><?php echo $row[‘password’]?></td> </tr> <?php } ?> </tbody> </table> </div> </body> </html>

Juan Fernando Ramírez Vélez

student•

Mi código

        <table class="table">
            <tr>
                <th>Name</th>
                <th>Email</th>
            </tr>

            <?php
            while ($row = $queryResult->fetch(PDO::FETCH_ASSOC)) {
            ?>
            <tr>
                <td><?php echo $row['name'] ?></td>
                <td><?php echo $row['email'] ?></td>
            </tr>
            <?php
            }
            ?>

        </table>```

Igor Figueroa Calderon

student•

Practicando un poco

<?php require_once 'config.php';

    $query = false;
    try {
        $query = $pdo->query("SELECT * FROM users");
    } catch (Exception $e) {
        echo "Hubo un error";
    }



?>

<!DOCTYPE html>
<html lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>PHP PDO</title>

        <!-- Bootstrap CSS -->
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.3/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
            
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="text-center">PHP PDO</h1>
                    <ul>
                        <li>
                            <a href="index.php">List users</a>
                        </li>
                        <li>
                            <a href="add.php">Add user</a>
                        </li>
                        
                    </ul>
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-12">
                    <h1>CONSULTA</h1>
                    <table class="table table-bordered">
                        <tr>
                            <th>USERNAME</th>
                            <th>EMAIL</th>
                        </tr>

                        <?php
                            if ($query) {
                                foreach($query as $row) {
                                    echo '<tr>';
                                        echo '<td>'.$row['username'].'</td>';
                                        echo '<td>'.$row['email'].'</td>';
                                    echo '</tr>';
                                }
                            }
                        ?>
                    </table>
                </div>
            </div>
        </div>
       
    
        <!-- jQuery -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <!-- Bootstrap JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </body>
</html>

Yamid Vélez Muñoz

student•

Revisando la documentación oficial hice el mismo ejercicio pero con el metodo fetchAll() y utilizando algunas practicas que acostumbro a realizar cambie un poco el código pero sigue igualmente funcional.

Dejo el ejemplo del código:

<?php $queryResult = $pdo->query("SELECT * FROM users"); ?>

<?php foreach ($queryResult->fetchAll() as $key => $row): ?>
	<tr>
		<th scope="row"><?= $key+1; ?></th>
		<td><?= $row['name']; ?></td>
		<td><?= $row['email']; ?></td>
	</tr>
<?php endforeach ?>

<table class="table">
	<tr>
		<th>Nombre</th>
		<th>Email</th>
	</tr>

	<?php foreach ($queryResult as $row): ?>

	<tr>
		<td><?= $row["name"]; ?></td>
		<td><?= $row["email"]; ?></td>
	</tr>

	<?php endforeach; ?>
</table>

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <title>Databases</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </head>
  <body>
    <div class="container">
        <h1>List Users</h1>
        <a href="index.php">Home</a>
          <div class="table-responsive">
            <table class="table table-striped table-bordered">
              <thead class="thead-dark">
                <tr>
                  <th>Name</th>
                  <th>Email</th>
                  <th>Registro</th>
                </tr>
                </thead>
                <tbody>
                <?php
                foreach ($queryResult as $row): ?>
              	<tr>
              		<td><?= $row["name"]; ?></td>
              		<td><?= $row["email"]; ?></td>
                  <td><?= $row["dateRegister"]; ?></td>
              	</tr>
      	        <?php endforeach; ?>
              </tbody>
            </table>
        </div>
    </div>
  </body>
</html>

<table class="table">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Email</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <?php 
                        while($row = $queryResult->fetch()){
                    ?>
                        <tr>
                            <td><?php echo $row['name']; ?></td>
                            <td><?php echo $row['email']; ?></td>
                            <td></td>
                        </tr>
                    <?php } ?>
                </tbody>
            </table>

foreach ($queryResult as $row){
          echo  '<tr>
                    <td>' . $row["name"] . '</td>
                    <td>' . $row["email"] . '</td>
                 </tr>';
        }
        ?>```

<table class="table">
	<tr>
		<th>Nombre</th>
		<th>Email</th>
	</tr>

	<?php foreach ($queryResult as $row): ?>

	<tr>
		<td><?= $row["name"]; ?></td>
		<td><?= $row["email"]; ?></td>
	</tr>

	<?php endforeach; ?>
</table>

<?php
        $i = 0;
         while ($row = $queryResult->fetch(PDO::FETCH_ASSOC) and $i <= 19) {
           $i++;
           echo '<tr>';
            echo '<td>'. $row['name'] . '</td>';
            echo '<td>'. $row['email'] . '</td>';
           echo '</tr>';
         }
        ?>```

$queryResult = $pdo->query("SELECT * FROM registro");
$queryResult->fetch(PDO::FETCH_ASSOC);

<?php foreach($queryResult as $result): ?>
          <tr>
            <td>
              <?php echo $result['ID'] ?>
            </td>
            <td>
              <img src="img/<?php echo $result['mousepad']; ?>.jpg" alt="Modelo">
            </td>
            <td>
              <?php echo $result['precio']; ?>
            </td>
            <td>
              <?php echo $result['costo']; ?>
            </td>
            <td>
              <?php echo $result['envio']; ?>
            </td>
            <td class="ganancia">
              <?php echo $result['ganancia']; ?>
            </td>
          </tr>
        <?php endforeach; ?>

        <table class="table">
            <tr>
                <th>Name</th>
                <th>Email</th>
            </tr>

            <?php
            while ($row = $queryResult->fetch(PDO::FETCH_ASSOC)) {
            ?>
            <tr>
                <td><?php echo $row['name'] ?></td>
                <td><?php echo $row['email'] ?></td>
            </tr>
            <?php
            }
            ?>

        </table>```

<?php require_once 'config.php';

    $query = false;
    try {
        $query = $pdo->query("SELECT * FROM users");
    } catch (Exception $e) {
        echo "Hubo un error";
    }



?>

<!DOCTYPE html>
<html lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>PHP PDO</title>

        <!-- Bootstrap CSS -->
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.3/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
            
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="text-center">PHP PDO</h1>
                    <ul>
                        <li>
                            <a href="index.php">List users</a>
                        </li>
                        <li>
                            <a href="add.php">Add user</a>
                        </li>
                        
                    </ul>
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-12">
                    <h1>CONSULTA</h1>
                    <table class="table table-bordered">
                        <tr>
                            <th>USERNAME</th>
                            <th>EMAIL</th>
                        </tr>

                        <?php
                            if ($query) {
                                foreach($query as $row) {
                                    echo '<tr>';
                                        echo '<td>'.$row['username'].'</td>';
                                        echo '<td>'.$row['email'].'</td>';
                                    echo '</tr>';
                                }
                            }
                        ?>
                    </table>
                </div>
            </div>
        </div>
       
    
        <!-- jQuery -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <!-- Bootstrap JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </body>
</html>

<?php $queryResult = $pdo->query("SELECT * FROM users"); ?>

<?php foreach ($queryResult->fetchAll() as $key => $row): ?>
	<tr>
		<th scope="row"><?= $key+1; ?></th>
		<td><?= $row['name']; ?></td>
		<td><?= $row['email']; ?></td>
	</tr>
<?php endforeach ?>

Listar nuestros usuarios de la base de datos

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