Rozwiązanie - Egzamin Praktyczny EE.09
Arkusz EE.09-02-23.01-SG - Styczeń 2023 - Wersja #02
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Przykładowe rozwiązanie
Wymagane zdjęcia
1.jpg
2.jpg
3.jpg
4.jpg
5.jpg
zdjecie.jpg
Wyniki działań na bazie danych
import.jpg
kw1.png
kw2.png
kw3.png
kw4.png
grants.png
Plik szczyty.sql
-- phpMyAdmin SQL Dump
-- version 5.0.2
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 19 Sty 2021, 17:33
-- Wersja serwera: 10.4.14-MariaDB
-- Wersja PHP: 7.4.9
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: `gory2`
--
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `szczyty`
--
CREATE TABLE `szczyty` (
`id` int(11) NOT NULL,
`pasmo` text COLLATE utf8_polish_ci NOT NULL,
`nazwa` text COLLATE utf8_polish_ci NOT NULL,
`wysokosc` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_polish_ci;
--
-- Zrzut danych tabeli `szczyty`
--
INSERT INTO `szczyty` (`id`, `pasmo`, `nazwa`, `wysokosc`) VALUES
(1, 'Beskid Makowiecki', 'Mędralowa', 1169),
(2, 'Beskid Mały', 'Czupel', 934),
(3, 'Beskid Niski', 'Lackowa', 997),
(4, 'Beskid Sądecki', 'Radziejowa', 1262),
(5, 'Beskid Śląski', 'Skrzyczne', 1257),
(6, 'Beskid Wyspowy', 'Mogielica', 1170),
(7, 'Beskid Żywiecki', 'Babia Góra (Diablak)', 1725),
(8, 'Bieszczady', 'Tarnica', 1346),
(9, 'Gorce', 'Turbacz', 1310),
(10, 'Góry Bardzkie', 'Szeroka Góra', 765),
(11, 'Góry Bystrzyckie', 'Jagodna', 977),
(12, 'Góry Izerskie', 'Wysoka Kopa', 1126),
(13, 'Góry Kaczawskie', 'Skopiec', 724),
(14, 'Góry Kamienne', 'Waligóra', 936),
(15, 'Góry Opawskie', 'Biskupia Kopa', 889),
(16, 'Góry Orlickie', 'Orlica', 1084),
(17, 'Góry Sowie', 'Wielka Sowa', 1015),
(18, 'Góry Stołowe', 'Szczeliniec Wielki', 919),
(19, 'Góry Świętokrzyskie', 'Łysica – Skała Agaty', 614),
(20, 'Góry Wałbrzyskie', 'Borowa', 854),
(21, 'Góry Złote', 'Kowadło', 989),
(22, 'Karkonosze', 'Śnieżka', 1603),
(23, 'Masyw Ślęży', 'Ślęża', 718),
(24, 'Pieniny', 'Wysoka', 1050),
(25, 'Masyw Śnieżnika', 'Śnieżnik', 1425),
(26, 'Tatry', 'Rysy', 2499);
--
-- Indeksy dla zrzutów tabel
--
--
-- Indeksy dla tabeli `szczyty`
--
ALTER TABLE `szczyty`
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
Zapytanie 1: SELECT nazwa, pasmo FROM szczyty WHERE wysokosc > 1500;
Zapytanie 2: SELECT nazwa FROM szczyty ORDER BY wysokosc DESC LIMIT 1;
Zapytanie 3: CREATE USER 'leon@localhost' IDENTIFIED BY 'Leon%Zawodowiec';
Zapytanie 4: GRANT ALL PRIVILEGES ON gory.* TO 'leon'@'localhost'; Plik galeria.html
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Galeria</title>
<link rel="stylesheet" href="styl2.css">
</head>
<body>
<header>
<h1>Galeria obrazów</h1>
</header>
<div id="lewy">
<img src="zdjecie.jpg" alt="zdjęcie dnia">
<h3>Zdjęcia opublikowali</h3>
<table>
<tr>
<td>Anna Porada</td>
<td>10 zdjęć</td>
</tr>
<tr>
<td>Krzysztof Wasilewski</td>
<td>12 zdjęć</td>
</tr>
<tr>
<td>Monika Kowalska</td>
<td>4 zdjęcia</td>
</tr>
</table>
</div>
<div id="prawy">
<input type="button" value="prev" onclick="prevImage()">
<img id="galleryImage" src="1.jpg" alt="galeria">
<input type="button" value="next" onclick="nextImage()">
<hr>
<img src="1.jpg" alt="miniatura" class="miniatura" onclick="changeImage('1.jpg')">
<img src="2.jpg" alt="miniatura" class="miniatura" onclick="changeImage('2.jpg')">
<img src="3.jpg" alt="miniatura" class="miniatura" onclick="changeImage('3.jpg')">
<img src="4.jpg" alt="miniatura" class="miniatura" onclick="changeImage('4.jpg')">
<img src="5.jpg" alt="miniatura" class="miniatura" onclick="changeImage('5.jpg')">
</div>
<script>
var currentImageIndex = 0;
var imageArray = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg'];
function prevImage() {
currentImageIndex = (currentImageIndex - 1 + imageArray.length) % imageArray.length;
updateImage();
}
function nextImage() {
currentImageIndex = (currentImageIndex + 1) % imageArray.length;
updateImage();
}
function changeImage(imageName) {
currentImageIndex = imageArray.indexOf(imageName);
updateImage();
}
function updateImage() {
var galleryImage = document.getElementById('galleryImage');
galleryImage.src = imageArray[currentImageIndex];
}
</script>
<footer>
<a href="https://pixabay.com" target="_blank">Więcej obrazów</a>
<p>Galerię wykonał: <a href="https://ee-informatyk.pl/" target="_blank" style="text-decoration: none;color: unset;font-weight: bold;">EE-Informatyk.pl</a></p>
</footer>
</body>
</html> Plik styl2.css
* {
font-family: Garamond;
background: MistyRose;
color: rgb(62,39,35);
text-align: center;
}
#lewy {
width: 20%;
height: 600px;
margin: 30px;
box-shadow: 15px 15px 10px dimgray;
overflow: auto;
float: left;
}
#lewy > img {
width: 100%;
}
#prawy {
width: 65%;
height: 600px;
float: left;
}
#prawy > img.miniatura {
width: 140px;
padding: 2px;
border-radius: 5%;
}
#prawy > img.miniatura:hover {
border: 1px dotted black;
}
#prawy > img:not(.miniatura) {
width: 500px;
margin: 30px;
box-shadow: 15px 15px 10px dimgray;
}
table {
border: 1px dashed black;
width: 100%;
}
footer {
clear: both;
}Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL