Lección: 60 👤 Diseño de Perfil: Creando la Vista de Ajustes de Cuenta y Mostrar Datos de Usuario | Laravel

60 👤 Diseño de Perfil: Creando la Vista de Ajustes de Cuenta y Mostrar Datos de Usuario | Laravel

Duración: 14 min

Módulo: ⚙️ Gestión de Órdenes, Perfiles y Características Avanzadas 43-61 Lección 18 de 19

¡Contenido Exclusivo!

Adquiere este curso para tener acceso inmediato a esta y a **todas las lecciones Premium**.

Inscribirse Ahora por $10.00 Acceso instantáneo de por vida y código fuente incluido.

Descripción

Lección 60: 👤 Diseño de Perfil | Creando la Vista de Ajustes de Cuenta y Mostrando Datos de Usuario

Esta lección marca el inicio del desarrollo del módulo de "Perfil y Seguridad" para la sección administrativa, enfocándose en la creación de la vista y la presentación de la información del usuario autenticado.

1. 🛣️ Definición de Rutas y Permisos

Se establecen las rutas necesarias para la gestión del perfil del usuario y se definen sus respectivos permisos, siguiendo la convención de Roles y Permisos (Spatie):

Rutas Necesarias:
- GET /perfil/{id} 👁️: Para mostrar la información del perfil (perfil) [02:16].
- PUT /update-perfil/{id} ✏️: Para actualizar la información del perfil (update-perfil) [02:35].
Nuevos Permisos Creados 📜:
- ver perfil: Para el acceso a la vista de configuración.
- actualizar perfil: Para la funcionalidad de guardado de cambios [03:08].
Ajuste de la Base de Datos: Los nuevos permisos deben ser sembrados (migrate:fresh) o insertados manualmente para estar disponibles en la base de datos y ser asignados a los roles [04:12].

2. 💻 Configuración del Menú y la Vista

Se ajusta la plantilla y se crea el archivo de vista para el perfil:

Controlador 🧭: Se crea la función perfil() que busca los datos del usuario por su ID y los pasa a la vista, junto con la información de configuración (ajuste) para el logo [05:53].
Menú de Navegación (Header) 🔗: Se actualiza el enlace del perfil en el menú principal del dashboard para que dirija a la ruta correcta, concatenando la URL con el ID del usuario actual: /admin/usuario/{id}/perfil [06:51].
Diseño de la Vista 🖼️:
- Se crea el archivo perfil.blade.php en el directorio usuarios y se extiende de la plantilla administrativa [05:36].
- Se copia y adapta la estructura de diseño (profile) del template base para mostrar la información en un formato profesional [07:43].

3. 👤 Presentación de Datos del Usuario

Se realiza la inyección de datos dinámicos en la vista:

Información Principal:
- Se muestra el nombre del usuario [10:33].
- Se muestra el rol asignado al usuario (ej. "super administrador") [11:17].
Formulario de Edición:
- Se traen los valores actuales del nombre y correo electrónico del usuario a los campos del formulario [11:37].
- Se eliminan los campos no necesarios o no implementados (como los campos de dirección) [11:58].

4. ⏭️ Próximos Pasos

Funcionalidad de Actualización 💾: El siguiente capítulo se centrará en la implementación del método update-perfil para que el usuario pueda guardar los cambios en su nombre y correo electrónico [13:17].
Módulo de Seguridad 🔑: Posteriormente, se trabajará en la opción de "Seguridad" para permitir a los usuarios actualizar su contraseña [13:25].

Hilari Web