Evilnapsis

Programming, Hacking and More

Web Project

Registro, Login y Recuperar Password en PHP + BS5

Hola amigos, en el siguiente proyecto les traigo un registro y login de usuarios, ademas un recuperador de contraseñas o password la cual se envia por email usando la libreria PHPMailer.

En el proyecto se usan funciones de php simple, sin nungun framework y se usa una estructura de una funcion por archivo, todo esto para ilustrar el funcionamiento de cada funcion de manera facil y que sea facil de entender.

En el proyecto se usan funciones Ajax usando jquery, esto para evitar las recargas de pagina, si requieren una version sin Ajax por favor contactanos.

El Front-end del proyecto esta hecho en Bootstrap 5, es algo sencillo, cuenta con algunas vistas entre las que destacan.

index.php: En esta vista se pueden ver el formulario de registro y login y un boton para recuperar la contraseña en caso de que haberla olvidado

  • index.php: En esta vista se pueden ver el formulario de registro y login y un boton para recuperar la contraseña en caso de que haberla olvidado
  • forgot.php: Esta vista es un formulario que nos solicita nuestro correo para enviarnos la nueva contraseña
  • home.php: Esta vista es la vista que se muestra despues de hacer iniciado sesion correctamente.
  • form_change_password.php: Esta vista cuenta con un formulario para cambiar nuestra contraseña una vez que iniciamos sesion.

En cuanto al Back-end contamos con los siguientes archivos:

  • connection.php: Contiene la funcion para conectar a la base de datos.
  • register.php: Contiene el script para registrar los usuarios en la base de datos.
  • login.php: Script para iniciar sesion.
  • recoverpassword.php: Script para generar la nueva contraseña, actualizarla y enviarla por correo usando PHP mailer.
  • change_password.php: Script para cambiar la contraseña de usuario logeado.
  • logout.php: Script para finalizar o cerrar sesion.

Y por ultimo el archivo para la base de datos de usuarios esta en el archivo schema.sql

Vista de la pagina principal.

Instrucciones

Para que el script funcione correctamente hay que tomar encuenta lo siguiente.

  1. La base de datos debe estar creada tal como en el archivo schema.sql
  2. El archivo de conecction.php debe contener correctamente los datos para conectarse a la base de datos.
  3. En el archivo recoverpassword.php hay que agregarle una cuenta de correo de Microsoft u Outlook. en las lineas 7 y 8 hay que agregar correo y contraseña del correo outlook, esto para que los correo se envien correctamente.
  4. En el mismo archivo recoverpassword.php en las lineas 56 a la 62 puedes cambiar el mensaje que se envia por correo.

Y listo con esto ya puedes usar el proyecto para lo que quieras.

Descargar

A continuacion el enlace de descarga en Dropbox para una mayor facilidad.

https://www.dropbox.com/scl/fi/ivhvkbpisjo7z1ejaqhad/login-bs5-recover.zip?rlkey=qswz6mxouvn63qj5wa3dl95wk

Servicios

Recuerden que estamos disponibles si quieren que les ayudemos a instalar o confugurar cualquiera de nuestros proyectos, les podemos ayudar via AnyDesk por una pequeña contribucion o donacion, no duden en contactarnos en la opcion de CONTACTO de nuestro menu.

Agustin Ramos

Desarrollador de Software

Leave a Reply