Rozwiązanie - Egzamin Praktyczny EE.09

Arkusz EE.09-02-22.06-SG - Czerwiec 2022 - Wersja #02

Skrypt: JavaScript

Baza Danych:

Przykładowe rozwiązanie
Rozwiązanie - Arkusz praktyczny EE.09-02-22.06-SG - Czerwiec 2022 - Wersja #02
Wymagane zdjęcia
Egzamin EE.09-02-22.06-SG - dodatkowe zdjęcia - kolory.jpg
kolory.jpg
Wyniki działań na bazie danych
Egzamin EE.09-02-22.06-SG - Operacje na bazie danych - import.jpeg
import.jpeg
Egzamin EE.09-02-22.06-SG - Operacje na bazie danych - import.jpeg
kw1.png
Egzamin EE.09-02-22.06-SG - Operacje na bazie danych - import.jpeg
kw2.png
Egzamin EE.09-02-22.06-SG - Operacje na bazie danych - import.jpeg
kw3.png
Egzamin EE.09-02-22.06-SG - Operacje na bazie danych - import.jpeg
kw4.png
Plik sklep.sql
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 29 Mar 2023, 14:41
-- 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 `kategorie`
--

CREATE TABLE `kategorie` (
  `id_kat` int(3) NOT NULL,
  `nazwa_kategorii` varchar(20) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_polish_ci;

--
-- Zrzut danych tabeli `kategorie`
--

INSERT INTO `kategorie` (`id_kat`, `nazwa_kategorii`) VALUES
(1, 'Procesory'),
(2, 'Płyty_główne'),
(3, 'Pamięci'),
(4, 'Dyski');

-- --------------------------------------------------------

--
-- Struktura tabeli dla tabeli `klient`
--

CREATE TABLE `klient` (
  `id` int(3) NOT NULL,
  `imie` varchar(11) NOT NULL,
  `nazwisko` varchar(30) NOT NULL,
  `login` varchar(20) NOT NULL,
  `haslo` varchar(20) NOT NULL,
  `miasto` varchar(30) NOT NULL,
  `ulica` varchar(30) NOT NULL,
  `email` varchar(30) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_polish_ci;

--
-- Zrzut danych tabeli `klient`
--

INSERT INTO `klient` (`id`, `imie`, `nazwisko`, `login`, `haslo`, `miasto`, `ulica`, `email`) VALUES
(1, 'Ala', 'Nowak', 'Anowak', 'anowak', 'Sosnowiec', 'Szkolna 34', '[email protected]'),
(2, 'Piotr', 'Górski', 'Agorski', 'pgorski', 'Legionowo', 'Wspólna 67', '[email protected]'),
(3, 'Marcin', 'Szpak', 'Mszpak', 'mszpak', 'Pruszków', 'Wesoła 12', '[email protected]'),
(4, 'Adam', 'Binder', 'Abinder', 'abinder', 'Warszawa', 'Bednarska 5/8', '[email protected]'),
(5, 'Robert', 'Halicki', 'Rhalicki', 'rhalicki', 'Warszawa', 'Wolności 9', '[email protected]'),
(6, 'Maciej', 'Rutkowski', 'Mrutkowski', 'mrutkowski', 'Pruszków', 'Mickiewicz 16', '[email protected]'),
(7, 'Alicja', 'Warkowska', 'Awarkowska', 'awarkowska', 'Legionowo', 'Krasickiego 12/5', '[email protected]');

-- --------------------------------------------------------

--
-- Struktura tabeli dla tabeli `produkty`
--

CREATE TABLE `produkty` (
  `id_prod` int(3) NOT NULL,
  `nazwa` varchar(20) NOT NULL,
  `parametr` varchar(20) NOT NULL,
  `cena_brutto` float(6,2) NOT NULL,
  `id_kat` int(3) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_polish_ci;

--
-- Zrzut danych tabeli `produkty`
--

INSERT INTO `produkty` (`id_prod`, `nazwa`, `parametr`, `cena_brutto`, `id_kat`) VALUES
(1, 'Ryzen3-1200', '3,1GHz', 360.00, 1),
(2, 'Corei5-7400', '3,00Hz', 680.20, 1),
(3, 'Asus PRIME', 'B350M-AM4', 325.00, 2),
(4, 'Gigabyte', 'Z370P-1151', 405.00, 2),
(5, 'Corsair', '8GB 2400 MHz', 390.00, 3),
(6, 'Goodram', '16GB 2400 MHz', 520.00, 3),
(7, 'HyperX', '2x8GB 2400 MHz', 689.50, 3),
(8, 'Patriot', '2x8GB 2400 MHz', 810.00, 3),
(9, 'Goodram SSD', '120 GB', 175.00, 4),
(10, 'Samsung SSD', '250 GB', 380.00, 4),
(11, 'Kingston SSD', '480 GB', 575.00, 4);

-- --------------------------------------------------------

--
-- Struktura tabeli dla tabeli `zamowienia`
--

CREATE TABLE `zamowienia` (
  `id_zam` int(3) NOT NULL,
  `id_klient` int(3) NOT NULL,
  `id_prod` int(3) NOT NULL,
  `data` date NOT NULL,
  `ilosc` int(5) NOT NULL,
  `wartosc` float(8,2) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_polish_ci;

--
-- Zrzut danych tabeli `zamowienia`
--

INSERT INTO `zamowienia` (`id_zam`, `id_klient`, `id_prod`, `data`, `ilosc`, `wartosc`) VALUES
(1, 1, 1, '2019-06-27', 5, 1800.00),
(2, 1, 3, '2019-06-27', 5, 975.00),
(3, 2, 2, '2019-06-27', 2, 1360.40),
(4, 2, 4, '2019-06-27', 2, 810.00),
(5, 3, 5, '2019-06-27', 1, 390.00),
(6, 3, 9, '2019-06-27', 1, 175.00),
(7, 4, 6, '2019-06-27', 2, 1040.00),
(8, 4, 10, '2019-06-27', 2, 760.00),
(9, 5, 7, '2019-06-27', 1, 689.50),
(10, 6, 11, '2019-06-27', 2, 1150.00),
(11, 2, 8, '2019-06-27', 2, 1620.00),
(12, 7, 5, '2019-06-27', 2, 780.00);

--
-- Indeksy dla zrzutów tabel
--

--
-- Indeksy dla tabeli `kategorie`
--
ALTER TABLE `kategorie`
  ADD PRIMARY KEY (`id_kat`);

--
-- Indeksy dla tabeli `klient`
--
ALTER TABLE `klient`
  ADD PRIMARY KEY (`id`);

--
-- Indeksy dla tabeli `produkty`
--
ALTER TABLE `produkty`
  ADD PRIMARY KEY (`id_prod`),
  ADD KEY `id_kat` (`id_kat`);

--
-- Indeksy dla tabeli `zamowienia`
--
ALTER TABLE `zamowienia`
  ADD PRIMARY KEY (`id_zam`),
  ADD KEY `id` (`id_klient`,`id_prod`),
  ADD KEY `zamowienia_ibfk_2` (`id_prod`);

--
-- AUTO_INCREMENT dla zrzuconych tabel
--

--
-- AUTO_INCREMENT dla tabeli `produkty`
--
ALTER TABLE `produkty`
  MODIFY `id_prod` int(3) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=12;

--
-- Ograniczenia dla zrzutów tabel
--

--
-- Ograniczenia dla tabeli `produkty`
--
ALTER TABLE `produkty`
  ADD CONSTRAINT `produkty_ibfk_1` FOREIGN KEY (`id_kat`) REFERENCES `kategorie` (`id_kat`);

--
-- Ograniczenia dla tabeli `zamowienia`
--
ALTER TABLE `zamowienia`
  ADD CONSTRAINT `zamowienia_ibfk_1` FOREIGN KEY (`id_klient`) REFERENCES `klient` (`id`),
  ADD CONSTRAINT `zamowienia_ibfk_2` FOREIGN KEY (`id_prod`) REFERENCES `produkty` (`id_prod`);
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, miasto FROM klient WHERE miasto IN('Legionowo', 'Warszawa');
Zapytanie 2: SELECT nazwa FROM produkty WHERE cena_brutto > 500;
Zapytanie 3: SELECT kategorie.nazwa_kategorii, AVG(produkty.cena_brutto) FROM kategorie, produkty WHERE kategorie.id_kat = produkty.id_kat GROUP BY kategorie.nazwa_kategorii;
Zapytanie 4: SELECT zamowienia.id_zam, zamowienia.ilosc, zamowienia.wartosc, produkty.nazwa FROM zamowienia, produkty, klient WHERE zamowienia.id_prod = produkty.id_prod AND zamowienia.id_klient = klient.id AND klient.id = 2;
Plik kolory.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>Pomocnik CSS</title>
        <link rel="stylesheet" href="styl2.css">
    </head>
    <body>
        <div id="kontener">
            <div id="baner1">
                <h1>Pomocnik CSS</h1>
            </div>

            <div id="baner2">
                <ul>
                    <li><a href="kolory.html">Kolory</a></li>
                    <li><a href="czcionki.html">Czcionki</a></li>
                    <li><a href="style.html">Style CSS</a></li>
                    <li><a href="https://www.w3schools.com/css/" target="_blank">Pomoc</a></li>
                </ul>
            </div>

            <main>
                <h2>Podaj składową H koloru w kodzie HSL</h2>
                <p>0 do 30 czerwienie, do 60 żółcie, do 150 zielenie, do 250 niebieskie, do 360 fiolet i purpura</p>
                <img src="kolory.jpg" alt="Przestrzeń barw HSL"><br>
                <input type="number" name="kolor" id="kolor" max="360" placeholder="0 - 360"> <button type="submit" onclick="paleta()">Generuj paletę</button>
                <table>
                    <tr>
                        <td colspan="4">Kolor główny</td>
                    </tr>
                    <tr>
                        <td>kolor 2</td>
                        <td>kolor 3</td>
                        <td>kolor 4</td>
                        <td>kolor 5</td>
                    </tr>
                </table>
                <script src="skrypt.js"></script>
            </main>

            <footer>
                <p>Autor: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a></p>
            </footer>
        </div>
    </body>
</html>
Plik czcionki.html
strona w trakcie budowy
Plik style.html
strona w trakcie budowy
Plik styl2.css
#kontener {
    font-family: 'Helvetica','sans-serif';
    background: Linen;
    color: #222;
    margin: auto;
    width: 90%;
}

#baner1,#baner2 {
    background: black;
    color: white;
    width: 50%;
    height: 100px;
    float: left;
}

main {
    clear: both;
    padding: 20px;
}

footer {
    background: black;
    color: white;
    padding: 20px;
    text-align: center;
}

table {
    margin: 40px;
}

td {
    padding: 30px;
    text-align: center;
    font-weight: bold;
}

a {
    color: #aaa;
    text-decoration: none;
}

a:hover {
    color: white;
}

li {
    display: inline-block;
    padding: 5px;
    margin: 10px;
    border-bottom: 1px solid white;
}
Plik skrypt.js
function paleta() {
    var h = document.getElementById("kolor").value;
    var table = document.querySelector('table');
    var wiersze = table.querySelectorAll('td');
    for (var i = 0; i<wiersze.length; i++) {
        if (i === 0){
            wiersze[i].style.backgroundColor = "hsl(" + h + ", 100%, 50%)";
        }
        else if (i === 1) {
            wiersze[i].style.backgroundColor = "hsl(" + h + ", 80%, 50%)";
        }
        else if (i === 2) {
            wiersze[i].style.backgroundColor = "hsl(" + h + ", 60%, 50%)";
        }
        else if (i === 3) {
            wiersze[i].style.backgroundColor = "hsl(" + h + ", 40%, 50%)";
        }
        else {
            wiersze[i].style.backgroundColor = "hsl(" + h + ", 20%, 50%)";
        }
    }
}

Strona używa plików cookies

Serwis wykorzystuje ciasteczka głównie w celu prowadzenia systemu formularzy oraz zbierania danych dotyczących ruchu na stronie.

Więcej informacji znajdziesz w Polityce Prywatności

Akceptuję