13 Cómo estructurar Rutas y Botones de Acción en Laravel 13 y AdminLTE (Ver, Editar y Borrar)
Duración: 13 minDescripción
🔍 Lección 13: Cómo estructurar Rutas y Botones de Acción en Laravel 13 y AdminLTE (Ver, Editar y Borrar) 🎛️🔗
En este treceavo capítulo completamos la interactividad de nuestra cuadrícula de datos añadiendo la botonera de acciones dentro del listado. Integramos componentes visuales de AdminLTE utilizando FontAwesome, y configuramos la arquitectura completa del backend mapeando las rutas semánticas GET, PUT y DELETE con sus respectivos métodos en el controlador (show, edit, update y destroy).
🎯 Lo realizado en este capítulo
- 🎨 Maquetación e Iconografía de Botones: Extrajimos y adaptamos un grupo de botones estilizados desde la documentación de AdminLTE para agregarlos a la columna de acciones [01:28]. Reemplazamos los botones nativos por etiquetas de enlace <a> estilizadas con clases de Bootstrap (btn-info, btn-success, btn-danger) y les inyectamos iconos vectoriales de FontAwesome: fa-eye para Ver, fa-edit para Editar y fa-trash para Borrar [03:07, 03:48].
- 🌐 Rutas de Consulta (Show y Edit): Registramos en web.php las rutas dinámicas de tipo GET bajo una convención en singular: admin/pet/{id} para la visualización y admin/pet/{id}/edit para la edición [04:19, 08:31]. Enlazamos los botones correspondientes en la vista index concatenando dinámicamente la URL base con la propiedad primaria del bucle: url('admin/pet/'.$pet->id) [06:56, 09:47].
- ⚙️ Lógica de los Métodos show() y edit(): En el controlador, interceptamos el parámetro dinámico $id [05:13, 09:05]. Implementamos el método de Eloquent Pet::find($id) para consultar y extraer exclusivamente el objeto de la mascota requerida de la base de datos [05:53]. Creamos los archivos de vista independientes show.blade.php y edit.blade.php, despachando el registro a través de compact('pet') [05:37, 09:30].
- 🛠️ Mapeo de Rutas de Persistencia (Update y Destroy): Definimos los métodos de persistencia en las rutas para completar el ciclo CRUD [10:39]. Asignamos una ruta de tipo PUT apuntando al método update() encargada de procesar las modificaciones del formulario de edición, y una ruta de tipo DELETE apuntando al método destroy() encargada de coordinar la eliminación física del registro en la base de datos [11:02, 11:25].
- 🛡️ Estructuración Segura de Formularios para Eliminación: Explicamos que la acción de borrado no puede dispararse desde un enlace clásico <a>, sino que requiere encapsularse estrictamente dentro de una etiqueta <form> con el atributo method="POST" [11:50]. Para que Laravel intercepte correctamente la petición, inyectamos la directiva de token de seguridad @csrf y la directiva de enmascaramiento de método @method('DELETE'), transformando el botón de borrado en un input de tipo submit seguro [12:08].
🗄️ Próximo paso
Con la botonera integrada, las rutas semánticas construidas y los métodos del controlador preparados para recibir los parámetros dinámicos del listado, los cimientos de navegación interna están terminados. En la próxima lección desarrollaremos detalladamente el diseño HTML de la vista de visualización (show) para renderizar de manera elegante todos los datos ocultos, las pestañas de idiomas JSON y la fotografía física guardada en el servidor. ¡Nos vemos en el próximo video! 🐾
