Podstawy technologii WWW

Transkrypt

1 Podstawy technologii WWW Ćwiczenie 11 PHP, MySQL: więcej, więcej!, więcej!!. tabel i funkcjonalności. Na dzisiejszych zajęciach zdefiniujemy w naszej bazie kilka tabel powiązanych kluczem obcym i zobaczymy, jak można z tych powiązanych danych korzystać w aplikacji sieciowej. I. Utwórz bazę danych dla naszej aplikacji z blogami. 1. Utwórz bazę danych korzystając z aplikacji phpmyadmin. Nadaj jej odpowiednią nazwę (np. blogdb) i ustaw kodowanie (utf8_polish_cl). 2. Dodaj do niej następujące tabele: 1) Kategorie id (INT, UNSIGNED, PRIMARY, A.I.), nazwa (VARCHAR, 20) 2) Posty id (INT, UNSIGNED, PRIMARY, A.I.), idkategorii (INT, UNSIGNED, INDEX), tytul (VARCHAR, 100), tresc (VARCHAR, 2000), data (TIMESTAMP) 1

2 3) Komentarze id (INT, UNSIGNED, PRIMARY, A.I.), idposta (INT, UNSIGNED, INDEX), nick (VARCHAR, 20), tresc (VARCHAR, 1000), data (TIMESTAMP) 3. Stwórz relacje klucza obcego między tabelami Posty i Kategorie, oraz Komentarze i Posty. 1) Aby zdefiniować relację między tabelami Posty i Kategorie, przechodzimy do widoku Struktury tabeli Posty i klikamy na zakładkę Relation view W panelu Foreign key constraints wybieramy kolumnę idkategorii oraz tabelę Kategorie, do której identyfikatora odnosi się nasza kolumna. Dodatkowo, z list rozwijanych wybieramy opcje Cascade, dzięki czemu podczas usuwania kategorii zostaną usunięte również wszystkie posty z tej kategorii. 2

3 2) To samo robimy w przypadku relacji między tabelami Komentarze i Posty. 4. Dodaj do tabel po kilka przykładowych rekordów. Pamiętaj, że po stworzeniu realizacji klucza obcego ważna jest kolejność dodawania nowych informacji. 1) Najpierw dodaj dwie kategorie (pamiętaj, że identyfikatora nie musimy podawać, bo jest automatycznie generowany przez mechanizm auto-inkrementacji). Po dodaniu kategorii, w zakładce Przeglądaj możemy podejrzeć, jakie identyfikatory zostały wygenerowane dla każdej z nich. 2) Następnie dodaj po dwa posty do każdej z kategorii. Dzięki zdefiniowaniu klucza obcego nie musimy ręcznie wpisywać identyfikatora kategorii. Możemy go wybrać z listy rozwijanej. Zapobiega to dodaniu nieistniejącego identyfikatora. 3

