Rozwiązanie - Egzamin Praktyczny EE.09
Arkusz EE.09-05-20.06-SG - Czerwiec 2020 - Wersja #05
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Plik egzamin2.sql
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 27 Mar 2023, 01:15
-- 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: `egzamin2`
--
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `kadra`
--
CREATE TABLE `kadra` (
`id` int(10) UNSIGNED NOT NULL,
`imie` text DEFAULT NULL,
`nazwisko` text DEFAULT NULL,
`stanowisko` text DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;
--
-- Zrzut danych tabeli `kadra`
--
INSERT INTO `kadra` (`id`, `imie`, `nazwisko`, `stanowisko`) VALUES
(1, 'Anna', 'Kowalska', 'dietetyk'),
(2, 'Jolanta', 'Szczesny', 'kosmetolog'),
(3, 'Aleksandra', 'Wilk', 'stylista'),
(4, 'Katarzyna', 'Nowak', 'fryzjer'),
(5, 'Piotr', 'Bartczak', 'fizjoterapeuta');
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `uslugi`
--
CREATE TABLE `uslugi` (
`id` int(10) UNSIGNED NOT NULL,
`kadra_id` int(10) UNSIGNED NOT NULL,
`rodzaj` int(10) UNSIGNED DEFAULT NULL,
`nazwa` text DEFAULT NULL,
`cena` double DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;
--
-- Zrzut danych tabeli `uslugi`
--
INSERT INTO `uslugi` (`id`, `kadra_id`, `rodzaj`, `nazwa`, `cena`) VALUES
(1, 2, 1, 'Piling enzymatyczny', 45),
(2, 5, 3, 'Masaz twarzy', 20),
(3, 2, 1, 'Maska', 30),
(4, 2, 1, 'Regulacja brwi', 5),
(5, 4, 2, 'Farbowanie', 50),
(6, 4, 2, 'Strzyzenie', 40),
(7, 1, 3, 'Ustalenie diety', 70),
(8, 2, 1, 'Henna', 10),
(9, 2, 1, 'Paznokcie', 90),
(10, 4, 2, 'Czesanie', 30);
--
-- Indeksy dla zrzutów tabel
--
--
-- Indeksy dla tabeli `kadra`
--
ALTER TABLE `kadra`
ADD PRIMARY KEY (`id`);
--
-- Indeksy dla tabeli `uslugi`
--
ALTER TABLE `uslugi`
ADD PRIMARY KEY (`id`),
ADD KEY `uslugi_FKIndex1` (`kadra_id`);
--
-- AUTO_INCREMENT dla zrzuconych tabel
--
--
-- AUTO_INCREMENT dla tabeli `kadra`
--
ALTER TABLE `kadra`
MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6;
--
-- AUTO_INCREMENT dla tabeli `uslugi`
--
ALTER TABLE `uslugi`
MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=11;
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
Zapytanie 1: SELECT imie, nazwisko FROM kadra WHERE stanowisko='fryzjer';
Zapytanie 2: SELECT COUNT(*) FROM uslugi WHERE rodzaj=2;
Zapytanie 3: CREATE USER 'fryzjer'@'localhost' IDENTIFIED BY 'Fryz12';
Zapytanie 4: GRANT SELECT, INSERT, UPDATE, DELETE, CREATE, ALTER ON egzamin2.kadra TO 'fryzjer'@'localhost';
Plik index.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>Usługi fryzjerskie</title>
<link rel="stylesheet" href="styl2.css">
</head>
<body>
<div id="lewy1">
<h2><a href="index.html">SALON FRYZJERSKI</a></h2>
<img src="obraz2.jpg" alt="Czesanie" />
</div>
<div id="prawy1">
<h2>MENU</h2>
</div>
<div id="prawy2">
<ol>
<li><a href="fryzura.html">Strzyżenie</a>
<ul>
<li>krótkie</li>
<li>średnie</li>
<li>półdługie</li>
<li>długie</li>
</ul>
</li>
<li>Czesanie</li>
<li>Koloryzacja</li>
</ol>
</div>
<div id="lewy2">
<h5>Kontakt: 111 222 333</h5>
<p>Witaj! Miło nam, że odwiedziłeś nasz salon.<br>Zapoznaj się z ofertą i sprawdź promocje!</p>
</div>
<div id="prawy3">
<img src="obraz1.jpg" alt="Fryzjer">
</div>
<footer>
<p>Autor: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a></p>
</footer>
</body>
</html>
Plik fryzura.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>Usługi fryzjerskie</title>
<link rel="stylesheet" href="styl2.css">
</head>
<body>
<div id="lewy1">
<h2><a href="index.html">SALON FRYZJERSKI</a></h2>
<img src="obraz2.jpg" alt="Czesanie" />
</div>
<div id="prawy1">
<h2>MENU</h2>
</div>
<div id="prawy2">
<ol>
<li><a href="fryzura.html">Strzyżenie</a>
<ul>
<li>krótkie</li>
<li>średnie</li>
<li>półdługie</li>
<li>długie</li>
</ul>
</li>
<li>Czesanie</li>
<li>Koloryzacja</li>
</ol>
</div>
<div id="lewy2">
<h3>Dziś promocja na strzyżenie włosów</h3>
<input type="radio" name="wlosy" id="krotkie"> Krótkie<br>
<input type="radio" name="wlosy" id="srednie"> Średnie<br>
<input type="radio" name="wlosy" id="poldlugie"> Półdługie<br>
<input type="radio" name="wlosy" id="dlugie"> Długie<br>
<button type="submit" onclick="cena()">Odkryj promocję</button>
<p id="wynik"></p>
<script src="skrypt.js"></script>
</div>
<div id="prawy3">
<img src="obraz1.jpg" alt="Fryzjer">
</div>
<footer>
<p>Autor: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a></p>
</footer>
</body>
</html>
Plik skrypt.js
function cena() {
let cena;
if (document.getElementById("krotkie").checked){
cena = 25;
}
else if (document.getElementById("srednie").checked){
cena = 30;
}
else if (document.getElementById("poldlugie").checked){
cena = 40;
}
else if (document.getElementById("dlugie").checked){
cena = 50;
}
document.getElementById("wynik").innerHTML = "Cena strzyżenia: " + cena;
}
Plik styl2.css
body {
font-family: 'Helvetica';
}
#lewy1 {
height: 400px;
width: 70%;
background: Snow;
text-align: center;
float: left;
}
#lewy2 {
height: 400px;
width: 70%;
background: snow;
font-size: 150%;
float: left;
}
#prawy1 {
height: 150px;
width: 30%;
background: steelblue;
color: white;
text-align: center;
float: right;
}
#prawy2 {
height: 350px;
width: 30%;
background: steelblue;
color: white;
float: right;
}
#prawy3 {
height: 300px;
width: 30%;
background: Snow;
text-align: center;
float: right;
}
footer {
clear: both;
background: steelblue;
color: white;
}
h2 {
font-size: 250%;
}
img {
padding: 4px;
}
img:hover {
padding: 3px;
border: 1px solid steelblue;
}
Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL