Rozwiązanie - Egzamin Praktyczny E.14

Arkusz E.14-07-18.01 - Styczeń 2018 - Wersja #07

Skrypt: JavaScript

Baza Danych:

Przykładowe rozwiązanie
Rozwiązanie - Arkusz praktyczny E.14-07-18.01 - Styczeń 2018 - Wersja #07
Wymagane zdjęcia
Egzamin E.14-07-18.01 - dodatkowe zdjęcia - kwerenda1.jpg
kwerenda1.jpg
Egzamin E.14-07-18.01 - dodatkowe zdjęcia - kwerenda2.jpg
kwerenda2.jpg
Egzamin E.14-07-18.01 - dodatkowe zdjęcia - nowy_uzytkownik.jpg
nowy_uzytkownik.jpg
Egzamin E.14-07-18.01 - dodatkowe zdjęcia - uprawnienia.jpg
uprawnienia.jpg
Wyniki działań na bazie danych
Egzamin E.14-07-18.01 - Operacje na bazie danych - import.png
import.png
Egzamin E.14-07-18.01 - Operacje na bazie danych - import.png
kwerenda1.png
Egzamin E.14-07-18.01 - Operacje na bazie danych - import.png
kwerenda2.png
Egzamin E.14-07-18.01 - Operacje na bazie danych - import.png
nowy_uzytkownik.png
Egzamin E.14-07-18.01 - Operacje na bazie danych - import.png
uprawnienia.png
Plik szkola_nowa.sql
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 29 Mar 2023, 19:08
-- 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: `szkola`
--

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

--
-- Struktura tabeli dla tabeli `klasa`
--