4 3) Na zakończenia dodaj po dwa komentarze do każdego z postów. II. Mając tak przygotowaną strukturę danych w postaci tabel w bazie danych możemy przygotować aplikację sieciową do zarzadzania swoim blogiem. Rozkład zawartości, wygląd i poszczególne funkcjonalności możemy oczywiście zaprojektować w dowolny sposób, zależny od naszego gustu i pomysłów. Na początek, zadbajmy o samo wyświetlenie informacji. 1. Utwórz stronę index.php. Na górze strony wyświetl w jednej linii wszystkie nazwy kategorii pobrane z bazy danych. 2. Pod kategoriami wyświetl tabelkę z tytułem, nazwą kategorii i datą dodania postów pobranych z bazy danych. Już wiemy, jak to zrobić, ale w tabeli z postami mamy identyfikatory kategorii, a nie ich nazwy. Musimy zatem pobrać z tabeli z kategoriami nazwę kategorii dla danego identyfikatora. W naszym scenariuszu, możemy skorzystać z faktu, że na początku strony pobieramy już wszystkie kategorie z bazy. Przy okazji ich wypisywania, możemy je sobie zapisać do podręcznej i bardzo wygodnej w użyciu tablicy asocjacyjnej (która przechowuje pary klucz => wartość). Możemy to zrobić w podany poniżej sposób. $kategorie to nazwa tablicy asocjacyjnej, w nawiasach kwadratowych definiujemy klucz (którym są kolejne identyfikatory kategorii, a po operatorze przypisania podajemy wartości dla tych kluczy (którymi są odpowiadające im nazwy kategorii). Z tablicy tej możemy skorzystać w pętli tworzącej tabelkę dla postów pobranych z bazy. Wystarczy przekazać wartość klucza w nawiasach kwadratowych. Kluczem tym będzie wartość kolumny idkategorii dla danego posta. Zwracaną wartością będzie oczywiście nazwa odpowiedniej kategorii. 4

5 3. Tytuły postów przerób na linki, które będzą prowadziły do strony z pełną informacją o poście: jego tytułem (wyświetlanym jako nagłówkiem), nazwa kategorii, datą dodania i treścią. Pod postem wyświetl przypisane do niego komentarze. Tworzymy zatem nowy plik o nazwie, np., post.php. Potrzebne będą nam w nim trzy zapytania typu SELECT z klauzulą WHERE, które służy do definiowania warunków, jakie mają spełniać wyszukiwane rekordy w tabeli. Pierwsze zapytanie będzie wyszukiwało w bazie post o danym identyfikatorze. Identyfikator przekazujemy sobie w QueryStringu, czyli jako część adresu podaną po nazwie pliku, znaku zapytania, nazwie parametru i znaku równości, czyli np. post.php?id=2. W pliku index.php dopisujemy wartość id tak, aby każdy z linków zawierał id odpowiedniego posta. W pliku post.php odwołujemy się do tego id poprzez super-globalną zmienną $_GET i wykorzystujemy go w zapytaniu do bazy, które zwróci nam wszystkie kolumny posta o takim id. Drugie zapytanie będzie nam potrzebne do pobrania nazwy kategorii o id równym idkategorii naszego posta. Trzecie zapytania ma zwrócić listę komentarzy o idposta równym id naszego posta. 4. Na dole strony z postem dodaj link powrotny do strony z listą postów. 5. Przerób listę nazw kategorii na górze pliku index.php na linki, których kliknięcie spowoduje wyświetlenie postów tylko z kategorii o wybranej nazwie. Do listy kategorii dodaj link Wszystkie, który spowoduje wyświetlenie wszystkich postow. III. Wyświetlanie mamy obsłużone w miarę przyjemny dla użytkownika sposób. Dodaliśmy też sporo funkcjonalności związanych z wygodną nawigacją po zawartości naszego blogu. Przydałaby się obsługa pozostałych funkcjonalności określanych mianem CRUD (Create, Read, Update, Delete). 1. Dodaj możliwość tworzenia nowych postów. 1) Umieść link Dodaj nowy post nad tabelką z postami. 2) Niech prowadzi on do pliku insertpostform.php, w którym będzie dokument z formularzem do dodawania postów, między innymi z listą rozwijaną do wybrania kategorii. 5

6 3) Kliknięcie przycisku Zapisz ma powodować dodanie posta do bazy realizowane w pliku insertpost.php. Po pomyślnym dodaniu posta wstaw przekierowanie do pliku index.php. 2. Dodaj możliwość komentowania postów. 1) Formularz wstaw pod treścią posta, a przed listą komentarzy. 2) Obsługę formularza zrealizowaliśmy już na poprzednich zajęciach. Brakuje nam jednak identyfikatora posta Możemy go sobie przekazać na dwa sposoby; albo jako cześć adresu (np., insertcomment?id=2) podawanego w atrybucie action formularza i odwołując się później do niego poprzez zmienną $_GET; albo poprzez dodanie do formularza ukrytej kontrolki o odpowiedniej nazwie i wartości, będącej wartością identyfikatora., np. 3. Dodaj obsługę edycji i usuwania dla postów i usuwania dla komentarzy. IV. Wyeksportuj bazę danych do pliku. 1. Wygodnym i pewnym sposobem przeniesienia bazy z komputera na komputer jest jej wyeksportowanie i zaimportowania. Aby wyeksportować bazę, wybieramy ją z panelu po lewej i przechodzimy do zakładki Eksport. Na dole strony klikamy przycisk Wykonaj, wybieramy ścieżkę i podajemy nazwę pliku. 2. Aby odtworzyć zawartość bazy, najpierw musimy utworzyć bazę (jeżeli już istnieje, to ją wybieramy) i przechodzimy do zakładki Import, wybieramy wcześniej wyeksportowany plik i klikamy Wykonaj. 6

7 7