Rozwiązanie - Egzamin Praktyczny E.14
Arkusz E.14-04-20.06-SG - Czerwiec 2020 - Wersja #04
Skrypt: JavaScript & PHP
Baza Danych:
Powiązana zawartość
Przykładowe rozwiązanie
Wymagane zdjęcia
animacja.gif
choinka.jpg
mikolaj.jpg
renifer.jpg
interwal.jpg
Wyniki działań na bazie danych
kw1.jpg
kw2.jpg
kw3.jpg
kw4.jpg
kw5.jpg
Plik zamowienia.sql
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 18 Mar 2023, 13:48
-- Wersja serwera: 10.4.27-MariaDB
-- Wersja PHP: 8.2.0
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
START TRANSACTION;
SET time_zone = "+00:00";
/*!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 */;
/*!40101 SET NAMES utf8mb4 */;
--
-- Baza danych: `sklep`
--
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `zamowienia`
--
CREATE TABLE `zamowienia` (
`id` int(10) UNSIGNED NOT NULL,
`imie` text DEFAULT NULL,
`nazwisko` text DEFAULT NULL,
`adres_email` text DEFAULT NULL,
`liczba_choinek` int(11) DEFAULT NULL,
`liczba_mikolajow` int(11) DEFAULT NULL,
`liczba_reniferow` int(11) DEFAULT NULL,
`info` tinyint(1) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
--
-- Zrzut danych tabeli `zamowienia`
--
INSERT INTO `zamowienia` (`id`, `imie`, `nazwisko`, `adres_email`, `liczba_choinek`, `liczba_mikolajow`, `liczba_reniferow`, `info`) VALUES
(1, 'Jan', 'Kowalski', '[email protected]', NULL, NULL, NULL, NULL);
--
-- Indeksy dla zrzutów tabel
--
--
-- Indeksy dla tabeli `zamowienia`
--
ALTER TABLE `zamowienia`
ADD PRIMARY KEY (`id`);
COMMIT;
/*!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 */;
Plik kwerendy.txt
Kwerenda 1: CREATE TABLE zamowienia (id INT UNSIGNED NOT NULL, imie TEXT NULL, nazwisko TEXT NULL, adres_email TEXT NULL, liczba_choinek INT NULL, liczba_mikolajow INT NULL, liczba_reniferow INT NULL, info BOOLEAN NULL);
Kwerenda 2: ALTER TABLE zamowienia ADD PRIMARY KEY(id);
Kwerenda 3: CREATE USER 'klient' IDENTIFIED BY 'klient123';
Kwerenda 4: GRANT INSERT ON sklep.* TO klient;
Kwerenda 5: INSERT INTO zamowienia VALUES (1, 'Jan', 'Kowalski', '[email protected]', NULL, NULL, NULL, NULL); Plik zamowienie.php
<!DOCTYPE html>
<html lang="pl">
<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>Sklep</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Ozdoby - sklep</h1>
</header>
<div id="lewy">
<h2>OZDOBY</h2>
<a href="galeria.html">Galeria</a><br>
<a href="zamowienie.php">Zamówienie</a>
</div>
<div id="srodkowy">
<p>Dodaj użytkownika</p>
<form action="zamowienie.php" method="post">
<label for="imie">Imię:</label> <input type="text" name="imie" id="imie"><br>
<label for="nazwisko">Nazwisko:</label> <input type="text" name="nazwisko" id="nazwisko"><br>
<label for="email">e-mail:</label> <input type="email" name="email" id="email"><br>
<button type="submit">WYŚLIJ</button>
</form>
<?php
if(isset($_POST["imie"]) && isset($_POST["nazwisko"]) && isset($_POST["email"])) {
$imie = $_POST["imie"];
$nazwisko = $_POST["nazwisko"];
$email = $_POST["email"];
$conn = new mysqli("localhost","root","","sklep");
$sql = "SELECT count(id) FROM zamowienia;";
$result = $conn->query($sql);
while($row = $result -> fetch_array()) {
$id = $row[0];
}
$id++;
$sql = "INSERT INTO zamowienia VALUES ($id, '$imie', '$nazwisko', '$email', NULL, NULL, NULL, NULL);";
$result = $conn->query($sql);
$conn -> close();
echo "Pomyślnie dodano użytkownika";
}
?>
</div>
<div id="prawy">
<img src="animacja.gif" alt="Animacja">
</div>
<footer>
<h3>Autor strony: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a></h3>
</footer>
</body>
</html> Plik galeria.html
<!DOCTYPE html>
<html lang="pl">
<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>Sklep</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Ozdoby - sklep</h1>
</header>
<div id="lewy">
<h2>OZDOBY</h2>
<a href="galeria.html">Galeria</a><br>
<a href="zamowienie.php">Zamówienie</a>
</div>
<div id="srodkowy">
<img src="choinka.jpg" alt="ozdoby choinkowe" onmouseover="cena('10 zł')">
<img src="mikolaj.jpg" alt="ozdoby choinkowe" onmouseover="cena('12 zł')">
<img src="renifer.jpg" alt="ozdoby choinkowe" onmouseover="cena('8 zł')">
<p>Wybierz ozdobę w kółku</p>
<p id="wynik"></p>
</div>
<script src="skrypt.js"></script>
<div id="prawy">
<img src="animacja.gif" alt="Animacja">
</div>
<footer>
<h3>Autor strony: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a></h3>
</footer>
</body>
</html> Plik skrypt.js
function cena(cena){
document.getElementById('wynik').innerHTML = 'Wybrałeś ozdobę. Cena: ' + cena;
} Plik styl.css
body {
font-family: Garamond;
color: white;
text-align: center;
}
header,footer {
background: forestgreen;
padding: 10px;
}
#lewy,#prawy {
background: forestgreen;
height: 490px;
width: 25%;
font-size: 30px;
float: left;
}
#srodkowy {
background: chocolate;
height: 490px;
width: 50%;
font-size: 25px;
float: left;
}
footer {
clear: both;
}
#srodkowy img {
height: 150px;
width: 150px;
border-radius: 100%;
}
input,button {
color: green;
}Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL