prueba base de datos

bd/ticket_fei.sql

@@ -0,0 +1,55 @@
+-- MySQL dump 10.13  Distrib 8.0.34, for Win64 (x86_64)
+--
+-- Host: 127.0.0.1    Database: ticketfei
+-- ------------------------------------------------------
+-- Server version	8.0.34
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!50503 SET NAMES utf8 */;
+/*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
+/*!40103 SET TIME_ZONE='+00:00' */;
+/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
+/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
+/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
+/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
+
+--
+-- Table structure for table `usuarios`
+--
+
+DROP TABLE IF EXISTS `usuarios`;
+/*!40101 SET @saved_cs_client     = @@character_set_client */;
+/*!50503 SET character_set_client = utf8mb4 */;
+CREATE TABLE `usuarios` (
+  `id` int NOT NULL AUTO_INCREMENT,
+  `nombre` varchar(255) NOT NULL,
+  `apellidoPaterno` varchar(255) NOT NULL,
+  `apellidoMaterno` varchar(255) NOT NULL,
+  `usuario` varchar(255) NOT NULL,
+  `contraseña` varchar(255) NOT NULL,
+  PRIMARY KEY (`id`)
+) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
+/*!40101 SET character_set_client = @saved_cs_client */;
+
+--
+-- Dumping data for table `usuarios`
+--
+
+LOCK TABLES `usuarios` WRITE;
+/*!40000 ALTER TABLE `usuarios` DISABLE KEYS */;
+INSERT INTO `usuarios` VALUES (1,'Aaron','Bonilla','Gonzalez','s22','123'),(2,'Carlos','Palestina','Alducin','s23','123'),(3,'Miguel','Diaz','Villa','s24','123');
+/*!40000 ALTER TABLE `usuarios` ENABLE KEYS */;
+UNLOCK TABLES;
+/*!40103 SET TIME_ZONE=@OLD_TIME_ZONE */;
+
+/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
+/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
+/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
+/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
+
+-- Dump completed on 2025-02-19 10:38:05

controladores/conexion.php

@@ -0,0 +1,15 @@
+<?php
+  // Valores para la conexión
+  $direccion = "localhost:3306";
+  $nombreBD = "TicketFei";
+  $usuario = "desarrolloTicketFei"; 
+  $password = "password";
+
+  // Obtener conexión
+  $conexionBD = new mysqli($direccion, $usuario, $password, $nombreBD);
+
+  // Verificar si hay un error en la conexión
+  if ($conexionBD->connect_error) {
+    die("Error en la conexión: " . $conexionBD->connect_error);
+  }
+?>

controladores/login.php

@@ -0,0 +1,32 @@
+<?php
+    session_start(); 
+    include 'conexion.php';
+
+    $usuario = $_POST['usuario'];
+    $password = $_POST['password'];
+    
+    // Prepara la consulta 
+    $consulta = "SELECT id, nombre, apellidoPaterno, apellidoMaterno, usuario FROM usuarios WHERE usuario = ? AND contraseña = ?";
+
+    $consultaPreparada = $conexionBD->prepare($consulta);
+    $consultaPreparada->bind_param("ss", $usuario, $password);
+    $consultaPreparada->execute(); 
+    $resultado = $consultaPreparada->get_result(); 
+    
+    // Verifica si se encontró un colaborador con las credenciales correctas
+    if ($resultado->num_rows > 0) {
+        $fila = $resultado->fetch_assoc();
+        
+        // Guarda el ID y el usuario en la sesión
+        $_SESSION['usuarios_id'] = $fila['id'];
+        $_SESSION['usuarios_nombre'] = $fila['nombre']; 
+        
+        echo json_encode(['loginExitoso' => true, 'usuarios_id' => $fila['id'], 'usuarios_nombre' => $fila['nombre']]);
+    } else {
+        // Credenciales incorrectas
+        echo json_encode(['loginExitoso' => false, 'error' => 'Credenciales inválidas']);
+    }
+
+    $consultaPreparada->close();
+    $conexionBD->close(); 
+?>

css/estilo.css

@@ -0,0 +1,67 @@
+body {
+    background-color: #212529;
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-family: Arial, sans-serif;
+}
+
+.container {
+    text-align: center;
+}
+
+h1 {
+    color: #ffffff;
+    font-size: 24px;
+    margin-bottom: 20px;
+}
+
+.card {
+    background-color: #2d3238;
+    padding: 30px;
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+    width: 300px;
+}
+
+.datos {
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+    margin-bottom: 15px;
+}
+
+.datos label {
+    font-size: 14px;
+    color: #ffffff;
+    margin-bottom: 5px;
+}
+
+.datos input {
+    padding: 10px;
+    border: 1px solid #495057;
+    border-radius: 5px;
+    background-color: #343a40;
+    color: white;
+}
+
+.boton {
+    text-align: center;
+    margin-top: 15px;
+}
+
+#btnIniciarSesion {
+    padding: 10px;
+    border-radius: 5px;
+    background-color: #007bff;
+    border: none;
+    color: white;
+    font-size: 16px;
+    cursor: pointer;
+    width: 100%;
+}
+
+#btnIniciarSesion:hover {
+    background-color: #0056b3;
+}

index.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login</title>
+    <link rel="stylesheet" href="css/estilo.css">
+</head>
+<body>
+    <div class="container">
+        <h1>Inicio de sesión</h1>
+        <div class="card">
+            <form id="formularioLogin">
+                <div class="datos">
+                    <label for="user">Usuario</label>
+                    <input type="text" id="user" name="user" placeholder="Ingresa tu usuario" required>
+                </div>
+                <div class="datos">
+                    <label for="pw">Contraseña</label>
+                    <input type="password" id="pw" name="pw" placeholder="Ingresa tu contraseña" required>
+                </div>
+                <div class="boton">
+                    <input type="submit" id="btnIniciarSesion" value="Ingresar">
+                </div>     
+            </form>
+            <div id="mensaje"></div>  
+        </div>
+    </div>
+    <script src="js/login.js"></script> 
+</body>
+</html>

js/login.js

@@ -0,0 +1,32 @@
+const formulario = document.getElementById('formularioLogin');
+const notificacion = document.getElementById('mensaje');
+
+formulario.addEventListener('submit', async (event) => {
+
+    event.preventDefault(); 
+    const usuario = document.getElementById("user").value;
+    const password = document.getElementById("pw").value;
+
+    const data = new FormData(); 
+    data.append('usuario', usuario);
+    data.append('password', password);
+
+    try {
+        // Petición al servidor
+        const respuestaPeticion = await fetch('controladores/login.php', {
+            method: 'POST',
+            body: data
+        });
+        const verificarCredenciales = await respuestaPeticion.json();
+        if (verificarCredenciales.loginExitoso) {
+            window.location.href = 'ventanaPrincipal.html';
+        } else {
+            notificacion.textContent ="Usuario o contraseña incorrecta"; 
+            notificacion.style.color='#ffffff';
+        }
+    } catch (error) {
+        console.error(error);
+        notificacion.textContent = 'Lo sentimos, el servicio no está disponible por el momento.';
+        notificacion.style.color = '#ff0000';
+    }
+});