14 – Re direccionamiento a otras páginas ( 👨💻 PHP y MYSQL 💻)

Duración: 7 min
Módulo: 👤 Módulo de Usuarios, Login y Control de Sesiones Lección 3 de 17

Descripción

Lección 14 – Re direccionamiento a otras páginas ( 👨💻 PHP y MYSQL 💻)

En esta lección crucial, dotarás a tu Sistema de Parqueo de la capacidad de navegar inteligentemente entre sus diferentes secciones. 🌐 Tu instructor te guiará para implementar redireccionamientos después del login y otras acciones, mejorando el flujo de usuario y la experiencia general de tu aplicación.

En esta Lección Estratégica Aprenderás a:

  • Optimizar la Experiencia de Error en el Login 🛠️
    • Mejorarás la respuesta a un login fallido: cuando el sistema detecte credenciales incorrectas, no solo mostrará un mensaje de error, sino que también borrará automáticamente la contraseña del campo [00:44] y posicionará el cursor (focus()) [01:36] en el campo de la contraseña, facilitando al usuario corregir el error sin distracciones.
  • Crear la Página Principal del Administrador 🖥️
    • Crearás un nuevo archivo llamado principal.php [04:00]. Esta será la página de destino para los usuarios que inicien sesión exitosamente, sirviendo como el panel de administración del sistema.
    • Entenderás que, en futuras lecciones, esta página se adaptará para mostrar funcionalidades específicas según el rol del usuario (administrador, operador, etc.) [04:27].
  • Implementar Redireccionamientos Condicionales con JavaScript 🚀
    • Aprenderás a utilizar location.href = 'principal.php' [05:24] dentro de un bloque de JavaScript en tu controlador (después de una validación de login exitosa). Esto permitirá que, una vez que el usuario se autentique correctamente, sea redireccionado automáticamente a la página principal.php.
    • Verificarás cómo, al ingresar las credenciales correctas, el sistema muestra el mensaje "Usuario Correcto" y luego te redirige al nuevo "Bienvenido administrador" en principal.php [05:58].

Al finalizar esta lección, tu Sistema de Parqueo no solo contará con un login más pulido, sino que también tendrá una navegación dinámica que guiará a los usuarios a las secciones apropiadas de la aplicación, sentando las bases para una experiencia de usuario más fluida y profesional. ¡El flujo de tu aplicación está tomando un rumbo inteligente! 💪