22 Acción EDIT Usuarios en LARAVEL(PHP-MySql) FullStack
Duración: 11 minDescripción
✏️ Lección 22: Implementación de la Acción 'Editar' (Edit) para Usuarios
Título del Video: 22 Acción EDIT Usuarios en LARAVEL (PHP-MySql) FullStack
Esta lección marca el inicio de la funcionalidad de modificación de datos de usuario. Se centra en la creación de la interfaz de edición, que es el primer paso antes de procesar la actualización en la base de datos.
1. ⚙️ Nuevas Funciones en el Controlador
Se crean dos nuevas funciones dentro del UserController para manejar el flujo de edición y actualización, siguiendo el patrón de creación de registros:
- edit(): Su función es recuperar los datos de un usuario específico y retornar la vista que contiene el formulario de edición prellenado.
- update(): Su función será recibir y procesar los datos del formulario para actualizar el registro en la base de datos (esta acción se completará en el siguiente capítulo) [01:16].
2. 🗺️ Definición de la Ruta de Edición
Se crea la ruta que permitirá a los usuarios acceder al formulario de modificación.
- Método: Se utiliza Route::get() para abrir la vista (ya que solo se está obteniendo información) [02:35].
- Estructura de la URL: La ruta debe incluir el ID del usuario seguido de la palabra clave edit. La estructura queda como /admin/usuarios/{id}/edit [02:43].
- Función Asociada: Esta URL está ligada a la función edit del controlador.
3. 🔗 Vinculación del Botón Editar
El botón de acción con el ícono de lápiz en la tabla de DataTables (index.blade.php) se vincula a la nueva ruta.
- El elemento <button> se convierte en una etiqueta <a> para permitir la navegación.
- Se construye la URL dinámicamente, concatenando la ruta base, el ID del usuario en esa fila y la palabra edit (ej. /admin/usuarios/9/edit) [04:33].
4. 🖼️ Creación y Configuración de la Vista
La vista de edición, edit.blade.php, se crea copiando el contenido de la vista de creación (create.blade.php) y adaptándolo:
- Título: El encabezado se cambia a "Modificar Usuario" y se le concatena el nombre del usuario cargado (ej. "Modificar Usuario: Administrador") [06:44].
- Diseño: El color del panel se cambia a Success (verde), un color que se utilizará consistentemente para indicar acciones de actualización o modificación en el sistema [07:06].
Pre-Carga de Datos (Value)
Para que el formulario no aparezca vacío, se utiliza la variable $usuario (enviada desde el controlador) para llenar el atributo value de cada campo de entrada:
Manejo de la Contraseña
Se realiza un ajuste clave en los campos de contraseña:
- Eliminación de required: Los atributos required se eliminan de los campos de contraseña y confirmación. Esto es crucial, ya que permite a los usuarios actualizar su nombre o correo electrónico sin verse obligados a cambiar su contraseña en la misma acción [09:14].
Al finalizar estos pasos, el botón "Actualizar Usuario" ya está visible con el color verde, y el formulario muestra los datos del usuario listo para ser modificado. La funcionalidad de procesar y guardar estos cambios se implementará en la próxima lección.
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! ❤️
