To jest strona testowa
przygotowana dla demonstracji
projektu strony internetowej
wykorzystującej różne technologie
HTML, CSS, PHP, MySQL

To jest strona na ocenę dst+/db
Zawiera tylko przykładowe teksty i opisy.



Odczytywanie informacji z tabeli bazy danych

Standardowe - tabelaryczne formatowanie danych pobranych z tabeli bazy danych

Poniższa tabela została utworzona poprzez odczytanie danych z tabeli bazy danych o nazwie wdbd_test. Jest to przykładowa tabela przechowująca dane teleadresowe klientów.

Tak wygląda tabela nie poddana formatowaniu. Trudno oczekiwać, żeby wstawienie takiej tabeli do projektu spowodowało istotną zmianę oceny na wyższą!

1AndrzejNowak35-111KrosnoNowa25
2StefanCzarnecki35-111WarszawaMorelowa25
3JanuszKowalski38-400KrosnoJesienna28/34
4BarbaraKozak43-300PoliceKolorowa10/30
5MarekKowalski45-897KrosnoStara10/28
6MariolaNowak34-567RzeszówGajowa45
7KatarzynaBąk23-567WrocławMurowana37
8MarekMotyka45-234ZabrzeMała23
9RobertLewandowski34-234BerlinMało znana56
10WojciechSzczęsny34-567LondynMiła345
11WojciechSzczęsny34-567LondynMiła345
12WojciechSzczęsny34-567LondynMiła345
13JuliaJuliś67-100KoptoLisia54
14AdamWojnar35-254RzeszówChrobrego145
15MarekRybak35-232Rzeszówul.Biała23
16MariolaWięckowska45-345KrosnoAsnyka123
17MałaWiewiórka45-345KrosnoAsnyka23
18MarekBujak12-345Rzeszówul. Morelowa100
19BarbarzZajdel34-768LwówŻołnierska1
20JanuszKarol78-987WrocławŻabia12
21BarbaraRybak23-456GdańskMorska23
22RenataSzczupak45-567OpoleNad Odrą34
23MaciejWinnicki34-567LeskoBieszczadzka275
36MarekAndrzej35-232RzeszówMigdałowa11
25JarekMarecki24-456WarszawaNowy Świat23
42JanKowaliski52-552JedliczJasna452
28JarosławBukalski28-465WarszawaNowy Świat23
41JanKowaliski52-552JedliczJasna452
40bA22222qqzz11
39bA22222qqzz11
38bA22222qqzz11
37MarekAndrzej35-232RzeszówMigdałowa22

Dodaj do tabeli nowy wiersz za pomocą formularza dodawania danych

Zwróć uwagę na to, że dodane wartości pojawią się automatycznie wszędzie tam gdzie są one odczytywane z tabel bazy danych.


Lekkie zmodyfikowanie kodu wyświetlającego tabelę daje już wyraźnie lepszy efekt. Opcje edytowania i usuwania rekordów nie są obsługiwane. Prowadzący wykład pozostawia studentom pole do samodzielnego studiowania problemu, oraz odsyła do treści wykładów, oraz różnych poradników.

IDImięNazwiskoKodMiastoUlicaNr DomuUsuń/Edytuj
1AndrzejNowak35-111KrosnoNowa25 DEL EDIT
2StefanCzarnecki35-111WarszawaMorelowa25 DEL EDIT
3JanuszKowalski38-400KrosnoJesienna28/34 DEL EDIT
4BarbaraKozak43-300PoliceKolorowa10/30 DEL EDIT
5MarekKowalski45-897KrosnoStara10/28 DEL EDIT
6MariolaNowak34-567RzeszówGajowa45 DEL EDIT
7KatarzynaBąk23-567WrocławMurowana37 DEL EDIT
8MarekMotyka45-234ZabrzeMała23 DEL EDIT
9RobertLewandowski34-234BerlinMało znana56 DEL EDIT
10WojciechSzczęsny34-567LondynMiła345 DEL EDIT
11WojciechSzczęsny34-567LondynMiła345 DEL EDIT
12WojciechSzczęsny34-567LondynMiła345 DEL EDIT
13JuliaJuliś67-100KoptoLisia54 DEL EDIT
14AdamWojnar35-254RzeszówChrobrego145 DEL EDIT
15MarekRybak35-232Rzeszówul.Biała23 DEL EDIT
16MariolaWięckowska45-345KrosnoAsnyka123 DEL EDIT
17MałaWiewiórka45-345KrosnoAsnyka23 DEL EDIT
18MarekBujak12-345Rzeszówul. Morelowa100 DEL EDIT
19BarbarzZajdel34-768LwówŻołnierska1 DEL EDIT
20JanuszKarol78-987WrocławŻabia12 DEL EDIT
21BarbaraRybak23-456GdańskMorska23 DEL EDIT
22RenataSzczupak45-567OpoleNad Odrą34 DEL EDIT
23MaciejWinnicki34-567LeskoBieszczadzka275 DEL EDIT
36MarekAndrzej35-232RzeszówMigdałowa11 DEL EDIT
25JarekMarecki24-456WarszawaNowy Świat23 DEL EDIT
42JanKowaliski52-552JedliczJasna452 DEL EDIT
28JarosławBukalski28-465WarszawaNowy Świat23 DEL EDIT
41JanKowaliski52-552JedliczJasna452 DEL EDIT
40bA22222qqzz11 DEL EDIT
39bA22222qqzz11 DEL EDIT
38bA22222qqzz11 DEL EDIT
37MarekAndrzej35-232RzeszówMigdałowa22 DEL EDIT

Tabelę można też sformatować jeszcze inaczej, tak aby stała sie ona bardziej czytelna. W poniższym przykładzie pokolorowano naprzemiennie wiersze tabeli a zawartość niektórych kolumn została wycentrowana. W tym przypadku efekt uzyskano dzięki odpowiedniej stylizacji w arkuszu styli css. Spróbuj dodać do swojego projektu skrypt napisany w php, który będzie realizował tą samą funkcję.

Wybierz zakres rekordów do wyświetlenia << 1 - 2 - 3 - 4 - 5 - 6 - 7 - >>

IDImięNazwiskoKodMiastoUlicaNr Domu
Usuń / Edytuj
1AndrzejNowak35-111KrosnoNowa
25
DEL / EDIT
2StefanCzarnecki35-111WarszawaMorelowa
25
DEL / EDIT
3JanuszKowalski38-400KrosnoJesienna
28/34
DEL / EDIT
4BarbaraKozak43-300PoliceKolorowa
10/30
DEL / EDIT
5MarekKowalski45-897KrosnoStara
10/28
DEL / EDIT
6MariolaNowak34-567RzeszówGajowa
45
DEL / EDIT
7KatarzynaBąk23-567WrocławMurowana
37
DEL / EDIT
8MarekMotyka45-234ZabrzeMała
23
DEL / EDIT
9RobertLewandowski34-234BerlinMało znana
56
DEL / EDIT
10WojciechSzczęsny34-567LondynMiła
345
DEL / EDIT
11WojciechSzczęsny34-567LondynMiła
345
DEL / EDIT
12WojciechSzczęsny34-567LondynMiła
345
DEL / EDIT
13JuliaJuliś67-100KoptoLisia
54
DEL / EDIT
14AdamWojnar35-254RzeszówChrobrego
145
DEL / EDIT
15MarekRybak35-232Rzeszówul.Biała
23
DEL / EDIT
16MariolaWięckowska45-345KrosnoAsnyka
123
DEL / EDIT
17MałaWiewiórka45-345KrosnoAsnyka
23
DEL / EDIT
18MarekBujak12-345Rzeszówul. Morelowa
100
DEL / EDIT
19BarbarzZajdel34-768LwówŻołnierska
1
DEL / EDIT
20JanuszKarol78-987WrocławŻabia
12
DEL / EDIT
21BarbaraRybak23-456GdańskMorska
23
DEL / EDIT
22RenataSzczupak45-567OpoleNad Odrą
34
DEL / EDIT
23MaciejWinnicki34-567LeskoBieszczadzka
275
DEL / EDIT
36MarekAndrzej35-232RzeszówMigdałowa
11
DEL / EDIT
25JarekMarecki24-456WarszawaNowy Świat
23
DEL / EDIT
42JanKowaliski52-552JedliczJasna
452
DEL / EDIT
28JarosławBukalski28-465WarszawaNowy Świat
23
DEL / EDIT
41JanKowaliski52-552JedliczJasna
452
DEL / EDIT
40bA22222qqzz
11
DEL / EDIT
39bA22222qqzz
11
DEL / EDIT
38bA22222qqzz
11
DEL / EDIT
37MarekAndrzej35-232RzeszówMigdałowa
22
DEL / EDIT

Inny (nietabelaryczny) sposób formatowania danych pobranych z tabeli.

Do danych pobieranych z tabeli dodano zwrot grzecznościowy (lewa kolumna) - informacja ta nie jest przechowywana w tabeli. Możesz tak zaprojektować tabelę bazy danych, aby przechowywała ona informację o płci każdej osoby, a następnie za pomocą skryptu php zmodyfikować poniższy przykład w ten sposób aby dla mężczyzny wyświetlał się zwrot "Szanowny Pan" a dla kobiety "Szanowna Pani". Można to zrobić również bez przechowywania w tabeli informacji o płci. Wymaga to zastosowania funkcji php operującej na łańcuchach tekstowych. Przykład zrealizowany w ten sposób przedstawiono poniżej (prawa kolumna):

Sz. Pan / Sz. Pani
Andrzej Nowak
35-111 Krosno
ul. Nowa 25

Andrzej - ostatnia litera imienia to: j
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Stefan Czarnecki
35-111 Warszawa
ul. Morelowa 25

