To drugi sposób rozwiązania tego samego arkusza. Wynik jest ten sam - baza antyki z czterema zapytaniami, kadr czerwonego fotela, strona index.php z trzema kategoriami mebli, przyciskiem „KUP” i koszykiem - i tak samo spełnia każde kryterium klucza. Inna jest droga:
grid-template-columns: 70% 30%, kolor LightCoral w zmiennej CSS,showFurniture() wołanej pod każdym nagłówkiem zamiast trzech kopii Skryptu 1,filter_input i w bazie, przekierowanie po zakupie (odświeżenie strony nie kupuje drugi raz), htmlspecialchars przy każdym wypisaniu.Na końcu krótkie porównanie z wersją podstawową (zakładka obok). Baza i zdjęcia pochodzą z prawdziwego archiwum pliki5, a podgląd kroków z PHP to wynik prawdziwego uruchomienia strony w PHP 8.2 na bazie z arkusza - z pustym koszykiem jak na ilustracji 2, a od kroków z koszykiem w stanie z ilustracji 6.
Jak liczą się punkty. Klucz ma 40 kryteriów (R.1.1 - R.5.10), każde za 1 punkt. Próg zdania to 75%, czyli 30 punktów. Przy każdym kroku jest napisane, które kryteria spełnia.
Kroki 1-7 · po tym etapie masz 6 z 40 kryteriów (pkt)
Utwórz bazę danych o nazwie antyki, z zestawem polskich znaków (np. utf8_polish_ci)
Archiwum pliki5.7z rozpakuj hasłem Twoje@ntyki&; foldery sofy, fotele i komody przenieś w całości - arkusz zaznacza, że obrazy mają zostać w folderach. W phpMyAdmin Nowa → antyki, porównywanie utf8_polish_ci:
CREATE DATABASE antyki CHARACTER SET utf8 COLLATE utf8_polish_ci;
Do utworzonej bazy zaimportuj tabele z pliku antyki.sql
Baza antyki → Import → antyki.sql. Trzy tabele z ilustracji 1: klienci, meble (11 mebli w trzech kategoriach) i pusta zakupy - tabela pośrednicząca relacji m:n.
Wykonaj zrzut ekranu po imporcie. Zapisz zrzut w formacie PNG pod nazwą import. Nie kadruj zrzutu. Powinien on obejmować cały ekran monitora, z widocznym paskiem zadań. Na zrzucie powinny być widoczne elementy wskazujące na poprawnie wykonany import tabel
Cały ekran z paskiem zadań, zapis jako import.png.
Wykadrowany zrzut nie jest oceniany.
Zapytanie 1: wybierające jedynie pola idMeble, nazwa, plik, styl, cena i opis z tabeli meble dla kategorii 1
Sześć pól i warunek kategoria = 1, każda klauzula w osobnej linii. Wynik: sofy o identyfikatorach 1, 2, 3. W skrypcie to samo zapytanie dostanie zamiast 1 parametr - i obsłuży wszystkie trzy kategorie. Zapytanie do kwerendy.txt, zrzut kw1.png.
kwerendy.txt Tekst nowy plik -- Zapytanie 1
SELECT idMeble, nazwa, plik, styl, cena, opis
FROM meble
WHERE kategoria = 1;
Zapytanie 2: wstawiające rekord do tabeli zakupy o wartościach identyfikator klienta: 1, identyfikator mebla: 6, jedna sztuka. Klucz główny nadawany automatycznie
Lista kolumn pomija klucz id - nada go AUTO_INCREMENT. Liczby bez apostrofów, bo kolumny są liczbowe. Zrzut z komunikatem albo z tabelą: kw2.png.
Klucz wpisany ręcznie przeczy wymaganiu „klucz główny nadawany automatycznie”.
kwerendy.txt Tekst zmienione: 4 linie -- Zapytanie 1
SELECT idMeble, nazwa, plik, styl, cena, opis
FROM meble
WHERE kategoria = 1;
-- Zapytanie 2
INSERT INTO zakupy (idKlienci, idMeble, sztuk)
VALUES (1, 6, 1);
Zapytanie 3: wybierające jedynie nazwę i cenę mebli, które zostały zakupione przez klienta o identyfikatorze równym 1. Należy posłużyć się relacją
Aliasy tabel (z, m) i warunek złączenia w ON: klucz obcy z.idMeble równa się kluczowi głównemu m.idMeble. Przedrostki są tu konieczne, bo kolumna idMeble jest w obu tabelach - USING(idMeble) z klucza robi to samo krócej, ON działa także wtedy, gdy kolumny nazywają się różnie. Wynik po zapytaniu 2: Barokowa komoda, 4000. Zrzut kw3.png.
kwerendy.txt Tekst zmienione: 6 linii -- Zapytanie 1
SELECT idMeble, nazwa, plik, styl, cena, opis
FROM meble
WHERE kategoria = 1;
-- Zapytanie 2
INSERT INTO zakupy (idKlienci, idMeble, sztuk)
VALUES (1, 6, 1);
-- Zapytanie 3
SELECT m.nazwa, m.cena
FROM zakupy AS z
JOIN meble AS m ON m.idMeble = z.idMeble
WHERE z.idKlienci = 1;
Zapytanie 4: wybierające jedynie nazwę mebla oraz odpowiadające mu imię i nazwisko kupującego klienta. Należy posłużyć się relacją m:n
Tabela pośrednicząca zakupy w środku i dwa złączenia: z meblami i z klientami. Wynik: Barokowa komoda, Anna Kowalska. Zrzut kw4.png.
kwerendy.txt Tekst zmienione: 6 linii -- Zapytanie 1
SELECT idMeble, nazwa, plik, styl, cena, opis
FROM meble
WHERE kategoria = 1;
-- Zapytanie 2
INSERT INTO zakupy (idKlienci, idMeble, sztuk)
VALUES (1, 6, 1);
-- Zapytanie 3
SELECT m.nazwa, m.cena
FROM zakupy AS z
JOIN meble AS m ON m.idMeble = z.idMeble
WHERE z.idKlienci = 1;
-- Zapytanie 4
SELECT m.nazwa, k.imie, k.nazwisko
FROM zakupy AS z
JOIN meble AS m ON m.idMeble = z.idMeble
JOIN klienci AS k ON k.idKlienci = z.idKlienci;
Kroki 8-19 · po tym etapie masz 12 z 40 kryteriów (pkt)
Cechy grafiki f3.png: Grafikę należy skadrować tak, aby zawierała tylko czerwony fotel – trzeci od lewej strony
W GIMP-ie zaznaczenie prostokątne wokół trzeciego, czerwonego fotela, Obraz → Przytnij do zaznaczenia, potem Obraz → Przytnij do zawartości - odcina przezroczysty margines.
Po skadrowaniu należy zmienić wymiary grafiki na 524 px szerokości i 640 px wysokości. Proporcje muszą być zachowane, fotel musi znajdować się na środku grafiki (np. poprzez przeskalowanie grafiki z zachowaniem proporcji do wysokości 640 px, a następnie zmianę wymiarów płótna do szerokości 524 px z wyśrodkowaniem)
Skaluj obraz do wysokości 640 px przy zamkniętym łańcuchu, potem Rozmiar płótna - szerokość 524 px i Wyśrodkuj. Warstwa do rozmiaru obrazu i eksport z nadpisaniem fotele/f3.png.
Skalowanie od razu do 524 × 640 przy rozpiętym łańcuchu rozciąga fotel.
Składa się ze strony o nazwie index.php. Zapisana w języku HTML5
Plik index.php w folderze z rezultatami, obok folderów z obrazami. Na razie sam szkielet HTML5; kod PHP stanie później przed <!DOCTYPE html>.
index.php PHP nowy plik <!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>Zadeklarowany polski język zawartości witryny
lang="pl" w <html>.
index.php PHP zmienione: 1 linia <!DOCTYPE html>
<html lang="pl">
<head>
</head>
<body>
</body>
</html>Jawnie zastosowany właściwy standard kodowania polskich znaków
<meta charset="UTF-8">. To samo kodowanie ustawi połączenie z bazą (charset=utf8mb4), więc polskie litery przejdą bez zmian: baza → PHP → przeglądarka.
index.php PHP zmienione: 1 linia <!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
</head>
<body>
</body>
</html>Tytuł strony „Sprzedaż antyków”
<title> w <head>; obok <meta name="viewport"> dla telefonów - arkusz tego nie wymaga.
index.php PHP zmienione: 2 linie <!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
</head>
<body>
</body>
</html>Arkusz stylów w pliku o nazwie styl.css prawidłowo połączony z kodem strony
<link rel="stylesheet" href="styl.css">.
index.php PHP zmienione: 1 linia <!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
</body>
</html>Podział strony na bloki: nagłówkowy, główny i stopkę. Blok główny zawiera blok sekcji i blok boczny. Podział zrealizowany za pomocą semantycznych znaczników języka HTML5 tak, aby po uruchomieniu w przeglądarce układ bloków był zgodny z ilustracją 4
header, main z section i aside, footer - lista z klucza R.2.4. Obok siebie ustawi je siatka CSS.
index.php PHP zmienione: 10 linii <!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
</header>
<main>
<section>
</section>
<aside>
</aside>
</main>
<footer>
</footer>
</body>
</html>Zawartość bloku nagłówkowego: Nagłówek pierwszego stopnia o treści: „Najlepsze antyki w mieście”
<h1> w <header>.
index.php PHP zmienione: 1 linia <!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
</section>
<aside>
</aside>
</main>
<footer>
</footer>
</body>
</html>Zawartość bloku sekcji: Nagłówek drugiego stopnia o treści: „- Sofy -”. Nagłówek drugiego stopnia o treści: „- Fotele -”. Nagłówek drugiego stopnia o treści: „- Komody -”
Nagłówki zostają w HTML-u, a nie w tablicy PHP: są stałym tekstem strony i egzaminator znajdzie je w kodzie nawet wtedy, gdy PHP nie zadziała.
index.php PHP zmienione: 3 linie <!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<h2>- Fotele -</h2>
<h2>- Komody -</h2>
</section>
<aside>
</aside>
</main>
<footer>
</footer>
</body>
</html>Zawartość bloku bocznego: Nagłówek drugiego stopnia o treści: „Koszyk”. Paragraf o treści „Zalogowano: Anna Kowalska”
<h2> i akapit; pod nimi stanie lista zakupów.
index.php PHP zmienione: 2 linie <!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<h2>- Fotele -</h2>
<h2>- Komody -</h2>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
</footer>
</body>
</html>Zawartość bloki stopki: paragraf o treści „Stronę wykonał: ”, dalej wstawiony numer zdającego
Na egzaminie po dwukropku wpisujesz swój numer zdającego (PESEL); tutaj stoi imię i nazwisko autora rozwiązania.
index.php PHP zmienione: 1 linia <!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<h2>- Fotele -</h2>
<h2>- Komody -</h2>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Kroki 20-33 · po tym etapie masz 23 z 40 kryteriów (pkt)
Domyślnie, dla wszystkich selektorów: krój czcionki Georgia
LightCoral występuje w arkuszu dwa razy (blok mebla, przycisk), więc trafia do zmiennej CSS --coral w :root; odwołanie var(--coral). Potem selektor * z krojem.
styl.css CSS nowy plik :root {
--coral: LightCoral;
}
* {
font-family: Georgia;
}Dla selektora ciała strony: kolor tła MistyRose
Selektor znacznika body - tak każe uwaga arkusza.
styl.css CSS zmienione: 4 linie :root {
--coral: LightCoral;
}
* {
font-family: Georgia;
}
body {
background-color: MistyRose;
}Dla bloku nagłówkowego i stopki: wyrównanie tekstu do środka
Jedna reguła dla dwóch selektorów.
styl.css CSS zmienione: 5 linii :root {
--coral: LightCoral;
}
* {
font-family: Georgia;
}
body {
background-color: MistyRose;
}
header,
footer {
text-align: center;
}Podział zrealizowany za pomocą semantycznych znaczników języka HTML5 tak, aby po uruchomieniu w przeglądarce układ bloków był zgodny z ilustracją 4
Blok główny jako siatka z dwiema kolumnami 70% i 30% - to szerokości bloku sekcji i bloku bocznego z arkusza zapisane w jednym miejscu. Klucz R.4.4 dopuszcza je w grid-template-columns, a R.3.1 układ na grid. Sekcja i blok boczny same trafiają do kolejnych kolumn, a stopka zostaje pod blokiem głównym bez clear.
styl.css CSS zmienione: 5 linii :root {
--coral: LightCoral;
}
* {
font-family: Georgia;
}
body {
background-color: MistyRose;
}
header,
footer {
text-align: center;
}
main {
display: grid;
grid-template-columns: 70% 30%;
}Dla bloku sekcji: szerokość 70%, wysokość 700 px, suwaki do przewijania zawartości bloku zawsze widoczne
Szerokość 70% daje już kolumna siatki. „Zawsze widoczne” to overflow: scroll - suwaki są nawet przy treści, która się mieści (auto pokazałby je tylko w razie potrzeby).
styl.css CSS zmienione: 5 linii :root {
--coral: LightCoral;
}
* {
font-family: Georgia;
}
body {
background-color: MistyRose;
}
header,
footer {
text-align: center;
}
main {
display: grid;
grid-template-columns: 70% 30%;
}
section {
height: 700px;
overflow: scroll;
}Dla bloku bocznego: szerokość 30%
Bez nowej reguły: 30% to druga kolumna siatki z kroku o układzie. Szerokość zapisana raz nie może się rozjechać z sumą 100%.
Podgląd strony bez zmian - taki jak po kroku 24.
Dla selektora obrazu: szerokość 90%, wyrównanie tekstu do środka
Selektor znacznika img. Szerokość liczy się od bloku obrazu. text-align na obrazie niczego nie przesuwa (obraz nie ma treści), ale arkusz go wymienia, więc zostaje.
styl.css CSS zmienione: 5 linii :root {
--coral: LightCoral;
}
* {
font-family: Georgia;
}
body {
background-color: MistyRose;
}
header,
footer {
text-align: center;
}
main {
display: grid;
grid-template-columns: 70% 30%;
}
section {
height: 700px;
overflow: scroll;
}
img {
width: 90%;
text-align: center;
}Dla klasy mebel (skrypt 1): marginesy zewnętrzne 5 px, wewnętrzne 10 px, kolor tła LightCoral, zaokrąglenie rogów 20 px
Styl bloków, które wypisze PHP.
styl.css CSS zmienione: 7 linii :root {
--coral: LightCoral;
}
* {
font-family: Georgia;
}
body {
background-color: MistyRose;
}
header,
footer {
text-align: center;
}
main {
display: grid;
grid-template-columns: 70% 30%;
}
section {
height: 700px;
overflow: scroll;
}
img {
width: 90%;
text-align: center;
}
.mebel {
margin: 5px;
padding: 10px;
background-color: var(--coral);
border-radius: 20px;
}Dla klasy obraz (skrypt 1): szerokość 30%, opływanie z prawej strony
Tekst ma płynąć po prawej stronie zdjęcia, czyli blok pływa w lewo: float: left. Tu siatka nie zastąpi float: klucz R.4.9 podaje tę właściwość wprost, a „opływanie” to dosłownie zadanie dla float - informacje obok zdjęcia, opis pod spodem.
float: right stawia zdjęcie po prawej - odwrotnie niż na ilustracji 5.
styl.css CSS zmienione: 5 linii :root {
--coral: LightCoral;
}
* {
font-family: Georgia;
}
body {
background-color: MistyRose;
}
header,
footer {
text-align: center;
}
main {
display: grid;
grid-template-columns: 70% 30%;
}
section {
height: 700px;
overflow: scroll;
}
img {
width: 90%;
text-align: center;
}
.mebel {
margin: 5px;
padding: 10px;
background-color: var(--coral);
border-radius: 20px;
}
.obraz {
width: 30%;
float: left;
}Dla klasy opis (skrypt 1): znajduje się pod blokami obrazu i informacji, na całej szerokości bloku nadrzędnego
clear: both - opis zaczyna się pod pływającym obrazem, na całej szerokości bloku mebla, a blok mebla obejmuje zdjęcie w całości.
styl.css CSS zmienione: 4 linie :root {
--coral: LightCoral;
}
* {
font-family: Georgia;
}
body {
background-color: MistyRose;
}
header,
footer {
text-align: center;
}
main {
display: grid;
grid-template-columns: 70% 30%;
}
section {
height: 700px;
overflow: scroll;
}
img {
width: 90%;
text-align: center;
}
.mebel {
margin: 5px;
padding: 10px;
background-color: var(--coral);
border-radius: 20px;
}
.obraz {
width: 30%;
float: left;
}
.opis {
clear: both;
}Dla przycisku: jedynie margines zewnętrzny lewy 30 px, marginesy wewnętrzne 20 px, kolor tła LightCoral, obramowanie linią kropkowaną o szerokości 2 px i kolorze Maroon, zaokrąglenie rogów 10 px
„Jedynie margines lewy” to margin-left, nie margin. Obramowanie skrótem: grubość, styl dotted, kolor.
styl.css CSS zmienione: 8 linii :root {
--coral: LightCoral;
}
* {
font-family: Georgia;
}
body {
background-color: MistyRose;
}
header,
footer {
text-align: center;
}
main {
display: grid;
grid-template-columns: 70% 30%;
}
section {
height: 700px;
overflow: scroll;
}
img {
width: 90%;
text-align: center;
}
.mebel {
margin: 5px;
padding: 10px;
background-color: var(--coral);
border-radius: 20px;
}
.obraz {
width: 30%;
float: left;
}
.opis {
clear: both;
}
button {
margin-left: 30px;
padding: 20px;
background-color: var(--coral);
border: 2px dotted Maroon;
border-radius: 10px;
}Dla selektora nagłówka drugiego i czwartego stopnia: czcionka pochylona
font-style: italic dla dwóch selektorów znaczników.
styl.css CSS zmienione: 5 linii :root {
--coral: LightCoral;
}
* {
font-family: Georgia;
}
body {
background-color: MistyRose;
}
header,
footer {
text-align: center;
}
main {
display: grid;
grid-template-columns: 70% 30%;
}
section {
height: 700px;
overflow: scroll;
}
img {
width: 90%;
text-align: center;
}
.mebel {
margin: 5px;
padding: 10px;
background-color: var(--coral);
border-radius: 20px;
}
.obraz {
width: 30%;
float: left;
}
.opis {
clear: both;
}
button {
margin-left: 30px;
padding: 20px;
background-color: var(--coral);
border: 2px dotted Maroon;
border-radius: 10px;
}
h2,
h4 {
font-style: italic;
}Dodatkowo dla selektora nagłówka drugiego stopnia: wyrównanie tekstu do środka
Osobna reguła h2.
styl.css CSS zmienione: 4 linie :root {
--coral: LightCoral;
}
* {
font-family: Georgia;
}
body {
background-color: MistyRose;
}
header,
footer {
text-align: center;
}
main {
display: grid;
grid-template-columns: 70% 30%;
}
section {
height: 700px;
overflow: scroll;
}
img {
width: 90%;
text-align: center;
}
.mebel {
margin: 5px;
padding: 10px;
background-color: var(--coral);
border-radius: 20px;
}
.obraz {
width: 30%;
float: left;
}
.opis {
clear: both;
}
button {
margin-left: 30px;
padding: 20px;
background-color: var(--coral);
border: 2px dotted Maroon;
border-radius: 10px;
}
h2,
h4 {
font-style: italic;
}
h2 {
text-align: center;
}Gdy kursor znajdzie się na elemencie z przypisaną klasą mebel, jego kolor tła zmienia się na Coral
Pseudoklasa :hover.
styl.css CSS zmienione: 4 linie :root {
--coral: LightCoral;
}
* {
font-family: Georgia;
}
body {
background-color: MistyRose;
}
header,
footer {
text-align: center;
}
main {
display: grid;
grid-template-columns: 70% 30%;
}
section {
height: 700px;
overflow: scroll;
}
img {
width: 90%;
text-align: center;
}
.mebel {
margin: 5px;
padding: 10px;
background-color: var(--coral);
border-radius: 20px;
}
.obraz {
width: 30%;
float: left;
}
.opis {
clear: both;
}
button {
margin-left: 30px;
padding: 20px;
background-color: var(--coral);
border: 2px dotted Maroon;
border-radius: 10px;
}
h2,
h4 {
font-style: italic;
}
h2 {
text-align: center;
}
.mebel:hover {
background-color: Coral;
}Kroki 34-51 · po tym etapie masz 40 z 40 kryteriów (pkt)
Łączą się z serwerem bazodanowym na localhost, użytkownik root bez hasła, baza danych o nazwie antyki
Kod PHP stoi na samym początku index.php, przed <!DOCTYPE html>: najpierw cała praca z bazą, potem szablon, który tylko wypisuje gotowe dane. Klucz R.5 przyjmuje PDO tak samo jak MySQLi.
new PDO(...) - połączenie i wybór bazy antyki: pierwszy argument to DSN, czyli adres bazy dla PDO w jednym napisie (mysql:host=localhost;dbname=antyki;charset=utf8mb4 - serwer, nazwa bazy i kodowanie połączenia), dalej użytkownik root i puste hasło,ERRMODE_EXCEPTION zamienia każdy błąd SQL w wyjątek, FETCH_ASSOC daje wiersze jako tablice z nazwami kolumn ($item['nazwa']),try … catch (PDOException $error) - gdy baza nie działa, kupujący widzi zwykły komunikat zamiast treści błędu z nazwą serwera i ścieżkami.Od tego kroku podgląd to prawdziwy wynik strony z serwera.
Klucz sprawdza połączenie i wybór bazy antyki w kodzie źródłowym strony (R.5.1, razem z zamknięciem na końcu), więc DSN z nazwą bazy stoi w index.php, a nie w dołączanym pliku.
index.php PHP zmienione: 11 linii <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<h2>- Fotele -</h2>
<h2>- Komody -</h2>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Pierwszy wariant skryptu – 1a – wysyła do bazy danych zapytanie 1. Każdy zwrócony zapytaniem wiersz jest wypisywany w osobnym bloku formatowanym klasą mebel, według schematu (ilustracja 5)
Trzy warianty Skryptu 1 różnią się tylko numerem kategorii, więc zamiast trzech kopii są dwie funkcje:
fetchFurniture($db, $category) wysyła zapytanie 1 jako zapytanie przygotowane: w miejscu 1 stoi parametr :category, a wartość idzie osobno w execute. Typy przy parametrach (PDO, int) i wyniku (array) mówią, czego funkcja oczekuje. Zmienna $query żyje tylko w funkcji - to ważne przy zamykaniu połączenia,FOLDERS łączy numer kategorii z folderem obrazów, a pętla foreach pobiera meble wszystkich trzech kategorii do tablicy $furniture,showFurniture($items, $folder) to szablon: między ?> i <?php stoi zwykły HTML bloku mebla, powtórzony dla każdego wiersza (foreach … endforeach).Pod nagłówkiem „- Sofy -” jedno wywołanie. W podglądzie trzy puste bloki mebli - styl .mebel czekał już w CSS.
index.php PHP zmienione: 23 linie <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<h2>- Komody -</h2>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Blok obrazu: Formatowany klasą obraz. Wyświetla obraz z pliku o nazwie pobranej z bazy danych i ścieżce dostępu odpowiednio do kategorii: sofy/, fotele/, komody/ oraz tekście alternatywnym „mebel”
W bazie jest sama nazwa pliku, a ścieżkę składa folder kategorii i nazwa: sofy/s1.png. Zapis <?= ... ?> to skrót od <?php echo ... ?>.
Każdy napis z bazy przechodzi przez e() (od escape): htmlspecialchars z ENT_QUOTES zamienia <, >, & i oba cudzysłowy na encje. Napis z bazy, w którym ktoś zapisał "><script>, wyświetli się jako tekst, a nie wykona (ochrona przed XSS). Escapuje się na wyjściu, tuż przed wypisaniem - w bazie zostają dane surowe.
index.php PHP zmienione: 6 linii <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<h2>- Komody -</h2>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Blok informacji wyświetla: W nagłówku trzeciego stopnia nazwę pobraną z bazy danych
Drugi blok (bez klasy) obok pływającego zdjęcia, nazwa w <h3>. W szablonie HTML jest HTML-em, bez sklejania napisów i ukośników przed cudzysłowami.
index.php PHP zmienione: 3 linie <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
</div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<h2>- Komody -</h2>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>W nagłówku czwartego stopnia styl w postaci „styl <styl>”
Stały tekst „styl ” i wartość z bazy.
index.php PHP zmienione: 1 linia <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
</div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<h2>- Komody -</h2>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>W nagłówku trzeciego stopnia cenę w postaci „CENA: <cena> zł”. Patrz ilustracje 2, 5
PDO zwraca wartości z MariaDB jako napisy, więc e() przyjmuje też cenę („1000”). Kolumna jest typu decimal(10,0) - bez miejsc po przecinku, jak na ilustracji 2.
index.php PHP zmienione: 1 linia <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
<h3>CENA: <?= e($item['cena']) ?> zł</h3>
</div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<h2>- Komody -</h2>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Formularz wysyłający dane do tego samego pliku metodą bezpieczną z jednym przyciskiem „KUP”. Przycisk wysyła dane, ma przypisany atrybut wartości równy polu idMeble z zapytania. Patrz tabela 2.
Formularz method="post" bez action - dane wracają do tego samego pliku. Przycisk bez typu wysyła formularz; name="buy" to klucz w $_POST, a value - identyfikator mebla. </form> zaraz za przyciskiem, jak wymaga klucz.
index.php PHP zmienione: 1 linia <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
<h3>CENA: <?= e($item['cena']) ?> zł</h3>
<form method="post"><button name="buy" value="<?= e($item['idMeble']) ?>">KUP</button></form>
</div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<h2>- Komody -</h2>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Blok opisu: Jest formatowany klasą opis. Wyświetla zwrócony z bazy danych opis
Trzeci blok z klasą opis - clear: both stawia go pod zdjęciem. Podgląd: trzy sofy jak na ilustracji 2.
index.php PHP zmienione: 1 linia <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
<h3>CENA: <?= e($item['cena']) ?> zł</h3>
<form method="post"><button name="buy" value="<?= e($item['idMeble']) ?>">KUP</button></form>
</div>
<div class="opis"><?= e($item['opis']) ?></div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<h2>- Komody -</h2>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Drugi wariant skryptu – 1b – wysyła do bazy danych zapytanie 1 zmodyfikowane tak, że sprawdzana jest kategoria równa 2
Zapytanie dla kategorii 2 wykonała już pętla na początku pliku (to samo zapytanie przygotowane z :category = 2), więc pod „- Fotele -” wystarczy jedno wywołanie szablonu z folderem fotele.
index.php PHP zmienione: 1 linia <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
<h3>CENA: <?= e($item['cena']) ?> zł</h3>
<form method="post"><button name="buy" value="<?= e($item['idMeble']) ?>">KUP</button></form>
</div>
<div class="opis"><?= e($item['opis']) ?></div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<?php showFurniture($furniture[2], FOLDERS[2]); ?>
<h2>- Komody -</h2>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Trzeci wariant skryptu – 1c – wysyła do bazy danych zapytanie 1 zmodyfikowane tak, że sprawdzana jest kategoria równa 3
Trzecie wywołanie. Na stronie jest teraz wszystkie 11 mebli z bazy, każdy z obrazem z właściwego folderu. Poprawka w szablonie bloku mebla zmienia od razu wszystkie trzy kategorie.
index.php PHP zmienione: 1 linia <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
<h3>CENA: <?= e($item['cena']) ?> zł</h3>
<form method="post"><button name="buy" value="<?= e($item['idMeble']) ?>">KUP</button></form>
</div>
<div class="opis"><?= e($item['opis']) ?></div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<?php showFurniture($furniture[2], FOLDERS[2]); ?>
<h2>- Komody -</h2>
<?php showFurniture($furniture[3], FOLDERS[3]); ?>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Skrypt 2 obsługujący dane z formularza: Jeżeli zostały wysłane dane z formularza
Obsługa zakupu stoi przed odczytem mebli i koszyka: koszyk pokaże już nowy zakup. Warunek $_SERVER['REQUEST_METHOD'] === 'POST' sprawdza, czy strona przyszła z formularza.
Wartość przycisku jest w kodzie strony, ale żądanie da się wysłać z dowolną wartością. filter_input(INPUT_POST, 'buy', FILTER_VALIDATE_INT, ...) zwraca liczbę całkowitą tylko wtedy, gdy wysłano liczbę od 1 w górę - dla abc, 0, -5 albo 6 OR 1=1 daje false, a gdy pola brak - null. Sprawdzanie wejścia to pierwsza warstwa ochrony.
index.php PHP zmienione: 5 linii <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
$message = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$furnitureId = filter_input(INPUT_POST, 'buy', FILTER_VALIDATE_INT, ['options' => ['min_range' => 1]]);
}
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
<h3>CENA: <?= e($item['cena']) ?> zł</h3>
<form method="post"><button name="buy" value="<?= e($item['idMeble']) ?>">KUP</button></form>
</div>
<div class="opis"><?= e($item['opis']) ?></div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<?php showFurniture($furniture[2], FOLDERS[2]); ?>
<h2>- Komody -</h2>
<?php showFurniture($furniture[3], FOLDERS[3]); ?>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Podgląd strony bez zmian - taki jak po kroku 43.
Wysyła do bazy danych zapytanie 2, zmodyfikowane w ten sposób, że w miejscu identyfikatora mebla zostanie umieszczona wartość atrybutu value z przycisku „KUP” (wciśnięty przycisk przy niebieskim fotelu – identyfikator 9), zostanie przesłana wartość 9. Zakupy są uproszczone – kupuje zawsze klient o identyfikatorze 1, kupowana jest zawsze 1 sztuka
Dwie nowe funkcje z zapytaniami przygotowanymi:
furnitureExists() - druga warstwa ochrony: liczba może być poprawna, a mebla o takim numerze może nie być (99). Zapytanie COUNT(*) z parametrem, fetchColumn() zwraca pierwszą kolumnę pierwszego wiersza,addPurchase() - zapytanie 2 z parametrami :client i :furniture w miejscu 1 i 6. Klient to stała CLIENT_ID = 1, liczba sztuk zostaje 1.Po zapisie header('Location: index.php', true, 303) i exit - wzorzec PRG (Post/Redirect/Get): przeglądarka dostaje polecenie wczytania strony od nowa zwykłym GET. Bez tego odświeżenie strony (F5) wysłałoby formularz drugi raz i kupiło mebel podwójnie. Przekierowanie działa, bo przed nim nic nie zostało wypisane - cały kod PHP stoi przed HTML-em.
Podgląd: stan po kliknięciu „KUP” przy niebieskim fotelu - w tabeli zakupy przybył rekord z idMeble = 9 (sprawdzone zapytaniem po uruchomieniu).
header() po jakimkolwiek wypisanym znaku (nawet spacji przed <?php) kończy się ostrzeżeniem „headers already sent” i przekierowanie nie działa.
index.php PHP zmienione: 19 linii <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
const CLIENT_ID = 1;
function furnitureExists(PDO $db, int $id): bool
{
$query = $db->prepare('SELECT COUNT(*) FROM meble WHERE idMeble = :id');
$query->execute(['id' => $id]);
return $query->fetchColumn() > 0;
}
function addPurchase(PDO $db, int $clientId, int $furnitureId): void
{
$query = $db->prepare('INSERT INTO zakupy (idKlienci, idMeble, sztuk) VALUES (:client, :furniture, 1)');
$query->execute(['client' => $clientId, 'furniture' => $furnitureId]);
}
$message = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$furnitureId = filter_input(INPUT_POST, 'buy', FILTER_VALIDATE_INT, ['options' => ['min_range' => 1]]);
if ($furnitureId && furnitureExists($db, $furnitureId)) {
addPurchase($db, CLIENT_ID, $furnitureId);
header('Location: index.php', true, 303);
exit;
}
}
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
<h3>CENA: <?= e($item['cena']) ?> zł</h3>
<form method="post"><button name="buy" value="<?= e($item['idMeble']) ?>">KUP</button></form>
</div>
<div class="opis"><?= e($item['opis']) ?></div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<?php showFurniture($furniture[2], FOLDERS[2]); ?>
<h2>- Komody -</h2>
<?php showFurniture($furniture[3], FOLDERS[3]); ?>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Podgląd strony bez zmian - taki jak po kroku 43.
Efekt działania skryptu 2
Gdy numer nie przeszedł sprawdzenia, zakup się nie odbywa, a pod komodami pojawia się akapit z komunikatem - w miejscu, które arkusz przeznacza na „efekt działania skryptu 2”. Po udanym zakupie nie ma czego wyświetlać: zakup widać w koszyku.
Sprawdzone na serwerze: buy równe abc, 0, -5, 99, 6 OR 1=1, puste pole i <script> - za każdym razem komunikat, zero wierszy w tabeli zakupy i żadnego ostrzeżenia PHP. W wersji bez sprawdzania abc i 99 przerywały stronę błędem bazy.
index.php PHP zmienione: 4 linie <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
const CLIENT_ID = 1;
function furnitureExists(PDO $db, int $id): bool
{
$query = $db->prepare('SELECT COUNT(*) FROM meble WHERE idMeble = :id');
$query->execute(['id' => $id]);
return $query->fetchColumn() > 0;
}
function addPurchase(PDO $db, int $clientId, int $furnitureId): void
{
$query = $db->prepare('INSERT INTO zakupy (idKlienci, idMeble, sztuk) VALUES (:client, :furniture, 1)');
$query->execute(['client' => $clientId, 'furniture' => $furnitureId]);
}
$message = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$furnitureId = filter_input(INPUT_POST, 'buy', FILTER_VALIDATE_INT, ['options' => ['min_range' => 1]]);
if ($furnitureId && furnitureExists($db, $furnitureId)) {
addPurchase($db, CLIENT_ID, $furnitureId);
header('Location: index.php', true, 303);
exit;
}
$message = 'Nie ma takiego mebla w ofercie.';
}
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
<h3>CENA: <?= e($item['cena']) ?> zł</h3>
<form method="post"><button name="buy" value="<?= e($item['idMeble']) ?>">KUP</button></form>
</div>
<div class="opis"><?= e($item['opis']) ?></div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<?php showFurniture($furniture[2], FOLDERS[2]); ?>
<h2>- Komody -</h2>
<?php showFurniture($furniture[3], FOLDERS[3]); ?>
<?php if ($message !== ''): ?>
<p><?= e($message) ?></p>
<?php endif; ?>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Skrypt 3: Tworzy listę numerowaną (uporządkowaną)
<ol> stoi w szablonie jako zwykły HTML - PHP wypisze tylko elementy. Od tego kroku podgląd pokazuje stan z ilustracji 6: wcześniej kupiono niebieski fotel i sofę 2-osobową, teraz kliknięto „KUP” przy barokowej komodzie.
index.php PHP zmienione: 2 linie <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
const CLIENT_ID = 1;
function furnitureExists(PDO $db, int $id): bool
{
$query = $db->prepare('SELECT COUNT(*) FROM meble WHERE idMeble = :id');
$query->execute(['id' => $id]);
return $query->fetchColumn() > 0;
}
function addPurchase(PDO $db, int $clientId, int $furnitureId): void
{
$query = $db->prepare('INSERT INTO zakupy (idKlienci, idMeble, sztuk) VALUES (:client, :furniture, 1)');
$query->execute(['client' => $clientId, 'furniture' => $furnitureId]);
}
$message = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$furnitureId = filter_input(INPUT_POST, 'buy', FILTER_VALIDATE_INT, ['options' => ['min_range' => 1]]);
if ($furnitureId && furnitureExists($db, $furnitureId)) {
addPurchase($db, CLIENT_ID, $furnitureId);
header('Location: index.php', true, 303);
exit;
}
$message = 'Nie ma takiego mebla w ofercie.';
}
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
<h3>CENA: <?= e($item['cena']) ?> zł</h3>
<form method="post"><button name="buy" value="<?= e($item['idMeble']) ?>">KUP</button></form>
</div>
<div class="opis"><?= e($item['opis']) ?></div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<?php showFurniture($furniture[2], FOLDERS[2]); ?>
<h2>- Komody -</h2>
<?php showFurniture($furniture[3], FOLDERS[3]); ?>
<?php if ($message !== ''): ?>
<p><?= e($message) ?></p>
<?php endif; ?>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
<ol>
</ol>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Wysyła do bazy danych zapytanie 3
Funkcja fetchCart() z zapytaniem 3, klient jako parametr :client. Wynik trafia do tablicy $cart - jeszcze nic nie jest wypisane.
index.php PHP zmienione: 9 linii <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
const CLIENT_ID = 1;
function fetchCart(PDO $db, int $clientId): array
{
$query = $db->prepare('SELECT nazwa, cena FROM zakupy JOIN meble USING(idMeble) WHERE idKlienci = :client');
$query->execute(['client' => $clientId]);
return $query->fetchAll();
}
function furnitureExists(PDO $db, int $id): bool
{
$query = $db->prepare('SELECT COUNT(*) FROM meble WHERE idMeble = :id');
$query->execute(['id' => $id]);
return $query->fetchColumn() > 0;
}
function addPurchase(PDO $db, int $clientId, int $furnitureId): void
{
$query = $db->prepare('INSERT INTO zakupy (idKlienci, idMeble, sztuk) VALUES (:client, :furniture, 1)');
$query->execute(['client' => $clientId, 'furniture' => $furnitureId]);
}
$message = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$furnitureId = filter_input(INPUT_POST, 'buy', FILTER_VALIDATE_INT, ['options' => ['min_range' => 1]]);
if ($furnitureId && furnitureExists($db, $furnitureId)) {
addPurchase($db, CLIENT_ID, $furnitureId);
header('Location: index.php', true, 303);
exit;
}
$message = 'Nie ma takiego mebla w ofercie.';
}
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
$cart = fetchCart($db, CLIENT_ID);
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
<h3>CENA: <?= e($item['cena']) ?> zł</h3>
<form method="post"><button name="buy" value="<?= e($item['idMeble']) ?>">KUP</button></form>
</div>
<div class="opis"><?= e($item['opis']) ?></div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<?php showFurniture($furniture[2], FOLDERS[2]); ?>
<h2>- Komody -</h2>
<?php showFurniture($furniture[3], FOLDERS[3]); ?>
<?php if ($message !== ''): ?>
<p><?= e($message) ?></p>
<?php endif; ?>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
<ol>
</ol>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Podgląd strony bez zmian - taki jak po kroku 47.
Każdy zwrócony zapytaniem wiersz wypisuje jako element listy o treści „<nazwa>, cena: <cena>”, gdzie <> oznacza zwrócone dane.
Pętla w szablonie, jeden <li> na zakup: „Fotel niebieski, cena: 800”, „Sofa 2-osobowa, cena: 1200”, „Barokowa komoda, cena: 4000” - jak na ilustracji 6. Pusty koszyk to pusta tablica: pętla nie wypisze nic, jak na ilustracji 2.
index.php PHP zmienione: 3 linie <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
const CLIENT_ID = 1;
function fetchCart(PDO $db, int $clientId): array
{
$query = $db->prepare('SELECT nazwa, cena FROM zakupy JOIN meble USING(idMeble) WHERE idKlienci = :client');
$query->execute(['client' => $clientId]);
return $query->fetchAll();
}
function furnitureExists(PDO $db, int $id): bool
{
$query = $db->prepare('SELECT COUNT(*) FROM meble WHERE idMeble = :id');
$query->execute(['id' => $id]);
return $query->fetchColumn() > 0;
}
function addPurchase(PDO $db, int $clientId, int $furnitureId): void
{
$query = $db->prepare('INSERT INTO zakupy (idKlienci, idMeble, sztuk) VALUES (:client, :furniture, 1)');
$query->execute(['client' => $clientId, 'furniture' => $furnitureId]);
}
$message = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$furnitureId = filter_input(INPUT_POST, 'buy', FILTER_VALIDATE_INT, ['options' => ['min_range' => 1]]);
if ($furnitureId && furnitureExists($db, $furnitureId)) {
addPurchase($db, CLIENT_ID, $furnitureId);
header('Location: index.php', true, 303);
exit;
}
$message = 'Nie ma takiego mebla w ofercie.';
}
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
$cart = fetchCart($db, CLIENT_ID);
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
<h3>CENA: <?= e($item['cena']) ?> zł</h3>
<form method="post"><button name="buy" value="<?= e($item['idMeble']) ?>">KUP</button></form>
</div>
<div class="opis"><?= e($item['opis']) ?></div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<?php showFurniture($furniture[2], FOLDERS[2]); ?>
<h2>- Komody -</h2>
<?php showFurniture($furniture[3], FOLDERS[3]); ?>
<?php if ($message !== ''): ?>
<p><?= e($message) ?></p>
<?php endif; ?>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
<ol>
<?php foreach ($cart as $item): ?>
<li><?= e($item['nazwa']) ?>, cena: <?= e($item['cena']) ?></li>
<?php endforeach; ?>
</ol>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Skrypt na podstawie zwróconych cen oblicza koszt całkowity koszyka. Wartość jest wyświetlona pod listą, w postaci „Koszt całkowity: <koszt>” (ilustracja 6). Gdy koszyk jest pusty to koszt całkowity wynosi 0 (ilustracja 2).
array_column($cart, 'cena') wyciąga z koszyka same ceny, a array_sum je dodaje: 800 + 1200 + 4000 = 6000. Dla pustego koszyka suma pustej tablicy to 0 - bez osobnej zmiennej startowej i bez ostrzeżenia. Wynik wypisuje akapit pod listą. Liczba wyliczona w PHP nie pochodzi od użytkownika, więc nie potrzebuje e().
index.php PHP zmienione: 2 linie <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
const CLIENT_ID = 1;
function fetchCart(PDO $db, int $clientId): array
{
$query = $db->prepare('SELECT nazwa, cena FROM zakupy JOIN meble USING(idMeble) WHERE idKlienci = :client');
$query->execute(['client' => $clientId]);
return $query->fetchAll();
}
function furnitureExists(PDO $db, int $id): bool
{
$query = $db->prepare('SELECT COUNT(*) FROM meble WHERE idMeble = :id');
$query->execute(['id' => $id]);
return $query->fetchColumn() > 0;
}
function addPurchase(PDO $db, int $clientId, int $furnitureId): void
{
$query = $db->prepare('INSERT INTO zakupy (idKlienci, idMeble, sztuk) VALUES (:client, :furniture, 1)');
$query->execute(['client' => $clientId, 'furniture' => $furnitureId]);
}
$message = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$furnitureId = filter_input(INPUT_POST, 'buy', FILTER_VALIDATE_INT, ['options' => ['min_range' => 1]]);
if ($furnitureId && furnitureExists($db, $furnitureId)) {
addPurchase($db, CLIENT_ID, $furnitureId);
header('Location: index.php', true, 303);
exit;
}
$message = 'Nie ma takiego mebla w ofercie.';
}
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
$cart = fetchCart($db, CLIENT_ID);
$total = array_sum(array_column($cart, 'cena'));
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
<h3>CENA: <?= e($item['cena']) ?> zł</h3>
<form method="post"><button name="buy" value="<?= e($item['idMeble']) ?>">KUP</button></form>
</div>
<div class="opis"><?= e($item['opis']) ?></div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<?php showFurniture($furniture[2], FOLDERS[2]); ?>
<h2>- Komody -</h2>
<?php showFurniture($furniture[3], FOLDERS[3]); ?>
<?php if ($message !== ''): ?>
<p><?= e($message) ?></p>
<?php endif; ?>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
<ol>
<?php foreach ($cart as $item): ?>
<li><?= e($item['nazwa']) ?>, cena: <?= e($item['cena']) ?></li>
<?php endforeach; ?>
</ol>
<p>Koszt całkowity: <?= $total ?></p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Na końcu należy zamknąć połączenie z bazą
$db = null; zaraz po ostatnim zapytaniu zamyka połączenie PDO - to ostatnia operacja na bazie (R.5.1), a szablon używa już tylko gotowych tablic. Połączenie zamyka się naprawdę dopiero, gdy nie zostaje żaden obiekt zapytania, który z niego korzysta - dlatego zapytania żyją w funkcjach ($query znika po return), a nie w zmiennych globalnych.
$db->close() nie istnieje w PDO - skończy się błędem „Call to undefined method”.
index.php PHP zmienione: 2 linie <?php
try {
$db = new PDO('mysql:host=localhost;dbname=antyki;charset=utf8mb4', 'root', '', [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
]);
} catch (PDOException $error) {
http_response_code(500);
exit('Sklep jest chwilowo niedostępny. Spróbuj ponownie później.');
}
function fetchFurniture(PDO $db, int $category): array
{
$query = $db->prepare('SELECT idMeble, nazwa, plik, styl, cena, opis FROM meble WHERE kategoria = :category');
$query->execute(['category' => $category]);
return $query->fetchAll();
}
const FOLDERS = [1 => 'sofy', 2 => 'fotele', 3 => 'komody'];
const CLIENT_ID = 1;
function fetchCart(PDO $db, int $clientId): array
{
$query = $db->prepare('SELECT nazwa, cena FROM zakupy JOIN meble USING(idMeble) WHERE idKlienci = :client');
$query->execute(['client' => $clientId]);
return $query->fetchAll();
}
function furnitureExists(PDO $db, int $id): bool
{
$query = $db->prepare('SELECT COUNT(*) FROM meble WHERE idMeble = :id');
$query->execute(['id' => $id]);
return $query->fetchColumn() > 0;
}
function addPurchase(PDO $db, int $clientId, int $furnitureId): void
{
$query = $db->prepare('INSERT INTO zakupy (idKlienci, idMeble, sztuk) VALUES (:client, :furniture, 1)');
$query->execute(['client' => $clientId, 'furniture' => $furnitureId]);
}
$message = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$furnitureId = filter_input(INPUT_POST, 'buy', FILTER_VALIDATE_INT, ['options' => ['min_range' => 1]]);
if ($furnitureId && furnitureExists($db, $furnitureId)) {
addPurchase($db, CLIENT_ID, $furnitureId);
header('Location: index.php', true, 303);
exit;
}
$message = 'Nie ma takiego mebla w ofercie.';
}
$furniture = [];
foreach (array_keys(FOLDERS) as $category) {
$furniture[$category] = fetchFurniture($db, $category);
}
$cart = fetchCart($db, CLIENT_ID);
$total = array_sum(array_column($cart, 'cena'));
$db = null;
function e(string $text): string
{
return htmlspecialchars($text, ENT_QUOTES, 'UTF-8');
}
function showFurniture(array $items, string $folder): void
{
foreach ($items as $item): ?>
<div class="mebel">
<div class="obraz"><img src="<?= $folder ?>/<?= e($item['plik']) ?>" alt="mebel"></div>
<div>
<h3><?= e($item['nazwa']) ?></h3>
<h4>styl <?= e($item['styl']) ?></h4>
<h3>CENA: <?= e($item['cena']) ?> zł</h3>
<form method="post"><button name="buy" value="<?= e($item['idMeble']) ?>">KUP</button></form>
</div>
<div class="opis"><?= e($item['opis']) ?></div>
</div>
<?php endforeach;
}
?>
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sprzedaż antyków</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header>
<h1>Najlepsze antyki w mieście</h1>
</header>
<main>
<section>
<h2>- Sofy -</h2>
<?php showFurniture($furniture[1], FOLDERS[1]); ?>
<h2>- Fotele -</h2>
<?php showFurniture($furniture[2], FOLDERS[2]); ?>
<h2>- Komody -</h2>
<?php showFurniture($furniture[3], FOLDERS[3]); ?>
<?php if ($message !== ''): ?>
<p><?= e($message) ?></p>
<?php endif; ?>
</section>
<aside>
<h2>Koszyk</h2>
<p>Zalogowano: Anna Kowalska</p>
<ol>
<?php foreach ($cart as $item): ?>
<li><?= e($item['nazwa']) ?>, cena: <?= e($item['cena']) ?></li>
<?php endforeach; ?>
</ol>
<p>Koszt całkowity: <?= $total ?></p>
</aside>
</main>
<footer>
<p>Stronę wykonał: Bartosz Bryniarski</p>
</footer>
</body>
</html>Podgląd strony bez zmian - taki jak po kroku 50.
Krok 52 · po tym etapie masz 40 z 40 kryteriów (pkt)
Obie wersje dają komplet 40 punktów. Różnice:
| wersja podstawowa | wersja nowoczesna | |
|---|---|---|
| układ | display: flex na <main>, szerokości w width | grid-template-columns: 70% 30% |
| połączenie | mysqli_connect w treści strony | PDO w treści strony, przed HTML-em |
| Skrypt 1 | trzy kopie pętli while z echo | jedno zapytanie przygotowane w funkcji, szablon w funkcji |
| wypisywanie | echo "<div class=\"mebel\">" | HTML w szablonie, <?= e(...) ?> |
| Skrypt 2 | wartość z $_POST sklejona z SQL | filter_input, sprawdzenie w bazie, parametr, PRG |
| suma | pętla z $total = $total + ... | array_sum(array_column(...)) |
Klucz wymusza float: left dla bloku obrazu (R.4.9) - obie wersje go mają. Na egzaminie wersja podstawowa wymaga mniej pisania i każdy wariant Skryptu 1 stoi dokładnie tam, gdzie mówi arkusz. Nowoczesna ma więcej kodu na starcie, ale poprawka bloku mebla to jedna zmiana zamiast trzech, a złośliwe dane z formularza nie wywracają strony. Poza egzaminem dane logowania do bazy trzyma się zwykle w osobnym pliku (np. config.php), żeby hasło nie trafiało do repozytorium razem z kodem - tu stoją w index.php, bo klucz sprawdza połączenie w kodzie strony. Kolejne warstwy, których klucz nie wymaga: token CSRF w formularzu (zakup tylko ze strony sklepu, nie z obcej strony podsuwającej formularz) i zalogowany klient zamiast stałej CLIENT_ID.
Podgląd strony bez zmian - taki jak po kroku 50.
Krok 53 · po tym etapie masz 40 z 40 kryteriów (pkt)
Po zakończeniu pracy utwórz plik tekstowy o nazwie przeglądarka.txt. Zapisz w nim nazwę przeglądarki internetowej, w której weryfikowana była poprawność działania witryny. Umieść go w folderze z numerem zdającego. Nagraj płytę z rezultatami pracy.
W folderze z numerem zdającego: foldery sofy, fotele (z przerobionym f3.png) i komody, a także import.png, index.php, kw1.png … kw4.png, kwerendy.txt, przeglądarka.txt, styl.css. Płytę sprawdź po nagraniu.
przeglądarka.txt Tekst nowy plik Google ChromePodgląd strony bez zmian - taki jak po kroku 50.
Symulacja ekranu w przeglądarce - w Android Studio / Visual Studio wygląd może się nieco różnić.
To jedno z możliwych rozwiązań. Egzaminator ocenia spełnienie kryteriów z klucza odpowiedzi, a nie zgodność z tym kodem - inna, poprawna droga też daje punkty.
Autor rozwiązania: Bartosz Bryniarski. Licencja CC BY-NC 4.0 - kopiowanie i przeróbki do celów niekomercyjnych, z podaniem autora i źródła (link do tej strony) (zasady wykorzystania). Treść arkusza i klucza oceniania pochodzi z CKE.