12 UPDATE formulario de edición de datos en CRUD completo con LARAVEL 10 - FullStack
Duración: 18 minDescripción
Lección 12: 🛠️ UPDATE - Formulario de Edición de Datos en CRUD completo con LARAVEL 10 - FullStack (18:07)
Esta lección se enfoca en preparar la infraestructura para la acción UPDATE. Aprenderás a crear la ruta, configurar la función del controlador y diseñar la vista de edición para precargar los datos del usuario seleccionado, dejando el escenario listo para la actualización final.
| Componente | Detalles de la Implementación |
|---|---|
| Corrección de Listado | Se corrige la tabla principal (index.blade.php) para reemplazar la columna ID con un contador correlativo que se inicializa en 0 y se incrementa en cada iteración del bucle @foreach, asegurando que la numeración visible sea siempre 1, 2, 3, etc. [00:48]. |
| Actualización de Íconos | Se reemplazan los botones de acción con íconos de Bootstrap Icons: el botón "Editar" ahora usa un ícono de lápiz y "Eliminar" usa un basurero (trash) [05:07]. |
| Ruta para la Edición | Se define una nueva ruta de tipo GET en web.php que cumple con el estándar RESTful de Laravel: admin/usuarios/{id}/edit. Esta ruta llama a la función edit() del controlador [06:20]. |
| Lógica del Controlador (edit) | La función edit() recibe el $id del registro a modificar y realiza una consulta de la base de datos utilizando User::findOrFail($id) [10:52]. El resultado (los datos del usuario) se envía a la nueva vista de edición (admin.usuarios.edit). |
| Diseño del Formulario de Edición | Se crea la vista edit.blade.php copiando la estructura del formulario de creación (create.blade.php). El formulario se modifica para: |
| 1. Cambiar el título a "Modificación de datos del usuario" [12:44]. | |
| 2. Precargar los datos del usuario en los campos de name y email utilizando la sintaxis value="{{ $usuario->name }}" [13:36]. | |
| 3. Eliminar o simplificar los campos de contraseña, ya que no es necesario ver la contraseña hasheada y se asume que solo se actualizarán el nombre y el correo electrónico [14:47]. | |
| 4. Cambiar el texto del botón de envío a "Actualizar" [16:20]. |
La próxima lección abordará la implementación de la función UPDATE que tomará los datos modificados del formulario y los persistirá en la base de datos.
