Rozwiązanie - Egzamin Praktyczny EE.09
Arkusz EE.09-02-20.01-SG - Styczeń 2020 - Wersja #02
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Przykładowe rozwiązanie
Wymagane zdjęcia
samochod.png
home.png
znak.png
Wyniki działań na bazie danych
import.png
kw1.jpg
kw2.jpg
kw3.jpg
kw4.jpg
Plik samochody.sql
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 26 Mar 2023, 14:32
-- 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: `samochody`
--
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `samochody`
--
CREATE TABLE `samochody` (
`id` int(10) UNSIGNED NOT NULL,
`marka` text DEFAULT NULL,
`model` text DEFAULT NULL,
`rocznik` year(4) DEFAULT NULL,
`kolor` text DEFAULT NULL,
`stan` text DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;
--
-- Zrzut danych tabeli `samochody`
--
INSERT INTO `samochody` (`id`, `marka`, `model`, `rocznik`, `kolor`, `stan`) VALUES
(1, 'Fiat', 'Punto', 2016, 'czerwony', 'bardzo dobry'),
(2, 'Fiat', 'Punto', 2002, 'czerwony', 'dobry'),
(3, 'Fiat', 'Punto', 2007, 'niebieski', 'bardzo bobry'),
(4, 'Opel', 'Corsa', 2016, 'grafitowy', 'bardzo dobry'),
(5, 'Opel', 'Astra', 2003, 'niebieski', 'porysowany lakier'),
(6, 'Toyota', 'Corolla', 2016, 'czerwony', 'bardzo dobry'),
(7, 'Toyota', 'Corolla', 2014, 'szary', 'dobry'),
(8, 'Toyota', 'Yaris', 2004, 'ciemny niebieski', 'dobry');
--
-- Indeksy dla zrzutów tabel
--
--
-- Indeksy dla tabeli `samochody`
--
ALTER TABLE `samochody`
ADD PRIMARY KEY (`id`);
--
-- AUTO_INCREMENT dla zrzuconych tabel
--
--
-- AUTO_INCREMENT dla tabeli `samochody`
--
ALTER TABLE `samochody`
MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=9;
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 model, kolor, stan FROM samochody WHERE rocznik > 2010;
Zapytanie 2: UPDATE samochody SET kolor = 'ciemny niebieski' WHERE model = 'Yaris';
Zapytanie 3: CREATE USER 'joanna'@'localhost' IDENTIFIED BY 'joan87$';
Zapytanie 4: GRANT ALTER, CREATE, DELETE, DROP, INDEX, INSERT, SELECT, UPDATE ON samochody TO 'joanna'@'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>Nasza stacja paliw</title>
<link rel="stylesheet" href="styl4.css">
</head>
<body>
<header>
<h2>Witamy na stacji paliw!</h2>
</header>
<div id="lewy">
<a href="index.html"><img src="home.png" alt="odnośnik do strony głównej"></a><br>
<a href="kalkulacja.html"><img src="znak.png" alt="odnośnik do strony kalkulacja"></a>
</div>
<div id="prawy">
<img src="samochod.png" alt="grafika: samochód">
</div>
<main>
<h2>Oferujemy paliwa:</h2>
<table>
<tr>
<td>Rodzaj</td>
<td>Cena</td>
</tr>
<tr>
<td>Benzyna</td>
<td>4 zł</td>
</tr>
<tr>
<td>Olej napędowy</td>
<td>3,8 zł</td>
</tr>
</table>
</main>
<div id="stopka-lewo">
<p>Stronę opracował: <a href="https://ee-inFormatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a></p>
</div>
<div id="stopka-prawo">
<a href="kwerendy.txt">Tu pobierzesz zapytania</a>
</div>
</body>
</html> Plik kalkulacja.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>Nasza stacja paliw</title>
<link rel="stylesheet" href="styl4.css">
</head>
<body>
<header>
<h2>Witamy na stacji paliw!</h2>
</header>
<div id="lewy">
<a href="index.html"><img src="home.png" alt="odnośnik do strony głównej"></a><br>
<a href="kalkulacja.html"><img src="znak.png" alt="odnośnik do strony kalkulacja"></a>
</div>
<div id="prawy">
<img src="samochod.png" alt="grafika: samochód">
</div>
<main>
<h2>Oblicz, ile litrów musisz zatankować</h2>
<label for="dystans">dystans do przejechania w km:</label><br>
<input type="number" name="dystans" id="dystans"><br>
<label for="spalanie">spalanie samochodu w l/100km:</label><br>
<input type="number" name="spalanie" id="spalanie"><br>
<button type="submit" onclick="oblicz()">OBLICZ</button>
<p id="wynik"></p>
<script src="skrypt.js"></script>
</main>
<div id="stopka-lewo">
<p>Stronę opracował: <a href="https://ee-inFormatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a></p>
</div>
<div id="stopka-prawo">
<a href="kwerendy.txt">Tu pobierzesz zapytania</a>
</div>
</body>
</html> Plik skrypt.js
function oblicz() {
let dystans = document.getElementById('dystans').value;
let spalanie = document.getElementById('spalanie').value;
let wynik = dystans / 100 * spalanie;
document.getElementById('wynik').innerHTML = 'Potrzebujesz: ' + wynik + ' litrów paliwa';
} Plik styl4.css
body {
font-family: 'Arial';
}
#lewy,#prawy {
background: rgb(255,127,80);
color: white;
width: 50%;
height: 410px;
float: left;
}
main {
clear: both;
}
header,main {
background: rgb(220,220,220);
padding: 20px;
text-align: center;
}
#stopka-lewo,
#stopka-prawo {
background: rgb(255,127,80);
color: white;
width: 50%;
height: 100px;
float: left;
}
table, td {
border: 1px solid rgb(255,127,80);
padding: 10px;
text-align: center;
}
a {
color: white;
}Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL