71 Register de Usuario al Sistema de Reserva de Citas Medicas con LARAVEL(PHP-MySql) FullStack

Duración: 9 min
Módulo: 🔑 Seguridad, Roles y Permisos Lección 1 de 15

Descripción

📝🔑 Lección 71: Implementación y Estilización del Registro de Usuarios (Register)

Esta lección se enfoca en crear una vista de Registro de Usuario (Register) que siga el mismo diseño visual que el login personalizado. Esta vista es crucial, ya que permitirá a los pacientes crear una cuenta para poder acceder y reservar citas médicas en el futuro.

🎯 1. Propósito e Integración

El objetivo es permitir a los usuarios (pacientes) crear sus credenciales para la reserva de citas.

  • Enlace de Registro: Se enlaza el botón "No tienes cuenta" en la vista de login a la ruta /register de Laravel [02:22].
  • Reutilización del Estilo: Para mantener la coherencia visual, el contenido y los estilos de la vista login.blade.php (incluyendo el fondo y los estilos CSS) se copian y pegan en la vista register.blade.php [02:43].
  • Fondo Distintivo: Se modifica la imagen de fondo de la vista Register (ej. a la imagen about) para diferenciarla visualmente de la página de login [04:56].

🎨 2. Personalización de la Interfaz de Registro

Se adapta el formulario genérico de registro de Laravel para que se integre en la nueva estructura de diseño.

  • Título: El título de la página se actualiza a "Registro de Usuario" [05:27].
  • Campos de Formulario: Se integran los campos del formulario original de scaffolding de Laravel:
    • Nombre
    • Correo Electrónico
    • Contraseña
    • Confirmar Contraseña
  • Diseño de Layout: Todos los campos de texto se ajustan para que ocupen las 12 columnas (col-md-12) del layout de Bootstrap, optimizando el espacio [00:06:01 - 00:06:45].
  • Botón de Acción: Se personaliza el botón con el texto "Registrar" y se le aplica la clase btn-block para que ocupe el ancho completo [07:15].

➡️ 3. Próximos Pasos: El Desafío del Rol

Con la interfaz de registro lista, se identifica la siguiente tarea crítica para la funcionalidad del sistema:

  • Asignación de Rol: Dado que este es un registro público, cada usuario creado automáticamente debe ser asignado al rol de 'Paciente' en la base de datos [08:45].
  • Implementación Pendiente: Esto requerirá ajustar el código en el backend para manejar la asignación de roles de forma automática al momento de que un nuevo usuario se registra.