Rozwiązanie - Egzamin Praktyczny E.14
Arkusz E.14-07-18.01 - Styczeń 2018 - Wersja #07
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Wyniki działań na bazie danych
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;
}
Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL