4tei arkusz biblioteka
<?php
$polaczenie = mysqli_connect('localhost', 'root', '', 'biblioteka');
if(!$polaczenie)
{
die("błąd połączenia z baza danych");
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styl.css">
<title>Biblioteka miejska</title>
</head>
<body>
<header>
<?php
for($i = 0; $i <20; $i++)
{
echo "<img src ='obraz.png' alt = ksiazka>";
}
?>
</header>
<main>
<section>
<h2>Liryka</h2>
<form action="" method="POST">
<select name="liryka">
<?php
$zap1 = "SELECT id, tytul FROM ksiazka WHERE gatunek = 'liryka'";
$wyn1 = mysqli_query($polaczenie, $zap1);
while($row = mysqli_fetch_array($wyn1))
{
echo "<option value = '".$row['id']."'>".$row['tytul']."</option>";
}
?>
</select>
<button type="submit" name="rez_liryka">Rezerwuj</button>
</form>
<?php
if(isset($_POST['rez_liryka']))
{
$id = $_POST['liryka'];
$zap5 = "SELECT tytul FROM ksiazka WHERE id= $id";
$wyn5 = mysqli_query($polaczenie, $zap5);
$dane = mysqli_fetch_array($wyn5);
echo "<p>Ksiazka".$dane['tytul']." została zarezerwowana</p>";
$zap4 = "UPDATE ksiazka SET rezerwacja = 1 WHERE id=$id";
mysqli_query($polaczenie, $zap4);
}
?>
</section>
<section>
<h2>Epika</h2>
<form action="" method="POST">
<select name="epika">
</select>
<button type="submit" name="rez_epika">Rezerwuj</button>
</form>
</section>
<section>
<h2>Dramat</h2>
<form action="" method="POST">
<select name="dramat">
</select>
<button type="submit" name="rez_dramat">Rezerwuj</button>
</form>
</section>
<section>
<h2>Zaległe książki</h2>
<ul>
<?php
$zap2 = "SELECT tytul, id_cz, data_odd
FROM ksiazka
Join wypozyczenia ON ksiazka.id = wypozyczenia.id_ks
ORDER BY data_odd ASC
LIMIT 15";
$wyn2 = mysqli_query($polaczenie, $zap2);
while($row = mysqli_fetch_array($wyn2))
{
echo "<li>".$row['tytul']." ".$row['id_cz']." ".$row['data_odd']."</li>";
}
?>
</ul>
</section>
</main>
<footer>
<p><strong>Autor: 2345324</strong></p>
</footer>
</body>
</html>*
{
font-family: Cambria;
}
body
{
background-color: mistyrose;
}
header, footer
{
height: 200px;
text-align: center;
overflow: hidden;
}
main
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
section
{
background-color: plum;
height: 400px;
margin: 5px;
box-shadow: 4px 4px 10px dimgray;
overflow: hidden;
width: 22%;
}
@media only screen and (max-width:800px)
{
section
{
width: 100%;
}
}
h2
{
text-align: center;
}
button:hover
{
background-color: #505050;
color: white;
}