Creada conexion a bd
Login funcional Implementada página main provisional
This commit is contained in:
parent
5a820e4d37
commit
75481926d4
|
|
@ -0,0 +1,13 @@
|
|||
<?php
|
||||
$host = "localhost";
|
||||
$user = "company";
|
||||
$pass = "2004";
|
||||
$dbname = "ticketcompany_db";
|
||||
|
||||
$conn = new mysqli($host, $user, $pass, $dbname);
|
||||
|
||||
if ($conn->connect_error) {
|
||||
die("Error de conexión: " . $conn->connect_error);
|
||||
}
|
||||
|
||||
?>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<?php
|
||||
session_start();
|
||||
require_once "conexion-bd.php";
|
||||
|
||||
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
$email = $conn->real_escape_string($_POST['email']);
|
||||
$password = $_POST['password'];
|
||||
|
||||
$sql = "SELECT * FROM vendedores WHERE email = '$email' LIMIT 1";
|
||||
$result = $conn->query($sql);
|
||||
|
||||
if ($result && $result->num_rows === 1) {
|
||||
$usuario = $result->fetch_assoc();
|
||||
|
||||
if ($password === $usuario['password']) {
|
||||
$_SESSION['vendedor_id'] = $usuario['id'];
|
||||
$_SESSION['vendedor_nombre'] = $usuario['nombre'];
|
||||
header("Location: ../main.html");
|
||||
exit();
|
||||
} else {
|
||||
header("Location: login.html?error=" . urlencode("Credenciales incorrectas."));
|
||||
exit();
|
||||
}
|
||||
} else {
|
||||
header("Location: login.html?error=" . urlencode("Usuario no encontrado."));
|
||||
exit();
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
body {
|
||||
background-color: #2980b9;
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.login-container {
|
||||
width: 320px;
|
||||
margin: 100px auto;
|
||||
background: #fff;
|
||||
padding: 25px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.login-container h2 {
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.input-group label {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.input-group input {
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
background-color: #3498db;
|
||||
color: #fff;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #2980b9;
|
||||
}
|
||||
|
||||
#error {
|
||||
margin-bottom: 15px;
|
||||
color: red;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
header {
|
||||
background-color: #333;
|
||||
color: white;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
}
|
||||
nav ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
nav ul li {
|
||||
display: inline;
|
||||
margin: 0 15px;
|
||||
}
|
||||
nav ul li a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
.banner {
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 100px 20px;
|
||||
}
|
||||
.eventos {
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
}
|
||||
.evento {
|
||||
display: inline-block;
|
||||
background: white;
|
||||
padding: 15px;
|
||||
margin: 10px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.evento img {
|
||||
max-width: 100%;
|
||||
border-radius: 5px;
|
||||
}
|
||||
button {
|
||||
background: #28a745;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
button:hover {
|
||||
background: #218838;
|
||||
}
|
||||
Binary file not shown.
|
After 
(image error) Size: 9.9 KiB |
Binary file not shown.
|
After 
(image error) Size: 8.0 KiB |
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Login - TicketCompany</title>
|
||||
<link rel="css" href="css/login.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="login-container">
|
||||
<h2>Iniciar Sesión</h2>
|
||||
<?php if(isset($_GET['error'])): ?>
|
||||
<div id="error"><?php echo htmlspecialchars($_GET['error']); ?></div>
|
||||
<?php endif; ?>
|
||||
<form id="loginForm" action="controladores/login.php" method="post">
|
||||
<div class="input-group">
|
||||
<label for="email">Correo electrónico</label>
|
||||
<input type="email" id="email" name="email" required>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label for="password">Contraseña</label>
|
||||
<input type="password" id="password" name="password" required>
|
||||
</div>
|
||||
<button type="submit">Ingresar</button>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
39
main.html
39
main.html
|
|
@ -3,9 +3,44 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Hola Mundo</title>
|
||||
<title>Venta de Boletos</title>
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hola Mundo</h1>
|
||||
<header>
|
||||
<nav>
|
||||
<div class="logo">TicketCompany</div>
|
||||
<ul>
|
||||
<li><a href="login.html">Iniciar sesión</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<section class="banner">
|
||||
<h1>Encuentra tus eventos favoritos</h1>
|
||||
<p>Compra boletos para tu artista favorito.</p>
|
||||
</section>
|
||||
|
||||
<section class="eventos">
|
||||
<h2>Próximos Conciertos</h2>
|
||||
<div class="evento">
|
||||
<img src="img/images.jpeg" alt="Evento 1">
|
||||
<h3>Concierto de Artista X</h3>
|
||||
<p>15 de marzo - Ciudad de México</p>
|
||||
<button>Comprar boletos</button>
|
||||
</div>
|
||||
<div class="evento">
|
||||
<img src="evento2.jpg" alt="Evento 2">
|
||||
<h3>Partido de Fútbol</h3>
|
||||
<p>20 de abril - Estadio Nacional</p>
|
||||
<button>Comprar boletos</button>
|
||||
</div>
|
||||
<div class="evento">
|
||||
<img src="evento3.jpg" alt="Evento 3">
|
||||
<h3>Obra de Teatro</h3>
|
||||
<p>10 de mayo - Teatro Principal</p>
|
||||
<button>Comprar boletos</button>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue