Zrealizujmy w praktyce czytelne formatowanie generowanego w skryptach kodu źródłowego HTML. Z filmu samouczka dowiemy się, jak zamykać surowe wartości wyjęte z bazy danych, wewnątrz odpowiednich znaczników HTML oraz jak stosować tzw. znaki sterujące (formatujące wyjście) w PHP:
RzNA8gCHAKqRi1
Film przedstawia jak zamykać surowe wartości wyjęte z bazy danych, wewnątrz odpowiednich znaczników HTML oraz jak stosować tzw. znaki sterujące.
Film przedstawia jak zamykać surowe wartości wyjęte z bazy danych, wewnątrz odpowiednich znaczników HTML oraz jak stosować tzw. znaki sterujące.
Źródło: Contentplus.pl Sp. z o.o., licencja: CC BY-SA 3.0.
Stwórz w HTML raport z bazy danych wykorzystujący w strukturze HTML tabelę, czyli znacznik <table>. W raporcie wypisz z bazy danych wszystkie dane (poza id) dotyczące aktorek urodzonych po roku 1980.
W ramach podpowiedzi do realizacji zadania przedstawiono przykładową, wynikową strukturę uzyskanej tabeli:
Tabela ta w przeglądarce prezentuje się następująco:
imie
nazwisko
plec
kraj_ur
data_ur
Jennifer
Lawrence
k
USA
1990‑08‑15
Natalie
Portman
k
USA
1981‑06‑09
Zapytanie SQL, realizujące zadanie, ma następującą postać:
SELECT imie, nazwisko, plec, kraj_ur, data_ur FROM aktorzyWHERE plec='k' AND data_ur>'1980‑12‑31'
W przedstawionej na filmie wersji skryptu, informację o liczbie aktorów zamknięto w paragrafie<p></p>, zaś wypisanie aktorów zrealizowano z użyciem listy nienumerowanej <ul></ul>.
Linia 1. echo cudzysłów otwórz nawias ostrokątny p zamknij nawias ostrokątny Liczba aktorów amerykańskich w bazie dwukropek cudzysłów kropka $ile kropka cudzysłów otwórz nawias ostrokątny prawy ukośnik p zamknij nawias ostrokątny cudzysłów średnik.
Linia 2. echo cudzysłów lewy ukośnik r lewy ukośnik n otwórz nawias ostrokątny ul zamknij nawias ostrokątny lewy ukośnik r lewy ukośnik n cudzysłów średnik.
Linia 4. while otwórz nawias okrągły $row znak równości mysqli podkreślnik fetch podkreślnik assoc otwórz nawias okrągły $result zamknij nawias okrągły zamknij nawias okrągły otwórz nawias klamrowy.
Linia 5. echo cudzysłów lewy ukośnik t otwórz nawias ostrokątny li zamknij nawias ostrokątny cudzysłów kropka $row otwórz nawias kwadratowy apostrof imie apostrof zamknij nawias kwadratowy kropka cudzysłów cudzysłów kropka $row otwórz nawias kwadratowy apostrof nazwisko apostrof zamknij nawias kwadratowy kropka cudzysłów otwórz nawias okrągły cudzysłów kropka $row otwórz nawias kwadratowy apostrof plec apostrof zamknij nawias kwadratowy kropka cudzysłów zamknij nawias okrągły otwórz nawias ostrokątny prawy ukośnik li zamknij nawias ostrokątny lewy ukośnik r lewy ukośnik n cudzysłów średnik.
Linia 6. zamknij nawias klamrowy.
Linia 8. echo cudzysłów otwórz nawias ostrokątny prawy ukośnik ul zamknij nawias ostrokątny lewy ukośnik r lewy ukośnik n cudzysłów średnik.
echo "<p>Liczba aktorów amerykańskich w bazie: ".$ile."</p>";
echo "\r\n<ul>\r\n";
while ($row = mysqli_fetch_assoc($result)) {
echo "\t<li>".$row['imie']." ".$row['nazwisko']." (".$row['plec'].")</li>\r\n";
}
echo "</ul>\r\n";
Ciekawostka
Otwarcie listy <ul> zostało wstawione przed pętlą, ponieważ umieszczenie rozpoczęcia listy wewnątrz instrukcji iteracyjnej stworzyłoby efektywnie aż pięć list zamiast jednej. To właśnie elementów listy <li></li> ma być pięć. Zgodnie z tą logiką, również zamknięcie </ul> całej listy zostało zaimplementowane już po zakończeniu ciała pętli while.
Dodatkowo, w zaprezentowanym fragmencie pojawiły się specjalne znaki sterujące PHP, określające sposób formatowania generowanego źródła HTML przez przeglądarkę:
