Registro y Login Simple con Bootstrap 5 , PHP 8 y Ajax
El siguiente ejemplo de registro y login actualizado a PHP 8, Bootstrap 5 y Ajax, listo para que ustedes apliquen en sus proyectos o inicien un nuevo proyecto.
Al final del articulo encontraran el enlace de descarga para os archivos PHP, HTML y Javascript.
Explicacion de Archivos
El sistema de registro y login cuenta con una pantalla en la cual el usuario va a elegir si se quiere registrar o iniciar sesion.
Archivo index.php
El archivo index.php cuenta con la pagina principal, los formularios y los scripts ajax para registro y login, por lo que para hacer el registro no se hace una redireccion y todo se resuelve sin cambiar de pagina.
En el caso del login, solo se cambia de pagina en caso que el usuario ingrese un email y password correcto, en otro caso se manda una alerta y se queda en la misma pagina.
Archivo register.php
Es el script en PHP para procesar el registro de usuarios. Responde 1 si se registro el usuario y 0 si ocurrio un error.
Archivo login.php
Es un script en PHP para procesar el login o inicio de sesion de usuarios. Responde 1 si se loguea el usuario y 0 si ocurre un error.
Archivo logout.php
Archivo para cerrar sesion, eliminar las variables de sesion.
Archivo home.php
Es la pagina o archivo que se carga cuando el usuario inicia sesion correctamente.
Archivo connection.php
Contiene el script para conectar a la base de datos.
Archivo schema.sql
Contiene el script con la bae de datos para que el sistema funcione.
Instalacion
Para instalar el sistema de registro y login by Evilnapsis debes tener el XAMPP en tu PC.
Debes copiar los archivos o la carpeta “login-bs5” a tu carpeta c:\xampp\htdocs\
Al final los archivos deben quedar en la ruta c:\xampp\htdocs\login-bs-5\
Abrir una Terminal CMD para Mysql o desde el PHPMyAdmin y ejecutar el archivo schema.sql
Modificar el archivo login-bs5\connection.php y colocar tus datos de conexion a mysql.
Por ultimo ejecutar el sistema en el navegador http://localhost/login-bs5/
Descargar
A continuacion el enlace de desarga.
Link: https://www.dropbox.com/s/tvtmi35vyee6q6m/login-bs5.zip
Servicios
Si requieres algunos de nuestros servicios no duces en contactarnos.