https://github.com/edummorenolp/login_localhost
Este proyecto es un ejemplo simple de un sistema de inicio de sesión desarrollado utilizando el framework Flask de Python para el backend y AJAX para la interacción asíncrona con el servidor desde el frontend.
https://github.com/edummorenolp/login_localhost
bootstrap css flask html javascript python
Last synced: 3 months ago
JSON representation
Este proyecto es un ejemplo simple de un sistema de inicio de sesión desarrollado utilizando el framework Flask de Python para el backend y AJAX para la interacción asíncrona con el servidor desde el frontend.
- Host: GitHub
- URL: https://github.com/edummorenolp/login_localhost
- Owner: EduMMorenolp
- Created: 2023-08-23T22:00:04.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-23T22:14:50.000Z (almost 3 years ago)
- Last Synced: 2025-07-16T08:38:47.553Z (11 months ago)
- Topics: bootstrap, css, flask, html, javascript, python
- Language: HTML
- Homepage:
- Size: 22.5 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sistema de Inicio de Sesión con Flask y AJAX
Este proyecto es un ejemplo simple de un sistema de inicio de sesión desarrollado utilizando el framework Flask de Python para el backend y AJAX para la interacción asíncrona con el servidor desde el frontend. El sistema permite a los usuarios ingresar su correo electrónico y contraseña para iniciar sesión, y luego muestra un mensaje de éxito o error en la misma página, sin recargarla.
## Características
- Formulario de inicio de sesión interactivo utilizando AJAX para enviar y recibir datos asincrónicamente.
- Utiliza Flask como el framework backend para manejar las solicitudes POST y verificar las credenciales.
- Se comunica con una base de datos (simulada en este ejemplo) para verificar las credenciales de inicio de sesión.
- Muestra mensajes de éxito o error en la página según la verificación de las credenciales.
- Proporciona una experiencia de usuario fluida sin necesidad de recargar la página.
## Captura de Pantalla
## Instrucciones de Uso
1. Clone este repositorio en su máquina local.
2. Asegúrese de tener Flask instalado. Si no lo tiene, instálelo usando `pip install Flask`.
3. Cree una base de datos llamada "usuarios" en su sistema de gestión de bases de datos (por ejemplo, MySQL, PostgreSQL, SQLite, etc.).
5. Configure los detalles de conexión a la base de datos en el archivo `app.py`.
- Configura los detalles de la conexión
- db_config = {'user': 'root',
'password': 'root',
'host': 'localhost',
'database': 'usuarios'}
6. Ejecute la aplicación utilizando `python app.py`.
7. Abra su navegador y acceda a `http://127.0.0.1:5000`.
8. Complete el formulario de inicio de sesión con credenciales válidas o incorrectas para ver cómo se maneja la respuesta asincrónica.
**Nota**:
Este es un proyecto educativo y demostrativo diseñado para ilustrar cómo se puede crear un sistema de inicio de sesión utilizando tecnologías web modernas. La seguridad y otros aspectos críticos de un sistema real no están completamente implementados en este ejemplo.