El objetivo de estos ejercicios es obtener una aplicación web capaz de gestionar una tabla de una base de datos. En este caso, la tabla es una mínima agenda. En cada ejercicio se añade una funcionalidad a la aplicación como refleja el título de cada ejercicio.
Estos ejercicios van encadenados. Cada ejercicio se debe hacer a partir del ejercicio anterior, añadiendo las páginas necesarias.
En estos ejercicios la única comprobación que se realiza sobre los datos introducidos por el usuario es que su longitud se adapta al tamaño de los campos en la base de datos.
En cada ejercicio, se encuentran unos comentarios que incluyen un dibujo que indica las relaciones entre las diferentes páginas:
El cuadro rojo a trazos indica las páginas añadidas a la aplicación en este ejercicio.
Las líneas negras indican inclusiones de bibliotecas.
Las flechas negras indican enlaces (aunque no esté indicado, desde cualquier página se puede volver a la página index.php).
Para facilitar la verificación de los ejercicios, se proporcionan ficheros .side que permiten la comprobación con Selenium IDE 4 del funcionamiento de la aplicación de ejemplo y de los ejercicios.
Bases de datos (1) 1 - Borrar y crear la base de datos
Escriba un programa que permita crear una base de datos.
La página principal incluye un menú con un enlace a la página de borrado y creación de la tabla.
El borrado y creación de tabla se hace en dos páginas, que incluyen un menú con un enlace a la página inicial.
La primera página contiene un formulario que pide confirmación. Si se contesta "No", se vuelve a la página inicial. Si se contesta "Sí", se llega a la segunda página.
La segunda página borra y crea la base de datos, que contiene una tabla con dos campos.
Comentarios
La organización de las páginas puede ser la siguiente:
En una aplicación real, el borrado y creación de la base de datos estarían disponibles únicamente para el administrador, pero aquí cualquier usuario puede borrar y crear la base de datos.
Las operaciones de borrar y crear la base de datos se realizan una a continuación de la otra.
Si el usuario no confirma el borrado de la tabla (es decir, si accede directamente a la página que crea la tabla escribiendo la dirección en el navegador, o si envía valores distintos de Sí), se le redireccionará directamente a la página inicial.
Esta puede ser la configuración de las bases de datos para este proyecto:
// Base de datos utilizada por la aplicación
$cfg["dbMotor"] = SQLITE; // Valores posibles: MYSQL o SQLITE
// Configuración para SQLite
$cfg["sqliteDatabase"] = "/tmp/mclibre-base-datos-1-1.sqlite"; // Ubicación de la base de datos
// Configuración para MySQL
$cfg["mysqlHost"] = "localhost"; // Nombre de host
$cfg["mysqlUser"] = "mclibre_base_datos_1_1"; // Nombre de usuario
$cfg["mysqlPassword"] = ""; // Contraseña de usuario
$cfg["mysqlDatabase"] = "mclibre_base_datos_1_1"; // Nombre de la base de datos
// Tamaño de los campos en la tabla Personas
$cfg["tablaPersonasTamNombre"] = 40; // Tamaño de la columna Personas > Nombre
$cfg["tablaPersonasTamApellidos"] = 60; // Tamaño de la columna Personas > Apellidos
Esta pueden ser las consultas de creación de tabla para este proyecto cuando se trabaja con SQLite:
// SQLITE: Borrado y creación de tablas
$consulta = "DROP TABLE IF EXISTS $cfg[tablaPersonas]";
$consulta = "CREATE TABLE $cfg[tablaPersonas] (
id INTEGER PRIMARY KEY,
nombre VARCHAR($cfg[tablaPersonasTamNombre]) COLLATE NOCASE,
apellidos VARCHAR($cfg[tablaPersonasTamApellidos]) COLLATE NOCASE
)";
Esta pueden ser las consultas de creación de tabla para este proyecto cuando se trabaja con MySQL:
// MYSQL: Borrado y creación de base de datos y tablas
$consulta = "DROP DATABASE IF EXISTS $cfg[mysqlDatabase]";
$consulta = "CREATE DATABASE $cfg[mysqlDatabase]
CHARACTER SET utf8mb4
COLLATE utf8mb4_unicode_ci";
$consulta = "USE $cfg[mysqlDatabase]";
$consulta = "CREATE TABLE $cfg[tablaPersonas] (
id INTEGER UNSIGNED AUTO_INCREMENT,
nombre VARCHAR($cfg[tablaPersonasTamNombre]),
apellidos VARCHAR($cfg[tablaPersonasTamApellidos]),
PRIMARY KEY(id)
)";
Bases de datos (1) 2 - Añadir registros en la tabla
Amplíe el ejercicio anterior de manera que permita incluir registros en la base de datos.
El menú inicial incluye una opción de menú con un enlace a la página de creación de un nuevo registro.
La creación del nuevo registro se hace en dos páginas, que incluyen un menú con un enlace a la página inicial.
La primera página contiene un formulario que pide los datos a registrar.
La segunda página inserta los datos en la base de datos.
Comentarios
La organización de las páginas puede ser la siguiente:
El tamaño de los campos en el formulario puede coincidir con el tamaño de los campos en la base de datos, pero en previsión de que no queramos que coincidan (lo que ocurrirá en ejercicios posteriores) es conveniente definir otras variables de configuración:
Estas constantes se pueden definir en config.php y en este caso hacerlas coincidir con el tamaño de los campos en la base de datos:
// Tamaño de los campos en la tabla Personas
$cfg["tablaPersonasTamNombre"] = 40; // Tamaño de la columna Personas > Nombre
$cfg["tablaPersonasTamApellidos"] = 60; // Tamaño de la columna Personas > Apellidos
// Tamaño de los controles en los formularios
$cfg["formPersonasTamNombre"] = $cfg["tablaPersonasTamNombre"]; // Tamaño de la caja de texto Personas > Nombre
$cfg["formPersonasTamApellidos"] = $cfg["tablaPersonasTamApellidos"]; // Tamaño de la caja de texto Personas > Apellidos
// Tamaño máximo admitido por los controles en los formularios
$cfg["formPersonasMaxNombre"] = $cfg["tablaPersonasTamNombre"]; // Tamaño máximo admitido por la caja de texto Personas > Nombre
$cfg["formPersonasMaxApellidos"] = $cfg["tablaPersonasTamApellidos"]; // Tamaño máximo admitido por la caja de texto Personas > Apellidos
MySQL no permite guardar registros más largos que el tamaño del campo, por lo que se puede avisar al usuario del problema:
// Comprueba la longitud del dato recibido
$nombre = recoge("nombre");
$nombreOk = false;
if (mb_strlen($nombre, "UTF-8") > $cfg["formPersonasMaxNombre"]) {
print " <p class=\"aviso\">El nombre no puede tener más de $cfg[formPersonasMaxNombre] caracteres.</p>\n";
print "\n";
} else {
$nombreOk = true;
}
Esta puede ser la consulta preparada de inserción:
// Añade un registro
$consulta = "INSERT INTO $cfg[tablaPersonas]
(nombre, apellidos)
VALUES (:nombre, :apellidos)";
$resultado = $pdo->prepare($consulta);
if (!$resultado) {
print " <p class=\"aviso\">Error al preparar la consulta. SQLSTATE[{$pdo->errorCode()}]: {$pdo->errorInfo()[2]}</p>\n";
} elseif (!$resultado->execute([":nombre" => $nombre, ":apellidos" => $apellidos])) {
print " <p class=\"aviso\">Error al ejecutar la consulta. SQLSTATE[{$pdo->errorCode()}]: {$pdo->errorInfo()[2]}</p>\n";
} else {
print " <p>Registro creado correctamente.</p>\n";
}
Bases de datos (1) 3 - Listar los registros en la tabla
Amplíe el ejercicio anterior de manera que permita listar los registros de la base de datos.
El menú inicial incluye una opción de menú con un enlace a la página que lista los registros existentes.
El listado se hace en una página, que incluye un menú con un enlace a la página inicial.
Comentarios
La organización de las páginas puede ser la siguiente:
Para listar los registros, esta puede ser la consulta de selección:
// Selecciona y muestra todos los registros
$consulta = "SELECT * FROM $cfg[tablaPersonas]";
$resultado = $pdo->query($consulta);
if (!$resultado) {
print " <p class=\"aviso\">Error en la consulta. SQLSTATE[{$pdo->errorCode()}]: {$pdo->errorInfo()[2]}</p>\n";
} else {
print " <p>Listado completo de registros:</p>\n";
...
foreach ($resultado as $registro) {
print " <tr>\n";
print " <td>$registro[nombre]</td>\n";
print " <td>$registro[apellidos]</td>\n";
print " </tr>\n";
}
...
Bases de datos (1) 4 - Borrar individualmente registros en la tabla
Amplíe el ejercicio anterior de manera que permita borrar individualmente los registros de la base de datos.
El menú inicial incluye una opción de menú con un enlace a la página que permite borrar los registros existentes.
El borrado se hace en dos páginas, que incluyen un menú con un enlace a la página inicial.
La primera página contiene un formulario que muestra los registros existentes y que permite marcar los datos a borrar.
La segunda página borra los registros en la base de datos.
Comentarios
La organización de las páginas puede ser la siguiente:
Para seleccionar los registros a borrar, se puede utilizar una casilla de verificación cuyo nombre contenga el id del registro. Lo mejor es que los nombres formen una matriz, para obtener a través de un único control todos los valores a borrar.
// Imprime casillas de verificación
$consulta = "SELECT * FROM $cfg[tablaPersonas]";
$resultado = $pdo->query($consulta);
if (!$resultado) {
print " <p class=\"aviso\">Error en la consulta. SQLSTATE[{$pdo->errorCode()}]: {$pdo->errorInfo()[2]}</p>\n";
} else {
print " <form action=\"borrar-2.php\" method=\"$cfg[formMethod]\">\n";
print " <p>Marque los registros que quiera borrar:</p>\n";
...
foreach ($resultado as $registro) {
print " <tr>\n";
print " <td class=\"centrado\"><input type=\"checkbox\" name=\"id[$registro[id]]\"></td>\n";
print " <td>$registro[nombre]</td>\n";
print " <td>$registro[apellidos]</td>\n";
print " </tr>\n";
}
...
Para borrar los registros, esta puede ser la consulta preparada de borrado:
// Recoge y borra los registros seleccionados
$id = recoge("id", []);
// Comprobamos el dato recibido
$idOk = false;
if ($id == []) {
print " <p class=\"aviso\">No se ha seleccionado ningún registro.</p>\n";
} else {
$idOk = true;
}
if ($idOk) {
foreach ($id as $indice => $valor) {
$consulta = "DELETE FROM $cfg[tablaPersonas]
WHERE id = :indice";
$resultado = $pdo->prepare($consulta);
if (!$resultado) {
print " <p class=\"aviso\">Error al preparar la consulta. SQLSTATE[{$pdo->errorCode()}]: {$pdo->errorInfo()[2]}</p>\n";
} elseif (!$resultado->execute([":indice" => $indice])) {
print " <p class=\"aviso\">Error al ejecutar la consulta. SQLSTATE[{$pdo->errorCode()}]: {$pdo->errorInfo()[2]}</p>\n";
} else {
print " <p>Registro borrado correctamente (si existía).</p>\n";
}
}
}
Bases de datos (1) 5 - Buscar registros en la tabla
Amplíe el ejercicio anterior de manera que permita buscar registros de la base de datos.
El menú inicial incluye una opción de menú con un enlace a la página que permite buscar en los registros existentes.
La búsqueda se hace en dos páginas, que incluyen un menú con un enlace a la página inicial.
La primera página contiene un formulario que pide los datos a buscar.
La segunda página muestra los registros encontrados
Comentarios
La organización de las páginas puede ser la siguiente:
La primera página es un formulario como el de añadir registros.
Para buscar los registros, comprobaríamos los valores recibidos con la misma comprobación que hacemos al insertar nuevos registros (insertar-2.php). Esta puede ser la consulta preparada de selección:
// Busca registros
$nombre = recoge("nombre");
$apellidos = recoge("apellidos");
// Comprobamos los datos recibidos procedentes de un formulario
$nombreOk = false;
$apellidosOk = false;
...
if ($nombreOk && $apellidosOk) {
$consulta = "SELECT * FROM $cfg[tablaPersonas]
WHERE nombre LIKE :nombre
AND apellidos LIKE :apellidos";
$resultado = $pdo->prepare($consulta);
if (!$resultado) {
print " <p class=\"aviso\">Error al preparar la consulta. SQLSTATE[{$pdo->errorCode()}]: {$pdo->errorInfo()[2]}</p>\n";
} elseif (!$resultado->execute([":nombre" => "%$nombre%", ":apellidos" => "%$apellidos%"])) {
print " <p class=\"aviso\">Error al ejecutar la consulta. SQLSTATE[{$pdo->errorCode()}]: {$pdo->errorInfo()[2]}</p>\n";
} else {
print " <p>Registros encontrados:</p>\n";
...
foreach ($resultado as $registro) {
print " <tr>\n";
print " <td>$registro[nombre]</td>\n";
print " <td>$registro[apellidos]</td>\n";
print " </tr>\n";
}
...
los comodines (%) deben incluirse al ejecutar la consulta, no se podrían incluir en la definición de $consulta.
Bases de datos (1) 6 - Modificar registros en la tabla
Amplíe el ejercicio anterior de manera que permita modificar registros de la base de datos.
El menú inicial incluye una opción de menú con un enlace a la página que permite modificar los registros existentes.
La modificación se hace en tres páginas, que incluyen un menú con un enlace a la página inicial.
La primera página contiene un formulario que permite seleccionar el registro a modificar.
La segunda página muestra el registro seleccionado y permite modificarlo.
La tercera página guarda los datos modificados.
Comentarios
La organización de las páginas puede ser la siguiente:
La primera página es un formulario como el de borrar, salvo que en vez de una casilla de verificación, se puede utilizar un botón radio cuyo valor contenga el id del registro.
// Imprime botones radio
$consulta = "SELECT * FROM $cfg[tablaPersonas]";
$resultado = $pdo->query($consulta);
if (!$resultado) {
print " <p class=\"aviso\">Error en la consulta. SQLSTATE[{$pdo->errorCode()}]: {$pdo->errorInfo()[2]}</p>\n";
} else {
print " <form action=\"modificar-2.php\" method=\"$cfg[formMethod]\">\n";
print " <p>Indique el registro que quiera modificar:</p>\n";
...
foreach ($resultado as $registro) {
print " <tr>\n";
print " <td class=\"centrado\"><input type=\"radio\" name=\"id\" value=\"$registro[id]\"></td>\n";
print " <td>$registro[nombre]</td>\n";
print " <td>$registro[apellidos]</td>\n";
print " </tr>\n";
}
...
En la segunda página, como sólo se recupera el registro seleccionado en la primera página, no es necesario utilizar un bucle foreach y se puede utilizar el método $result->fetch(). La consulta puede ser la siguiente:
// Recoge el id del registro y selecciona el registro
$id = recoge("id");
if ($id == "") {
print " <p class=\"aviso\">No se ha seleccionado ningún registro.</p>\n";
} else {
$consulta = "SELECT * FROM $cfg[tablaPersonas]
WHERE id = :id";
$resultado = $pdo->prepare($consulta);
if (!$resultado) {
print " <p class=\"aviso\">Error al preparar la consulta. SQLSTATE[{$pdo->errorCode()}]: {$pdo->errorInfo()[2]}</p>\n";
} elseif (!$resultado->execute([":id" => $id])) {
print " <p class=\"aviso\">Error al ejecutar la consulta. SQLSTATE[{$pdo->errorCode()}]: {$pdo->errorInfo()[2]}</p>\n";
} else {
$registro = $resultado->fetch();
...
La segunda página es un formulario como el de añadir, salvo que los campos contienen el valor del registro seleccionado en la primera página:
// Muestra los valores del registro en el formulario
print " <td><input type=\"text\" name=\"nombre\" size=\"$cfg[formPersonasTamNombre]\" maxlength=\"$cfg[formPersonasMaxNombre]\" value=\"$registro[nombre]\" autofocus></td>\n";
...
print " <td><input type=\"text\" name=\"apellidos\" size=\"$cfg[formPersonasTamApellidos]\" maxlength=\"$cfg[formPersonasMaxApellidos]\" value=\"$registro[apellidos]\"></td>\n";
En la segunda página hay que incluir en el formulario un control oculto que contenga el id del registro para pasarlo a la tercera página:
// Control oculto con el id del registro modificado
print " <input type=\"hidden\" name=\"id\" value=\"$id\">\n";
En la tercera página, los datos recogidos deben comprobarse de la misma manera que se comprueban antes de insertarlos en insertar-2.php.
En la tercera página, para modificar el registro seleccionado, esta puede ser la consulta preparada de actualización:
// Actualiza el registro
$consulta = "UPDATE $cfg[tablaPersonas]
SET nombre = :nombre, apellidos = :apellidos
WHERE id = :id";
$resultado = $pdo->prepare($consulta);
if (!$resultado) {
print " <p class=\"aviso\">Error al preparar la consulta. SQLSTATE[{$pdo->errorCode()}]: {$pdo->errorInfo()[2]}</p>\n";
} elseif (!$resultado->execute([":nombre" => $nombre, ":apellidos" => $apellidos, ":id" => $id])) {
print " <p class=\"aviso\">Error al ejecutar la consulta. SQLSTATE[{$pdo->errorCode()}]: {$pdo->errorInfo()[2]}</p>\n";
} else {
print " <p>Registro modificado correctamente.</p>\n";
}
