30 Función SHOW para mostrar datos de un registro con de LARAVEL 10-Sistema de control de asistencia
Duración: 9 minDescripción
🎬 Lección 30: 👁️ Implementación de la Función SHOW y Acciones en la Tabla
Enlace del Video: https://youtu.be/4yHZKkdO7I0
💡 Objetivo:
Crear los botones de acción (Ver, Editar, Eliminar) en la tabla de listado y empezar a configurar la función SHOW para visualizar los detalles completos de un registro individual.
1️⃣ Diseño de las Acciones en la Tabla ⚙️
Se dota a la columna de Acciones de los botones necesarios para interactuar con cada registro, utilizando la clase btn-group de Bootstrap:
- Botón Mostrar (Show) 👁️:
- Estilo: Color Info (azul) de Bootstrap.
- Ícono: Un ojo, para indicar la acción de "Ver" la información [02:30].
- Botón Editar (Edit) ✏️:
- Estilo: Color Success (verde).
- Ícono: Un lápiz o pencil, para la acción de "Edición" [03:20].
- Botón Eliminar (Delete) 🗑️:
- Estilo: Color Danger (rojo).
- Ícono: Un basurero o trash, para la acción de "Borrar" [03:52].
Se utiliza la clase text-align: center para centrar estos botones dentro de la columna de la tabla [01:30].
2️⃣ Ordenamiento de Registros (Lógica de la Tabla) 🔢
Para mejorar la experiencia de usuario, se cambia el orden predeterminado de los registros:
- Problema: Por defecto, los registros más antiguos aparecen primero, dejando los recién creados al final [04:46].
- Solución en el Controlador: En el método index() del MiembrosController, se añade la consulta ->orderBy('id', 'DESC') antes de la función ->get() [05:09].
- Resultado: La tabla ahora muestra los registros más recientes primero, asegurando que los nuevos miembros aparezcan inmediatamente en la parte superior del listado [05:25].
3️⃣ Preparación de la Función SHOW 🧠
Se inicia la implementación de la vista que mostrará el detalle de un miembro específico:
- Creación de Vista: Se crea el archivo show.blade.php dentro del directorio miembros [06:19].
- Método del Controlador: Se define el método show(Request $request) en el MiembrosController [06:39]. Por ahora, este método solo devuelve la nueva vista (return view('miembros.show')).
- Enlace de Acción: Se establece la URL del botón Show en la tabla para que apunte a la ruta miembros/show [07:50].
Paso Pendiente: Aún falta la lógica clave para que la función show reciba el ID del miembro y realice la consulta a la base de datos para mostrar la información correcta [08:29].
Lecciones
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️