Poradnik

Ustaw komputer tak, jak stanowisko na egzaminie.

XAMPP, phpMyAdmin i VS Code w siedmiu krokach. Po tym każdy arkusz CKE rozwiązujesz u siebie, dokładnie w tym środowisku, które dostaniesz na sali.

  1. 01

    Zainstaluj XAMPP

    XAMPP to Apache (serwer WWW), MySQL/MariaDB (baza) i PHP w jednym instalatorze. Pobierz go z apachefriends.org, wersja dla Windows, domyślne ustawienia. Na pytanie o katalog zostaw C:\xampp. Antywirus może zapytać o zgodę na Apache: zezwól, inaczej nic nie ruszy.

    Po instalacji otwórz XAMPP Control Panel i kliknij Start przy Apache i przy MySQL. Oba mają zaświecić się na zielono. Jeśli Apache nie wstaje, najczęściej port 80 zajmuje Skype albo inny program; w panelu kliknij Config przy Apache, httpd.conf, i zmień Listen 80 na Listen 8080. Wtedy adresy niżej dostają :8080, np. localhost:8080.

  2. 02

    Sprawdź, czy działa

    W przeglądarce wpisz localhost. Ma się pokazać strona powitalna XAMPP. Potem wpisz localhost/phpmyadmin: to jest panel bazy danych, ten sam, który dostaniesz na egzaminie.

    Twoje strony trzymasz w C:\xampp\htdocs. Wszystko, co tam wrzucisz, jest pod localhost/nazwa-folderu. Załóż tam folder egzamin: będzie na wszystkie arkusze.

  3. 03

    Zainstaluj VS Code

    Pobierz z code.visualstudio.com. Po instalacji dwa rozszerzenia (ikona klocków po lewej, wpisz nazwę, Install): PHP Intelephense (podpowiada funkcje PHP i pokazuje błędy) i Live Server (podgląd czystego HTML bez odświeżania). Do PHP i tak używasz Apache z XAMPP, Live Server jest tylko do statycznego HTML i CSS.

    Otwórz w VS Code folder C:\xampp\htdocs\egzamin (File, Open Folder). Od teraz każdy nowy plik zapisujesz tam.

  4. 04

    Pierwszy plik PHP

    W folderze egzamin stwórz plik test.php i wklej:

    <?php
      echo "Działa: " . date("H:i");
    ?>

    Wejdź na localhost/egzamin/test.php. Jeśli widzisz godzinę, masz środowisko gotowe. Jeśli widzisz kod PHP jako tekst, otworzyłeś plik podwójnym kliknięciem z dysku zamiast przez localhost.

  5. 05

    Arkusz: rozpakuj i załóż bazę

    Pobierz arkusz i pliki do zadania z listy arkuszy. Pliki są w archiwum .7z: potrzebujesz 7-Zip (darmowy). Rozpakuj do htdocs\egzamin\nazwa-arkusza, np. htdocs\egzamin\gry.

    W środku zwykle jest plik .sql (albo .txt z SQL) z bazą. W phpMyAdmin: zakładka Bazy danych, wpisz nazwę z treści arkusza (dokładnie tę, arkusz ją podaje), utwórz, wejdź w nią, zakładka Import, wybierz plik, na dole Wykonaj. Tabele pojawią się po lewej. Nazwy tabel i kolumn masz odtąd w phpMyAdmin, nie musisz ich pamiętać.

  6. 06

    Pisz jak na egzaminie

    Kolejność, która oszczędza czas: najpierw kwerendy w phpMyAdmin (zakładka SQL, sprawdzasz od razu, czy zwracają to, co trzeba, i kopiujesz do kwerendy.txt), potem HTML i CSS strony, na końcu PHP, które podpina bazę.

    Połączenie z bazą, które wchodzi na egzaminie, wygląda tak:

    <?php
    $conn = mysqli_connect("localhost", "root", "", "nazwa_bazy");
    if (!$conn) {
      die("Błąd połączenia: " . mysqli_connect_error());
    }
    mysqli_set_charset($conn, "utf8mb4");
    
    $wynik = mysqli_query($conn, "SELECT id, nazwa FROM produkty");
    while ($w = mysqli_fetch_assoc($wynik)) {
      echo "<p>" . $w["nazwa"] . "</p>";
    }
    
    mysqli_close($conn);
    ?>

    Na XAMPP użytkownik to root bez hasła. Na egzaminie dane logowania są w arkuszu; zapisz je tak, jak podano, punkty są za zgodność z treścią.

  7. 07

    Porównaj z rozwiązaniem

    Dopiero gdy Twoja wersja działa (albo utknąłeś na dobre), pobierz rozwiązanie w panelu: pojedynczy plik, który Ci nie wychodzi, albo całość jako zip. Wrzuć obok swojego folderu i porównaj nie tylko wynik, ale i to, za co klucz daje punkty: nazwy plików, atrybuty, komentarz z danymi autora, kodowanie.

    Trzy typowe różnice, które kosztują punkty: brak name w polach formularza, SELECT * zamiast wymienionych kolumn, wypisywanie danych użytkownika bez htmlspecialchars().

Gotowe środowisko

Teraz weź arkusz i rozwiąż go na czas.

Na egzaminie masz 150 minut. Zacznij od najnowszej sesji, bez patrzenia na rozwiązanie, i sprawdź, ile punktów byś zdobył według zasad oceniania.

Powiązany poradnik

Osiem błędów, przez które kod „działa”, a punktu nie ma.

Formularz bez name, SELECT * zamiast kolumn, brak escapowania. Konkretne przykłady kodu.

Używamy niezbędnych plików cookie oraz Google Analytics do statystyk odwiedzin. Nie ma tu śledzenia reklamowego. Polityka prywatności