42 Trabajando con el archivo SHOW.BLADE.PHP con (LARAVEL y MYSQL)FULLSTACK

Duración: 10 min
Módulo: 🖼️ Módulo de Almacenamiento y Archivos Lección 4 de 5

Descripción

📄 Lección 42: Trabajando con el Archivo SHOW.BLADE.PHP (CRUD)

Esta lección avanzada se enfoca en preparar las herramientas y vistas necesarias para completar las funciones de Actualización (Update) y Eliminación (Destroy) del CRUD, además de corregir un error de paginación que mostraba incorrectamente el ID en la tabla de listado.

1. ⚙️ Preparación de Vistas del CRUD [01:06]

Se crean las vistas de Blade que corresponderán a las nuevas funciones del CRUD (Create, Read, Update, Destroy):

  • show.blade.php: Vista para mostrar la información detallada de un solo registro.
  • edit.blade.php: Vista que contendrá el formulario para la actualización de un registro.
  • delete.blade.php: (Mencionado como parte del flujo, aunque la eliminación se realiza típicamente con un formulario simple o método DELETE sin una vista dedicada).

2. 🔢 Corrección del Numerador de la Tabla [01:49]

Se corrige un error importante en la tabla de listado (index) donde se usaba el ID de la base de datos como número de ítem de la tabla.

  • El Problema: El ID de la base de datos es un identificador único que no se recicla. Si un registro con ID 2 es eliminado, la secuencia de la tabla salta de 1 a 3 [02:10]. Esto es incorrecto para una numeración de ítems.
  • Solución (Variable Contador): Se implementa una variable contador de PHP que se inicializa en 0 ($contador = 0;) antes del bucle foreach [03:19].
  • Incremento: Dentro del bucle, la variable se incrementa en cada iteración ($contador = $contador + 1;) y su valor se imprime en la columna del número [03:44].
  • Resultado: La tabla ahora muestra una secuencia numérica continua (1, 2, 3...) que es independiente del ID de la base de datos [04:40].

3. 🖱️ Implementación de Botones de Acción [05:28]

Se añade una nueva columna llamada "Acciones" a la tabla para contener los botones que activarán las funciones de CRUD para cada registro.

  • Agrupación de Botones (btn-group): Se utiliza la clase btn-group de Bootstrap para agrupar los botones y mejorar la estética, evitando que se apilen verticalmente [07:10].
  • Botones y Estilo:
    • Mostrar (Show): Botón btn-info (azul) para la visualización.
    • Editar (Edit): Botón btn-success (verde) para la actualización.
    • Eliminar (Destroy): Botón btn-danger (rojo) para la eliminación.
  • Redirección con ID (Ruta show): Se configura el botón "Mostrar" para redirigir a la vista show (peliculas.show) y se le concatena el ID del registro para poder buscarlo en el backend [08:24].

    HTML

    <a href="{{ route('peliculas.show', $pelicula->id) }}" class="btn btn-info btn-sm">Mostrar</a>

  • Resultado: Al hacer clic en "Mostrar", la URL muestra la ruta junto con el ID del registro (ej. /peliculas/1), llevando a la vista show que está actualmente vacía [09:09].

4. 🔜 Próximo Paso [09:37]

La siguiente lección se centrará en el controlador para tomar el ID enviado por la ruta show y buscar el registro de la base de datos para mostrar su información completa en la vista show.blade.php.