Scribd
Cargar
133 vistas13 páginas

FSI - Sesiòn - 05 - 2022 - BOOTSTRAP, PHP& MySQL PDF

Este documento presenta un proyecto de implementación de un sistema de reservas de habitaciones utilizando PHP, MySQL y Bootstrap. Se crea una base de datos con tablas de reservas y usuarios. Se desarrollan páginas web para registrar reservas, mostrar datos, crear usuarios y confirmar reservas, pasando variables entre ellas. El proyecto permite gestionar de forma básica el CRUD (crear, leer, actualizar, eliminar) de reservas y usuarios en la base de datos.

Cargado por

Josué Challa
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
133 vistas13 páginas

FSI - Sesiòn - 05 - 2022 - BOOTSTRAP, PHP& MySQL PDF

Este documento presenta un proyecto de implementación de un sistema de reservas de habitaciones utilizando PHP, MySQL y Bootstrap. Se crea una base de datos con tablas de reservas y usuarios. Se desarrollan páginas web para registrar reservas, mostrar datos, crear usuarios y confirmar reservas, pasando variables entre ellas. El proyecto permite gestionar de forma básica el CRUD (crear, leer, actualizar, eliminar) de reservas y usuarios en la base de datos.

Cargado por

Josué Challa
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 13

Universidad Católica de Santa María

Facultad de Ciencias e Ingenierías Físicas &


Formales

Ingeniería de Sistemas
Curso: Fundamentos de Sistemas de Información
Tema: Boostrap, PHP, MySQL
Docente: Dely Marysheck Lazo Barrera
Presentado por:
Josué Abel Challa Ccoscco

Arequipa – Perú
2022
Índice
Actividades ................................................................................................................................................................... 3
Ejercicios....................................................................................................................................................................... 4
Cuestionario ............................................................................................................................................................... 13
Actividades
Primero creamos la base de datos:

Seguidamente creamos las tablas reseras y usuarios y creamos los campos:


Reservas:

Usuarios:

Seguidamente hacemos la conexión:


Ejercicios
Investigue e implemente un CRUD que gestione una base de datos mínimo con dos tablas en MYSQL haciendo uso
de Bootstrap.

Index.php:
En el index insertamos una imagen de fondo y enviamos datos de un formulario de registros.php y enviamos los
datos de la reserva con sus respectivas variables asignadas:
<?php
include("config.php");
?>
<!DOCTYPE html>
<html lang="es">

<head>
<meta charset="UTF-8">
<meta hhtp-equiv="X-UA-Compatible" content = "IE=edge">
<meta name="viewport" content = "width=device-width, initial-scale=1.0">
<title>Reservas</title>
<!-- CSS only -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-
iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT"
crossorigin="anonymous">
</head>

<body background="img/2.png">
<div class="container">
<form action="registro.php" method="POST">
<div class="row">
<div class="col-md-12 text-center mb-3">

</div>
</div>
<div class="row mb-3">
<div class="row-md-12">
<label> Elige un usuario </label>
<select name="usuario_id" id="" class="form-control">
<option value="0">Crear usuario</option>
<?php
$sql = " SELECT * FROM usuarios ";
$result =$conn->query($sql);
while($row =$result->fetch_object())
{
echo '<option value=" '.$row->id.'">'.$row->nombres.'
'.$row->apellidos.'</option>';
}
?>
</select>
</div>
</div>
<div class="row">
<div class="col-md-3">
<label> Habitacion: </label>
<select name="habitacion" id="" class="form-control
required">
<option value="simple">
Simple
</option>
<option value="doble">
Doble
</option>
<option value="triple">
Triple
</option>
<option value="Matrimonial">
Matrimonial
</option>
</select>
</div>
<div class="col-md-3">
<label> Nº de Huespedes: </label>
<input type="number" name="huespedes" class="form-control"
required>
</div>
<div class="col-md-3">
<label> Fecha de Entrada: </label>
<input type="date" name="fechaingreso" class="form-control"
required>
</div>
<div class="col-md-3">
<label> Dias: </label>
<input type="number" name="dias" class="form-control"
required>
</div>
<div class="col-md-3">
<label> Noches: </label>
<input type="number" name="noches" class="form-control"
required>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center mt-3">
<button class="btn btn-primary">
Reservar
</button>
</div>
</div>