Stefan - ostatnia litera imienia to: n
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Janusz Kowalski
38-400 Krosno
ul. Jesienna 28/34

Janusz - ostatnia litera imienia to: z
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Barbara Kozak
43-300 Police
ul. Kolorowa 10/30

Barbara - ostatnia litera imienia to: a
Zatem jesteś: Szanowna Pani
Sz. Pan / Sz. Pani
Marek Kowalski
45-897 Krosno
ul. Stara 10/28

Marek - ostatnia litera imienia to: k
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Mariola Nowak
34-567 Rzeszów
ul. Gajowa 45

Mariola - ostatnia litera imienia to: a
Zatem jesteś: Szanowna Pani
Sz. Pan / Sz. Pani
Katarzyna Bąk
23-567 Wrocław
ul. Murowana 37

Katarzyna - ostatnia litera imienia to: a
Zatem jesteś: Szanowna Pani
Sz. Pan / Sz. Pani
Marek Motyka
45-234 Zabrze
ul. Mała 23

Marek - ostatnia litera imienia to: k
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Robert Lewandowski
34-234 Berlin
ul. Mało znana 56

Robert - ostatnia litera imienia to: t
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Wojciech Szczęsny
34-567 Londyn
ul. Miła 345

Wojciech - ostatnia litera imienia to: h
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Wojciech Szczęsny
34-567 Londyn
ul. Miła 345

Wojciech - ostatnia litera imienia to: h
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Wojciech Szczęsny
34-567 Londyn
ul. Miła 345

Wojciech - ostatnia litera imienia to: h
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Julia Juliś
67-100 Kopto
ul. Lisia 54

Julia - ostatnia litera imienia to: a
Zatem jesteś: Szanowna Pani
Sz. Pan / Sz. Pani
Adam Wojnar
35-254 Rzeszów
ul. Chrobrego 145

Adam - ostatnia litera imienia to: m
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Marek Rybak
35-232 Rzeszów
ul. ul.Biała 23

Marek - ostatnia litera imienia to: k
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Mariola Więckowska
45-345 Krosno
ul. Asnyka 123

Mariola - ostatnia litera imienia to: a
Zatem jesteś: Szanowna Pani
Sz. Pan / Sz. Pani
Mała Wiewiórka
45-345 Krosno
ul. Asnyka 23

Mała - ostatnia litera imienia to: a
Zatem jesteś: Szanowna Pani
Sz. Pan / Sz. Pani
Marek Bujak
12-345 Rzeszów
ul. ul. Morelowa 100

Marek - ostatnia litera imienia to: k
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Barbarz Zajdel
34-768 Lwów
ul. Żołnierska 1

Barbarz - ostatnia litera imienia to: z
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Janusz Karol
78-987 Wrocław
ul. Żabia 12

Janusz - ostatnia litera imienia to: z
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Barbara Rybak
23-456 Gdańsk
ul. Morska 23

Barbara - ostatnia litera imienia to: a
Zatem jesteś: Szanowna Pani
Sz. Pan / Sz. Pani
Renata Szczupak
45-567 Opole
ul. Nad Odrą 34

Renata - ostatnia litera imienia to: a
Zatem jesteś: Szanowna Pani
Sz. Pan / Sz. Pani
Maciej Winnicki
34-567 Lesko
ul. Bieszczadzka 275

Maciej - ostatnia litera imienia to: j
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Marek Andrzej
35-232 Rzeszów
ul. Migdałowa 11

Marek - ostatnia litera imienia to: k
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Jarek Marecki
24-456 Warszawa
ul. Nowy Świat 23

Jarek - ostatnia litera imienia to: k
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Jan Kowaliski
52-552 Jedlicz
ul. Jasna 452

Jan - ostatnia litera imienia to: n
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Jarosław Bukalski
28-465 Warszawa
ul. Nowy Świat 23

Jarosław - ostatnia litera imienia to: w
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Jan Kowaliski
52-552 Jedlicz
ul. Jasna 452

Jan - ostatnia litera imienia to: n
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
b A
22222 qq
ul. zz 11

b - ostatnia litera imienia to: b
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
b A
22222 qq
ul. zz 11

b - ostatnia litera imienia to: b
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
b A
22222 qq
ul. zz 11

b - ostatnia litera imienia to: b
Zatem jesteś: Szanowny Pan
Sz. Pan / Sz. Pani
Marek Andrzej
35-232 Rzeszów
ul. Migdałowa 22

Marek - ostatnia litera imienia to: k
Zatem jesteś: Szanowny Pan


Kod php - wyświetla drugą z prezentowanych tabel

Kod w php niezbędny do uzyskania połączenia z bazą danych i odczytania wszystkich rekordów z tabeli. Zastosowanie poniższego skryptu wyświetli zawartość tabeli - bez wiersza nagłówkowego. Przygotowując swój projekt zmodyfikuj skrypt tak aby wyświetlał również wiersz nagłówkowy.