Aplicaciones Web

Práctica 6
Recuperar Contraseña
En la mayoría de las aplicaciones existe una opción para los usuarios de poder recuperar su contraseña en caso
de que se les haya olvidado, para lo cual se generó el siguiente formulario.

Para realizarlo se deberá de hacer lo siguiente (ver vídeo):

• Crear el formulario e implementar validaciones

• Darle funcionalidad
o Conectarse a la base de datos
o Generar consulta
o Mostrar resultados y mensajes (en caso de que sea correcta o incorrecta la consulta)

1. La página index.php renombrarla como recuperar.php y guárdala en la carpeta de trabajo.

2. Hacerle cambios al <title> </title>

3. Utilizar el grid de Bootstrap (container, row y col) para que la página sea responsiva
4. Entra a la página oficial de bootstrap y selecciona la versión que estas utilizando, insertar los códigos de los
controles (cuadros de texto, etiquetas y botones), que sean necesarios y configuralos.
5. El código debe de quedar de la siguiente manera.

Página 1
 Aplicaciones Web

El formulario quedaría de la siguiente manera.

6. Genera un nuevo archivo y ponle el nombre de metodosUsuario.php y guárdalo en la carpeta de trabajo.

7. Genera el siguiente código en PHP que realiza lo siguiente:
a. Conectarse a la BD
b. Extraer los datos de los controles enviados y almacenarlos en variables PHP
c. De acuerdo a la opción seleccionada realizar una consulta, si el usuario esta registrado envía los
datos por email.
d. Crear la función que ayudará enviar los datos por email, se utiliza la función mail de PHP

Página 2
Aplicaciones Web

Página 3
 Aplicaciones Web
Si los datos son correctos envía un correo con la contraseña y muestra la ventana modal.

Nota: Cuando el formulario es enviado de manera Nota: Cuando el formulario está en un hosting no
local, marca un Error porque no puede enviar el marca ningún error.
correo (ver atrás de la ventana modal).

Si los datos son incorrectos y el usuario no existe o esta inhabilitado muestra el siguiente mensaje.

Página 4