</form>
</div>
</body>
</html>

Registro.php:

En registro utilizamos las variables creadas en confirmar y los permite leer y le asignamos el tipo de dato con su
respectivo nombre asignado:
<?php
include("config.php");

?>
<!DOCTYPE html>
<html lang="es">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reservas</title>
<!-- CSS only -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-
iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT"
crossorigin="anonymous">

</head>

<body background="img/5.jpg">
<div class="container">
<h2>
Datos de la Reserva
</h2>
<p>
<strong>
Habitacion:
</strong>
<?php
$habitacion = $_POST{"habitacion"};
echo $habitacion;
$huespedes = $_POST["huespedes"];
$fechaingreso = $_POST["fechaingreso"];
$dias = $_POST["dias"];
$noches = $_POST["noches"];
?>
</p>
<?php if ($_POST["usuario_id"]==0)
{
?>
<form action="confirmar.php" method="POST">
<div class="row">
<div class="col-md-12 text-center mb-3">

</div>
</div>
<div class="row">
<div class="col-md-6">
<label>Nombre: </label>
<input type="text" name="nombres" class="form-control" required>
</div>
<div class="col-md-6">
<label>Apellidos: </label>
<input type="text" name="apellidos" class="form-control"
required>
</div>
<div class="col-md-6">
<label>DNI: </label>
<input type="text" name="dni" class="form-control" required>
</div>
<div class="col-md-6">
<label>Celular: </label>
<input type="text" name="celular" class="form-control" required>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center mt-3">
<input type="hidden" name="habitacion" value="<?php echo
$habitacion; ?>">
<input type="hidden" name="fechaingreso" value="<?php echo
$fechaingreso; ?>">
<input type="hidden" name="dias" value="<?php echo $dias; ?>">
<input type="hidden" name="noches" value="<?php echo $noches;
?>">
<input type="hidden" name="huespedes" value="<?php echo
$huespedes; ?>">
<button class="ntm btn-primary">
Completar Reserva
</button>
</div>
</div>
</form>
<?php
}
else
{
$usuario_id=$_POST["usuario_id"];
$sql="SELECT * FROM usuarios WHERE id= $usuarios_id";

$result = $conn->query($sql);
while ($row = $result->fetch_object())
{

echo '<p> Nombres: '.$row->nombres. '</p>';


echo '<p> Apellidos: '.$row->apellidos. '</p>';
echo '<p> Celular: '.$row->celular. '</p>';
echo '<p> DNI: '.$row->dni. '</p>';
?>
<form action="confirmar.php" method="POST">;
<input type="hidden" name="habitacion" value="<?php echo $habitacion;
?>">
<input type="hidden" name="fechaingreso" value="<?php echo $fechaingreso;
?>">
<input type="hidden" name="dias" value="<?php echo $dias; ?>">
<input type="hidden" name="noches" value="<?php echo $noches; ?>">
<input type="hidden" name="huespedes" value="<?php echo $huespedes; ?>">
<input type="hidden" name="usuario_id" value="<?php echo $usuario_id;
?>">
<button class="btn btn-primary">
Completar Reserva
</button>
</form>
<?php

}
?>
</div>
</body>

</html>

Confirmar.php:

Aquì creamos las variables de los campos usuarios y reservas para poder enviar los parámetros con dichas
variables:
<?php
include("config.php");

?>
<!DOCTYPE html>
<html lang="es">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reservas</title>
<!-- CSS only -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-
iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT"
crossorigin="anonymous">

</head>

<body background="img/5.jpg">
<div class="container">
<h2>
Datos de la Reserva
</h2>
<p>
<strong>
Habitacion:
</strong>
<?php
$habitacion = $_POST{"habitacion"};
echo $habitacion;
$huespedes = $_POST["huespedes"];
$fechaingreso = $_POST["fechaingreso"];
$dias = $_POST["dias"];
$noches = $_POST["noches"];
?>
</p>
<?php if ($_POST["usuario_id"]==0)
{
?>
<form action="confirmar.php" method="POST">
<div class="row">
<div class="col-md-12 text-center mb-3">

</div>
</div>
<div class="row">
<div class="col-md-6">
<label>Nombre: </label>
<input type="text" name="nombres" class="form-control" required>
</div>
<div class="col-md-6">
<label>Apellidos: </label>
<input type="text" name="apellidos" class="form-control"
required>
</div>
<div class="col-md-6">
<label>DNI: </label>
<input type="text" name="dni" class="form-control" required>
</div>
<div class="col-md-6">
<label>Celular: </label>
<input type="text" name="celular" class="form-control" required>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center mt-3">
<input type="hidden" name="habitacion" value="<?php echo
$habitacion; ?>">
<input type="hidden" name="fechaingreso" value="<?php echo
$fechaingreso; ?>">
<input type="hidden" name="dias" value="<?php echo $dias; ?>">
<input type="hidden" name="noches" value="<?php echo $noches;
?>">
<input type="hidden" name="huespedes" value="<?php echo
$huespedes; ?>">
<button class="ntm btn-primary">
Completar Reserva
</button>
</div>
</div>
</form>
<?php
}
else
{
$usuario_id=$_POST["usuario_id"];
$sql="SELECT * FROM usuarios WHERE id= $usuarios_id";
$result = $conn->query($sql);
while ($row = $result->fetch_object())
{

echo '<p> Nombres: '.$row->nombres. '</p>';


echo '<p> Apellidos: '.$row->apellidos. '</p>';
echo '<p> Celular: '.$row->celular. '</p>';
echo '<p> DNI: '.$row->dni. '</p>';
?>
<form action="confirmar.php" method="POST">;
<input type="hidden" name="habitacion" value="<?php echo $habitacion;
?>">
<input type="hidden" name="fechaingreso" value="<?php echo $fechaingreso;
?>">
<input type="hidden" name="dias" value="<?php echo $dias; ?>">
<input type="hidden" name="noches" value="<?php echo $noches; ?>">
<input type="hidden" name="huespedes" value="<?php echo $huespedes; ?>">
<input type="hidden" name="usuario_id" value="<?php echo $usuario_id;
?>">

<button class="btn btn-primary">


Completar Reserva
</button>
</form>
<?php

}
?>
</div>
</body>

</html>

Config.php:

Conectamos nuestra base de datos con php


<?php
$host="localhost";
$database="root";
$usuario="";
$clave='';

$conn = new mysqli("localhost","root","","r1", 3309);


if ($conn->connect_error){
die("conexión fallida: ".$conn->connect_error);
}
?>

Una vez implementado los códigos ingresamos a visualizar el index.php


Nos direcciona a nuestro index creado:

Y le ingresamos los datos correspondientes de un huésped y le damos en reservar:

En este caso como no tenemos un usuario nos direcciona para llegar los datos del usuario y así poder generarlo:

Y una vez creado nuestro usuario nos manda por pantalla que:
Cuestionario

¿Qué es bootstrap y cuál es su utilidad?


Es un framework la cual es de código abierto y con ello podemos crear diferentes cosas de botones de php,
este genera el código y con ello podemos insertar a nuestro código generando botones.
¿Qué es una clave primaria y para qué sirve?
Una clave primaria en una llave en la cual permite en que no se repita un mismo número (que tenga su
homónimo), nos sirve para declarar objetos que solo necesitamos que tenga un código único
PRIMARY_KEY.
¿Qué es una clave foránea y para qué sirve?
Una clave foránea es una columna o un conjunto de columnas en una tabla cuyos valores corresponden a
los valores de la clave primaria de otra tabla.
¿Cómo se crea una clave foránea en MySQL?
Para crear una clave foránea debemos tener tablas tipo InnoDB, de ahí usamos la sintaxis FOREIGN
KEY(campo_fk) REFERENCES nombre_tabla (nombre_campo) y de esta manera logramos crear una
clave foránea en la cual podemos seguir con los comandos INSERT,UPDATE,DELETE, además que
aparecen los comandos CASCADE, NO ACTION,RESTRICT.
¿Qué es la integridad referencial?
La función de esta integridad referencial es que comprueba que cada valor de datos de clave foránea sea de
columna única o de varias columnas (concatenado), pueda acceder a la clave primaria de una tabla
relacionada.

También podría gustarte