BD CLASE 3 2024-II

el

 


Dados los objetivos planteados, este tutorial te guiará a través de los fundamentos de XAMPP, MySQL y PHP, demostrando cómo estas herramientas se integran para transformar un diseño conceptual (diagramas de casos de uso y entidad-relación) en una base de datos funcional.

Tutorial: De los Diagramas a la Base de Datos Funcional con XAMPP, MySQL y PHP

Este tutorial se enfoca en la implementación práctica de un diseño de base de datos, utilizando XAMPP como entorno de desarrollo local, MySQL para la gestión de la base de datos y PHP para interactuar con ella.

Parte 1: Fundamentos de XAMPP, MySQL y PHP

Antes de sumergirnos en la implementación, es crucial entender qué es cada componente y por qué es fundamental para el desarrollo web con bases de datos.

1. XAMPP: El Entorno de Desarrollo Local

  • ¿Qué es? XAMPP es una distribución gratuita y de código abierto de Apache que contiene MySQL, PHP y Perl. Es un paquete que instala todo lo necesario para crear un servidor web local en tu computadora.
  • ¿Por qué usarlo? Permite desarrollar y probar aplicaciones web y bases de datos en tu propio PC sin necesidad de un servidor en línea, facilitando la fase de desarrollo y depuración.
  • Componentes principales de XAMPP:
    • Apache: El servidor web que procesa las solicitudes HTTP.
    • MySQL (o MariaDB): El sistema gestor de bases de datos relacionales.
    • PHP: El lenguaje de programación del lado del servidor que se usa para crear lógica de aplicaciones web e interactuar con la base de datos.
    • Perl: Otro lenguaje de scripting (menos común para este tipo de tutorial).
    • phpMyAdmin: Una interfaz web para administrar bases de datos MySQL, muy útil para crear tablas y gestionar datos sin escribir código SQL directamente.

2. MySQL: El Sistema Gestor de Bases de Datos

  • ¿Qué es? MySQL es un sistema de gestión de bases de datos relacionales (SGBD) de código abierto. Almacena los datos en tablas estructuradas y permite a los usuarios interactuar con ellos mediante el lenguaje SQL.
  • ¿Por qué usarlo? Es ampliamente utilizado, robusto, escalable y eficiente para almacenar y recuperar grandes volúmenes de datos. Es el "cerebro" donde reside la información de tu aplicación.
  • Conceptos clave:
    • Base de Datos: Un contenedor para tablas, vistas, etc.
    • Tabla: Estructura donde se almacenan los datos en filas y columnas.
    • Columna/Campo: Atributo individual de una tabla (ej., nombre, edad).
    • Fila/Registro: Un conjunto completo de datos en una tabla.
    • Clave Primaria (PK): Columna(s) que identifica(n) de forma única cada fila.
    • Clave Foránea (FK): Columna(s) que enlaza(n una tabla a otra (referencia a una PK en otra tabla).

3. PHP: El Lenguaje de Programación del Lado del Servidor

  • ¿Qué es? PHP (Hypertext Preprocessor) es un lenguaje de scripting de propósito general, especialmente diseñado para el desarrollo web. Se ejecuta en el servidor y puede generar contenido HTML dinámico, así como interactuar con bases de datos.
  • ¿Por qué usarlo? Permite crear la lógica de la aplicación web, manejar formularios, interactuar con la base de datos para insertar, actualizar, eliminar y consultar datos, y generar las páginas web que ve el usuario. Es el "puente" entre el usuario y la base de datos.

Parte 2: Preparación del Entorno de Desarrollo con XAMPP

Para empezar, necesitas instalar y configurar XAMPP en tu computadora.

  1. Descarga de XAMPP:

  2. Instalación de XAMPP:

    • Ejecuta el instalador. Se recomienda instalar XAMPP en la raíz de una unidad (ej., C:\xampp en Windows) para evitar problemas de permisos.
    • Sigue las instrucciones en pantalla, aceptando los componentes por defecto (Apache, MySQL, PHP, phpMyAdmin son esenciales).
    • Una vez finalizada la instalación, se te preguntará si deseas iniciar el Panel de Control de XAMPP.

  3. Inicio y Gestión de Servicios en el Panel de Control de XAMPP:

    • Abre el Panel de Control de XAMPP.
    • Haz clic en el botón "Start" (Iniciar) junto a Apache y MySQL.
    • Si todo va bien, el texto de "Status" (Estado) junto a ellos se volverá verde, indicando que los servicios están corriendo.
    • Verificación:
      • Abre tu navegador y escribe http://localhost/. Deberías ver la página de bienvenida de XAMPP.
      • Para verificar phpMyAdmin, escribe http://localhost/phpmyadmin/. Deberías ver la interfaz de administración de MySQL.

Parte 3: Transformar Diagramas en Base de Datos Funcional (con phpMyAdmin)

Aquí es donde tomamos el diseño de tus diagramas (casos de uso que definen funcionalidades y el DER que define la estructura) y lo convertimos en tablas reales en MySQL. Nos centraremos en el DER, ya que es el diseño directo de la base de datos.

Objetivos del Diseño (Re-afirmación):

  • Identificar la información relevante: Entidades (Vehiculos, Empleados, Mantenimientos, Asignaciones_Empleado_Vehiculo) y sus atributos.
  • Establecer relaciones: 1:N entre Vehiculos y Mantenimientos, 1:N entre Empleados y Mantenimientos, y N:M entre Vehiculos y Empleados resuelta por Asignaciones_Empleado_Vehiculo.
  • Diseñar tablas: Definir campos, tipos de datos, claves primarias y foráneas.

Implementación con phpMyAdmin:

  1. Crear una Nueva Base de Datos:

    • Accede a phpMyAdmin en tu navegador (http://localhost/phpmyadmin/).
    • En el panel izquierdo, haz clic en la pestaña "New" (Nuevo) o "Bases de datos".
    • En el campo "Crear base de datos", escribe un nombre significativo para tu base de datos (ej., db_vehiculos_mantenimiento).
    • Selecciona utf8mb4_spanish_ci o utf8mb4_unicode_ci como cotejamiento para soportar caracteres especiales.
    • Haz clic en "Crear".

  2. Crear Tablas (siguiendo tu Diseño del DER y Sentencias SQL):

    • Una vez creada la base de datos, selecciónala en el panel izquierdo.

    • En la pestaña "Estructura" o "SQL", puedes crear tablas. La forma más sencilla es ir a la pestaña "SQL" y pegar directamente las sentencias CREATE TABLE que ya diseñaste.

    • Ejemplo de creación de tablas usando SQL (pégalas una por una o todas juntas en la pestaña SQL):

      SQL
      -- Selecciona tu base de datos (asegúrate de que está seleccionada en phpMyAdmin)
-- USE db_vehiculos_mantenimiento;

-- Tabla Vehiculos
CREATE TABLE Vehiculos (
    id_vehiculo INT AUTO_INCREMENT PRIMARY KEY,
    marca VARCHAR(50) NOT NULL,
    modelo VARCHAR(50) NOT NULL,
    año INT,
    placa VARCHAR(10) UNIQUE NOT NULL,
    color VARCHAR(30),
    numero_motor VARCHAR(50) UNIQUE,
    tipo_combustible VARCHAR(20),
    propietario_nombre VARCHAR(100)
);

-- Tabla Empleados
CREATE TABLE Empleados (
    id_empleado INT AUTO_INCREMENT PRIMARY KEY,
    nombre VARCHAR(50) NOT NULL,
    apellido VARCHAR(50) NOT NULL,
    cargo VARCHAR(50),
    telefono VARCHAR(20),
    email VARCHAR(100) UNIQUE
);

-- Tabla Mantenimientos (con Claves Foráneas)
CREATE TABLE Mantenimientos (
    id_mantenimiento INT AUTO_INCREMENT PRIMARY KEY,
    id_vehiculo INT NOT NULL,
    id_empleado INT NOT NULL,
    fecha_mantenimiento DATE NOT NULL,
    tipo_mantenimiento VARCHAR(100) NOT NULL,
    costo DECIMAL(10, 2),
    observaciones TEXT,
    FOREIGN KEY (id_vehiculo) REFERENCES Vehiculos(id_vehiculo) ON DELETE CASCADE ON UPDATE CASCADE,
    FOREIGN KEY (id_empleado) REFERENCES Empleados(id_empleado) ON DELETE RESTRICT ON UPDATE CASCADE
);

-- Tabla Asignaciones_Empleado_Vehiculo (para la relación N:M)
CREATE TABLE Asignaciones_Empleado_Vehiculo (
    id_asignacion INT AUTO_INCREMENT PRIMARY KEY,
    id_empleado INT NOT NULL,
    id_vehiculo INT NOT NULL,
    fecha_asignacion DATE,
    rol_asignacion VARCHAR(50),
    FOREIGN KEY (id_empleado) REFERENCES Empleados(id_empleado) ON DELETE CASCADE ON UPDATE CASCADE,
    FOREIGN KEY (id_vehiculo) REFERENCES Vehiculos(id_vehiculo) ON DELETE CASCADE ON UPDATE CASCADE,
    UNIQUE (id_empleado, id_vehiculo, fecha_asignacion)
);

    • Haz clic en "Continuar" o "Go" para ejecutar las sentencias. phpMyAdmin te informará si las tablas se crearon correctamente.

  3. Verificar la Estructura de la Base de Datos:

    • En el panel izquierdo, selecciona tu base de datos (db_vehiculos_mantenimiento).
    • Verás las tablas listadas (Vehiculos, Empleados, Mantenimientos, Asignaciones_Empleado_Vehiculo).
    • Haz clic en cada tabla para ver su "Estructura" y confirmar que los campos, tipos de datos, claves primarias y foráneas se definieron correctamente. También puedes ir a la pestaña "Diseñador" para ver una representación visual de tu DER en phpMyAdmin.

Parte 4: Interacción con la Base de Datos Usando PHP

Ahora que la base de datos está creada, usaremos PHP para conectarnos a ella, insertar datos y mostrar información.

  1. Configurar el Directorio de Trabajo de XAMPP:

    • Los archivos PHP que ejecute Apache deben estar en la carpeta htdocs de XAMPP.
    • Crea una nueva carpeta dentro de C:\xampp\htdocs\ (ej., C:\xampp\htdocs\gestion_vehiculos). Aquí guardarás tus archivos PHP.

  2. Crear el Archivo de Conexión a la Base de Datos (conexion.php):

    • Abre un editor de texto (VS Code, Notepad++, Sublime Text, etc.).

    • Crea un nuevo archivo llamado conexion.php y guárdalo en tu carpeta gestion_vehiculos.

    • Pega el siguiente código:

      PHP
      <?php
$servername = "localhost"; // Servidor de la base de datos (XAMPP)
$username = "root";       // Usuario por defecto de MySQL en XAMPP
$password = "";           // Contraseña por defecto de MySQL en XAMPP (vacía)
$dbname = "db_vehiculos_mantenimiento"; // El nombre de tu base de datos

// Crear conexión
$conn = new mysqli($servername, $username, $password, $dbname);

// Verificar conexión
if ($conn->connect_error) {
    die("Conexión fallida: " . $conn->connect_error);
}
// echo "Conexión exitosa a la base de datos."; // Solo para pruebas
?>

    • Este archivo contendrá las credenciales y la lógica para conectar tu aplicación PHP a MySQL.

  3. Crear un Archivo PHP para Insertar Datos (insertar_vehiculo.php):

    • Crea un nuevo archivo llamado insertar_vehiculo.php en la misma carpeta.

    • Este script insertará un nuevo vehículo en la tabla Vehiculos.

      PHP
      <?php
include 'conexion.php'; // Incluye el archivo de conexión

// Datos del nuevo vehículo
$marca = "Toyota";
$modelo = "Corolla";
$año = 2020;
$placa = "ABC1234";
$color = "Blanco";
$numero_motor = "XYZ987654321";
$tipo_combustible = "Gasolina";
$propietario_nombre = "Juan Pérez";

// Sentencia SQL para insertar datos
$sql = "INSERT INTO Vehiculos (marca, modelo, año, placa, color, numero_motor, tipo_combustible, propietario_nombre)
        VALUES ('$marca', '$modelo', $año, '$placa', '$color', '$numero_motor', '$tipo_combustible', '$propietario_nombre')";

// Ejecutar la sentencia
if ($conn->query($sql) === TRUE) {
    echo "Nuevo vehículo insertado exitosamente.";
} else {
    echo "Error: " . $sql . "<br>" . $conn->error;
}

// Cerrar conexión
$conn->close();
?>

    • Ejecutar: Abre tu navegador y ve a http://localhost/gestion_vehiculos/insertar_vehiculo.php. Deberías ver el mensaje "Nuevo vehículo insertado exitosamente.".

    • Verificar en phpMyAdmin: Ve a phpMyAdmin, selecciona tu base de datos, haz clic en la tabla Vehiculos y luego en la pestaña "Explorar" o "Browse". Deberías ver el vehículo insertado.

  4. Crear un Archivo PHP para Mostrar Datos (mostrar_vehiculos.php):

    • Crea un nuevo archivo llamado mostrar_vehiculos.php en la misma carpeta.

    • Este script recuperará y mostrará los vehículos de la base de datos.

      PHP
      <?php
include 'conexion.php'; // Incluye el archivo de conexión

$sql = "SELECT id_vehiculo, marca, modelo, año, placa, propietario_nombre FROM Vehiculos";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    echo "<h2>Listado de Vehículos</h2>";
    echo "<table border='1'>";
    echo "<tr><th>ID</th><th>Marca</th><th>Modelo</th><th>Año</th><th>Placa</th><th>Propietario</th></tr>";
    // Recorrer los resultados y mostrarlos
    while($row = $result->fetch_assoc()) {
        echo "<tr>";
        echo "<td>" . $row["id_vehiculo"]. "</td>";
        echo "<td>" . $row["marca"]. "</td>";
        echo "<td>" . $row["modelo"]. "</td>";
        echo "<td>" . $row["año"]. "</td>";
        echo "<td>" . $row["placa"]. "</td>";
        echo "<td>" . $row["propietario_nombre"]. "</td>";
        echo "</tr>";
    }
    echo "</table>";
} else {
    echo "No hay vehículos registrados.";
}

// Cerrar conexión
$conn->close();
?>

    • Ejecutar: Abre tu navegador y ve a http://localhost/gestion_vehiculos/mostrar_vehiculos.php. Deberías ver una tabla con el vehículo que insertaste previamente.

Este tutorial te ha proporcionado una base sólida para comprender cómo XAMPP, MySQL y PHP trabajan juntos para transformar un diseño de base de datos en una aplicación funcional. A partir de aquí, puedes expandir tu conocimiento añadiendo funcionalidades de actualización y eliminación, creando formularios HTML para la entrada de datos por el usuario y explorando consultas SQL más complejas.

Referencias

American Psychological Association. (2020). Publication Manual of the American Psychological Association (7th ed.). American Psychological Association.

Apache Friends. (s.f.). XAMPP. Recuperado de https://www.apachefriends.org/es/index.html

MySQL. (s.f.). MySQL. Recuperado de https://www.mysql.com/

PHP. (s.f.). PHP: Hypertext Preprocessor. Recuperado de https://www.php.net/

Comentarios

Publicar un comentario