Programación Web • ITI-07 • 15 ene 2026

Clase Práctica: Primer uso de Base de Datos con PHP

Objetivo de la práctica

En esta clase el estudiante utilizará una base de datos desde PHP para guardar y mostrar información usando un servidor de desarrollo web local.

El objetivo es comprender, de forma práctica, cómo PHP se conecta a una base de datos y cómo se puede almacenar información enviada desde el navegador.

La sesión es completamente práctica.

¿Qué se hará en esta clase?

Durante la práctica se realizará lo siguiente:

Crear una base de datos y una tabla sencilla
Conectar PHP con MySQL
Enviar información desde un formulario
Guardar datos en la base de datos
Mostrar los datos guardados en el navegador

Requisitos previos

Antes de iniciar, asegúrate de que:

El servidor de desarrollo (XAMPP, Laragon, etc.) esté instalado
Los servicios Apache y MySQL estén activos
Ya exista la carpeta del proyecto creada en la práctica anterior

Ruta de trabajo: htdocs/nombre_apellido/2-practica-servidor

Desarrollo de la práctica

1. Iniciar servicios

Abre el panel de control del servidor de desarrollo.
Inicia los servicios Apache y MySQL en XAMPP.

2. Crear la base de datos

Accede al administrador de base de datos: MySQL Workbench o http://localhost/phpmyadmin
Crea una base de datos con el nombre: practica si hicieron la actividad anterior ya la tienen.

3. Crear la tabla

Dentro de la base de datos practica, crea una tabla llamada usuarios con los siguientes campos:

Campo	Tipo
id	INT (PK, AI)
nombre	VARCHAR(100)
correo	VARCHAR(100)

No es necesario agregar más campos.

4. Crear archivo de conexión

En la carpeta 2-practica-servidor, crea un archivo llamado conexion.php.
Escribe el siguiente código:

<?php
$servidor = "localhost";
$usuario = "root";
$contrasena = "";
$base_datos = "practica";

$conexion = mysqli_connect($servidor, $usuario, $contrasena, $base_datos);

if (!$conexion) {
    die("Error de conexión");
}
?>

Crear formulario de registro

Crea un archivo llamado formulario.php y escribe el siguiente código:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Registro de usuarios</title>
</head>
<body>

<h2>Registro de usuario</h2>

<form action="guardar.php" method="post">
    <label>Nombre:</label><br>
    <input type="text" name="nombre" required><br><br>

    <label>Correo:</label><br>
    <input type="email" name="correo" required><br><br>

    <button type="submit">Guardar</button>
</form>

</body>
</html>

Guardar información en la base de datos

Crea un archivo llamado guardar.php y escribe lo siguiente:

<?php
include "conexion.php";

$nombre = $_POST['nombre'];
$correo = $_POST['correo'];

$consulta = "INSERT INTO usuarios (nombre, correo) VALUES ('$nombre', '$correo')";

if (mysqli_query($conexion, $consulta)) {
    echo "<h2>Usuario guardado correctamente</h2>";
    echo "<a href='formulario.php'>Registrar otro usuario</a><br>";
    echo "<a href='listar.php'>Ver usuarios</a>";
} else {
    echo "Error al guardar";
}
?>

Mostrar los datos guardados

Crea un archivo llamado listar.php y escribe el siguiente código:

<?php
include "conexion.php";

$resultado = mysqli_query($conexion, "SELECT * FROM usuarios");

echo "<h2>Lista de usuarios</h2>";

while ($fila = mysqli_fetch_assoc($resultado)) {
    echo "Nombre: " . $fila['nombre'] . "<br>";
    echo "Correo: " . $fila['correo'] . "<hr>";
}
?>

Probar la aplicación

Abre el navegador y accede a: http://localhost/nombre_apellido/2-practica-servidor/formulario.php
Registra uno o más usuarios.
Verifica que los datos se muestren correctamente en listar.php.

Actividad de cierre

Responde brevemente:

¿Para qué se utiliza la base de datos en una aplicación web?
¿Qué función cumple PHP en esta práctica?
¿Qué pasaría si la base de datos no estuviera activa?

Evidencia de la práctica

Entregar:

Captura del formulario funcionando
Captura de la lista de usuarios
Respuestas de la actividad de cierre