Visualizar datos desde MySQL en una página web usando la función mysqli de php



Introducción

Consultar y visualizar datos es una de las tareas más comunes al interactuar con bases de datos y páginas web. Como por ejemplo para mostrar una lista de productos, una galería de imágenes o una sección de comentarios. En este post mostraremos el funcionamiento de MYSQLI que permite acceder a la funcionalidad de MySQL 4.1 y posterior además que se volvió necesaria porque la anterior mysql esta desfasada desde la versión 5.5 de PHP

PRIMERO: Crear la tabla mysql

Después de crear la base de datos o seleccionar una , ejecutar el siguiente código sql para crear la tabla

    CREATE TABLE `abm` (
  `id` int(11) NOT NULL,
  `nombre` varchar(50) NOT NULL,
  `apellido` varchar(50) NOT NULL,
  `fecha` date NOT NULL,
  `pais` varchar(20) NOT NULL
  ) ENGINE=MyISAM DEFAULT CHARSET=utf8 CHECKSUM=1 DELAY_KEY_WRITE=1 ROW_FORMAT=DYNAMIC;

  --
  -- Indices de la tabla `abm`
  --
  ALTER TABLE `abm`
    ADD PRIMARY KEY (`id`);
  --
    

Conexión a la base de datos

Ahora has una conexión a la base de datos usando este código

      <?php
      $mysqli = new mysqli("localhost","mi_usuario","mi_contraseña","db");
		

Seleccionar los registros

Para seleccionar los registros de MySQL, primero búsque todos los registros de la tabla

      $sql = "SELECT * FROM abm";
      $result = $mysqli->query($sql);
    

Obtener los datos e insertarlos con el bucle while

      //se despliega el resultado  
            echo "<table class='table table-dark'>";  
            echo "<thead>";
            echo "<tr>";
            echo "<th scope='col'>ID</th>"; 
            echo "<th scope='col'>Nombre</th>";
            echo "<th scope='col'>Apellido</th>";
            echo "<th scope='col'>Fecha</th>";
            echo "<th scope='col'>País</th>";  
            echo "</tr>";
            echo "</thead>";
            echo "<tbody>"; 
            while ($fila = $result->fetch_assoc()) {
                echo "<tr>";  
                echo "<th scope='row'>".$fila['id']."</th>";  
                echo "<td>".$fila['nombre']."</td>";  
                echo "<td>".$fila['apellido']."</td>";
                echo "<td>".$fila['fecha']."</td>";
                echo "<td>".$fila['pais']."</td>";  
                echo "</tr>"; 
            }
            echo "</tbody>";
            echo "</table>";
    

Demostración y descarga

En este link dejo disponible la demostración del ejemplo usando la tabla de usuarios abm, tambien esta la posibilidad de aportar mediante la completo con un pequeño aporte en Paypal (artículo 9), gracias.


Sobre programación web

• Validación de formularios usando características de HTML5
• Método para insertar registros en MySQL usando PHP
• Obtener datos desde MySQL y mostrar el resultado en una tabla
• Los colores y sus códigos RGB
• Cómo evitar los comentarios spam
• Creando un login simple con jquery, php y mysql
• Conversor de Medidas Online
• Visualizar datos en una tabla parte II: Aplicando estilo css
• Un ejemplo de ABM usando Ajax - PHP - MySQL
• Usando jquery para modificar elementos del HTML
• Usar PDO para conectarse a MYSQL
• Cómo detectar el navegador usando JavaScript
• Cómo desarmar un notebook HP Compaq Presario C700
• Proyecto Intranet: Ordenes de servicio y ventas

Fotografía

• Michelles Jaque
• Beatriz Cabrera Zapata

Poesías

• Mini Poesías - Constanza Gonzales
• Sobre las decisiones - Constanza Gonzales

Últimas Publicaciones

• Enviar correos usando un formulario desde sitio web o localhost con PHPMailer
• Cómo crear un cuadro de búsqueda al estilo Google
• Sistema de LogIn con verificación de email y recuperación de contraseña usando PHP
• Demostración Jquery UI Selectable usando php y bases de datos mysql
• Subir, insertar, actualizar, borrar imágenes con PHP y MySQL
• Calculadora IMC usando JavaScript
• Select Dependientes con Ajax MySQL PHP
• Expresiones regulares en PHP
• Cómo convertir datos MySQL en formato JSON en PHP
• Visualizar datos en una tabla html con mysqli
• Siembras: Aplicación en Laravel 5.5

Newsletter



Gracias. Te mantendremos informado

Website Template por IdeasChile © 2009 - 2024 Optimizado para los navegadores Chrome - Firefox - Opera - Edge