CREATE TABLE `klasa` (
  `id` int(11) NOT NULL DEFAULT 0,
  `nazwa` varchar(2) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;

--
-- Zrzut danych tabeli `klasa`
--

INSERT INTO `klasa` (`id`, `nazwa`) VALUES
(1, '1a'),
(2, '1b'),
(3, '2a'),
(4, '2b');

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

--
-- Struktura tabeli dla tabeli `uczen`
--

CREATE TABLE `uczen` (
  `id` int(2) NOT NULL DEFAULT 0,
  `nazwisko` varchar(11) DEFAULT NULL,
  `imie` varchar(11) DEFAULT NULL,
  `id_klasy` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_general_ci;

--
-- Zrzut danych tabeli `uczen`
--

INSERT INTO `uczen` (`id`, `nazwisko`, `imie`, `id_klasy`) VALUES
(1, 'Kluska', 'Zenon', 1),
(2, 'Zawada', 'Zbigniew', 1),
(3, 'Cap', 'Antoni', 2),
(4, 'Kowalski', 'Sebastian', 3),
(5, 'Dawid', 'Andrzej', 2),
(6, 'Kaczmarek', 'Marta', 4),
(7, 'Kowalski', 'Jan', 4),
(8, 'Polak', 'Maria', 2),
(9, 'Michalak', 'Paweł', 3),
(10, 'Góral', 'Łukasz', 4),
(11, 'Nowak', 'Jan', 4),
(12, 'Kowalski', 'Łukasz', 1),
(13, 'Markiewicz', 'Damian', 3),
(14, 'Baryła', 'Zenon', 2),
(15, 'Gota', 'Anna', 4),
(16, 'Małek', 'Justyna', 1),
(17, 'Rysik', 'Magda', 3),
(18, 'Szary', 'Tomasz', 1),
(19, 'Bury', 'Łukasz', 3),
(20, 'Rudy', 'Wojciech', 2),
(21, 'Kowalska', 'Janina', 2),
(22, 'Nowak', 'Jan', 1),
(23, 'Kowalik', 'Stanisława', 3),
(24, 'Nowakowski', 'Grzegorz', 1),
(25, 'Kwiatkowska', 'Jolanta', 2),
(26, 'Konarski', 'Krzysztof', 3),
(27, 'Wiktoria', 'Jasny', 1);

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

--
-- Struktura tabeli dla tabeli `wychowawca`
--

CREATE TABLE `wychowawca` (
  `id` int(11) NOT NULL DEFAULT 0,
  `imie` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,
  `nazwisko` varchar(30) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL,
  `id_klasy` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;

--
-- Zrzut danych tabeli `wychowawca`
--

INSERT INTO `wychowawca` (`id`, `imie`, `nazwisko`, `id_klasy`) VALUES
(1, 'Jan', 'Bogucki', 1),
(2, 'Michał', 'Więcek', 2),
(3, 'Bożena', 'Michalska', 3),
(4, 'Krystyna', 'Piętkiewicz', 4);

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

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

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

--
-- Indeksy dla tabeli `wychowawca`
--
ALTER TABLE `wychowawca`
  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 zapytania.txt
Zapytanie 1: INSERT INTO uczen VALUES (27, "Wiktoria", "Jasny", 1);
Zapytanie 2: SELECT wychowawca.imie, wychowawca.nazwisko FROM wychowawca INNER JOIN uczen ON wychowawca.id_klasy = uczen.id_klasy WHERE uczen.nazwisko = "Markiewicz";
Zapytanie 3: CREATE USER 'Jan_Bogucki'@'localhost' IDENTIFIED BY 'jb_123';
Zapytanie 4: GRANT SELECT, INSERT, DELETE ON szkola.uczen TO 'Jan_Bogucki'@'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>Szkoła ponadgimnazjalna</title>
        <link rel="stylesheet" href="styl.css">
    </head>
    <body>
        <header>
            <h2>Projekt strony internetowej szkoły ponadgimnazjalnej</h2>
        </header>

        <div id="lewy">
            <h3>Do pobrania</h3>
            <ul>
                <li><a href="zapytania.txt">zapytania SQL</a></li>
                <li><a href="szkola_nowa.sql">baza danych</a>
                </li>
            </ul>
        </div>

        <div id="srodkowy">
            <table>
                <tr>
                    <td>Treść zapytania</td>
                    <td>Zrzut ekranu</td>
                </tr>
                <tr>
                    <td>INSERT INTO uczen VALUES (27, "Wiktoria", "Jasny", 1);</td>
                    <td><img src="kwerenda1.jpg" alt="kwerenda1"></td>
                </tr>
                <tr>
                    <td>SELECT wychowawca.imie, wychowawca.nazwisko FROM wychowawca INNER JOIN uczen ON wychowawca.id_klasy = uczen.id_klasy WHERE uczen.nazwisko = "Markiewicz";</td>
                    <td><img src="kwerenda2.jpg" alt="kwerenda2"></td>
                </tr>
                <tr>
                    <td>CREATE USER 'Jan_Bogucki'@'localhost' IDENTIFIED BY 'jb_123';</td>
                    <td><img src="nowy_uzytkownik.jpg" alt="nowy_uzytkownik"></td>
                </tr>
                <tr>
                    <td>GRANT SELECT, INSERT, DELETE ON szkola.uczen TO 'Jan_Bogucki'@'localhost';</td>
                    <td><img src="uprawnienia.jpg" alt="uprawnienia"></td>
                </tr>
            </table>
        </div>

        <div id="prawy">
            <h4>Obliczanie średniej ocen</h4>
            <ul>
                <li><label for="sredniapolak">Polak</label> <input type="number" name="sredniapolak" id="sredniapolak"></li>
                <li><label for="srednianowak">Nowak</label> <input type="number" name="srednianowak" id="srednianowak"></li>
                <li><label for="sredniarysik">Rysik</label> <input type="number" name="sredniarysik" id="sredniarysik"></li>
                <button type="submit" onclick="oblicz()">oblicz</button>
                <h4 id="wynik">Średnia ocen: </h4>
                <script src="skrypt.js"></script>
            </ul>
        </div>

        <footer>
            <h5>autor strony: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a></h5>
        </footer>
    </body>
</html>
Plik skrypt.js
function oblicz() {
    let sredniapolak = document.getElementById("sredniapolak").value;
    let srednianowak = document.getElementById("srednianowak").value;
    let sredniarysik = document.getElementById("sredniarysik").value;

    if (sredniapolak == "" || srednianowak == "" || sredniarysik == "" || isNaN(sredniapolak) || isNaN(srednianowak) || isNaN(sredniarysik)) {
        alert("wpisz poprawne dane");
    }
    else {
        sredniapolak = Number(sredniapolak);
        srednianowak = Number(srednianowak);
        sredniarysik = Number(sredniarysik);
        let wynik = (sredniapolak + srednianowak + sredniarysik) / 3;
        document.getElementById("wynik").innerHTML = `Średnia ocen: ${wynik}`;
    }
}
Plik styl.css
a {
    color: brown;
}

header,footer,#lewy,#prawy {
    background: #ffb31c;
}

#srodkowy {
    background: #ffcb71;
}

header,footer {
    text-align: center;
}

#prawy {
    text-align: right;
}

body {
    font-family: 'Verdana';
}

#lewy,#prawy {
    width: 20%;
}

#srodkowy {
    width: 60%;
    overflow: scroll;
}

#lewy,#srodkowy,#prawy {
    height: 480px;
    float: left;
}

header {
    height: 60px;
}

footer {
    clear: both;
    height: 30px;
}

#lewy ul,
#prawy ul {
    list-style-position: inside;
    list-style-type: square;
}

td {
    border: 1px solid black;
}

table tr td:nth-child(2) {
    width: 405px;
}

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ę