Pełna strona z logiką

Stwórz plik biuro.php + style.css, ktory polaczy sie z baza danych biuro i zrealizuje:

  1. Wypisze liste dostepnych wycieczek w panelu lewym.
  2. Wyswietli towary w promocji w panelu glownym.
  3. Umozliwi dodanie nowego dania do bazy przez formularz w panelu prawym.

Etap 1 -- Szkielet HTML + polaczenie z baza

Zaczynasz od struktury strony i polaczenia z baza. Polaczenie otwierasz w pierwszym skrypcie PHP -- pozniej uzywasz $connect we wszystkich kolejnych skryptach.

Po tym etapie masz: dzialajaca strone z headerem, footerm i otwartym polaczeniem z baza.

Etap 2 -- CSS (style.css)

Tworzysz osobny plik style.css. Na egzaminie CSS jest ZAWSZE w osobnym pliku, nigdy w <style>.

Po tym etapie masz: ostylowana strone -- header i footer ciemne, 3 kolumny obok siebie przez flexbox.

Etap 3 -- Wyswietlanie wycieczek (SELECT + while + echo)

Dodajesz sekcje lewa z lista wycieczek wewnatrz <main>. Schemat: zapytanie -> wykonanie -> petla while -> echo w <li>.

Po tym etapie masz: liste wycieczek wyswietlona w lewej kolumnie.

Etap 4 -- Wyswietlanie towarow w promocji (SELECT z WHERE)

Dodajesz sekcje glowna. Roznica vs etap 3: WHERE w zapytaniu filtruje tylko promocje, a wynik generujesz w divach zamiast listy.

Po tym etapie masz: towary w promocji wyswietlone w srodkowej kolumnie.

Etap 5 -- Formularz HTML (form + inputy + button)

Dodajesz sekcje prawa z formularzem. Na razie sam formularz -- bez obslugi PHP. Button MUSI miec atrybut name -- po nim pozniej sprawdzisz czy formularz wyslano.

Po tym etapie masz: formularz widoczny w prawej kolumnie (jeszcze nic nie robi).

Etap 6 -- Obsluga formularza (isset + POST + INSERT)

Pod formularzem dodajesz skrypt PHP. Schemat: sprawdz czy wyslano -> odczytaj dane z POST -> zbuduj INSERT -> wykonaj -> echo potwierdzenie.

Po tym etapie masz: dzialajacy formularz ktory dodaje dane do bazy i wyswietla potwierdzenie.

Kompletny plik biuro.php -- wszystkie etapy razem

materiały: link

Wróć do spisu lekcji