Gajda W. - PHP MySQL i MVC. Tworzenie witryn WWW opartych na bazie danych.pdf

dareks_ EBooki Infornatyka

Użytkownik dareks_ wgrał ten materiał 6 lata temu.

Komentarze i opinie (0)

Transkrypt ( 25 z dostępnych 262 stron)

STRONA 1

> W t o d z i m i e r z G a j d a P H P , ■ M y S O L i M V C I Tworzenie witryn WWW opartych na bazie danych Helion ■_JL_®

STRONA 2

Spis treści W stęp...........................................................................................................13 Część I Akcje, widoki, translacje adresów URL i bazy danych, czyli podstawy użycia MVC .....................................................15 Rozdział 1. Hello world — pierwsza aplikacja korzystająca z MVC ........................17 Projekt 1.1. Hello world! .........................................................................................................18 Krok pierwszy: utworzenie modułu m ain.......................................................................19 Krok drugi: utworzenie akcji hello w module main ......................................................19 Krok trzeci: utworzenie układu witryny W W W ............................................................20 Krok czwarty: reguła translacji adresu pierwszy-projekt.html na wykonanie akcji main/hello .....................................................................................20 Krok piąty: skrypt index.php...........................................................................................21 Pliki, które należy utworzyć ............................................................................................ 22 Uruchomienie projektu.....................................................................................................23 Przebieg wykonania ......................................................................................................... 24 Rozdział 2. Dołączanie zewnętrznych zasobów .css, .jpg, .js ...................................27 Projekt 2.1. Wlazł kotek na schody.........................................................................................28 Analiza ścieżek zawartych w kodzie HTML ........................................................................31 Rozdział 3. Błędy 404 ................................. 35 Projekt 3.1. Żółta Turnia......................................................................................................... 36 Oglądanie strony błędu oraz nagłówka HTTP...............................................................38 Rozdział 4. Zmienne i widoki........................................................................................41 Projekt 4.1. Data i godzina — szablon PHP .........................................................................42 Projekt 4.2. Data i godzina — szablon Sm arty.................................................................... 45 Projekt 4.3. Ojciec i syn — szablon PHP .............................................................................47 Projekt 4.4. Ojciec i syn — szablony Smarty ...................................................................... 49 Projekt 4.5. Stefan Żeromski: Zmierzch — szablonPHP .................................................... 50 Projekt 4.6. Stefan Żeromski: Zmierzch — szablonySmarty ..............................................53 Projekt 4.7. Kolory CSS ......................................................................................................... 54 Projekt 4.8. Kolory CSS — szablony Smarty.......................................................................56 Rozdział 5. Pre- i postprzetwarzanie ........................................................................... 59 Projekt 5.1. Fraszki..................................................................................................................60 Projekt 5.2. Fraszki — szablony Smarty .............................................................................. 68

STRONA 3

6 PHP, MySQL i MVC. Tworzenie witryn WWW opartych na bazie danych Rozdział 6. Translacja adresów URL ..... 71 Projekt 6.1. Kolędy..................................................................................................................73 Analiza różnych rodzajów adresów URL .............................................................................77 Dwukierunkowość konwersji adresów .................................................................................78 Konwersje adresów w generowanych stronach WWW ......................................................79 Włączanie i wyłączanie translacji wyjściowych..................................................................80 Konwersja adresów URL przy użyciu funkcji pomocniczych...........................................81 Implementacja funkcji pomocniczych w postaci wtyczek Smarty.....................................82 Kilka zmiennych w adresach URL ........................................................................................83 Projekt 6.2. Ligi piłkarskie .....................................................................................................84 Zmienne $path_prefix oraz ###PATHJPREFIX###....................................................92 Rozdział 7. Bazy danych................................................................................................ 95 Wizualne projektowanie bazy danych .................................................................................. 95 Oprogramowanie ORM ..........................................................................................................99 Konwersja pliku .mwb do formatu Propel XML ...............................................................100 Konwersja pliku .mwb do formatu Doctrine Y M L............................................................101 db-frame-tool........................... 101 Propel — generowanie klas dostępu do bazy .....................................................................102 ORM Propel — pierwsze kroki ........................................................................................... 104 Zestawienie wygenerowanych klas oraz najważniejszych metod..............................104 Podstawy użycia klas wygenerowanych przez Propel................................................105 Doctrine — generowanie klas dostępu do bazy................................................................. 106 ORM Doctrine — pierwsze kroki........................................................................................107 Zestawienie wygenerowanych klas oraz najważniejszych metod..............................107 Podstawy użycia klas wygenerowanych przez Doctrine ............................................108 Projekt 7.1. Tatry (szablony PHP, Propel)..........................................................................109 Krok pierwszy: projekt bazy danych ............................................................................110 Krok drugi: generowanie klas dostępu do bazy danych .............................................110 Krok trzeci: tworzenie pustej bazy danych.................................................................. 110 Krok czwarty: wypełnianie bazy danych na podstawie pliku tekstowego............... 110 Krok piąty: zrzut wypełnionej bazy danych ................................................................ 113 Krok szósty: aplikacja prezentująca zawartość bazy danych.....................................114 Projekt 7.2. Tatry (szablony PHP, Doctrine) ......................................................................116 Krok pierwszy: projekt bazy danych ............................................................................116 Krok drugi: generowanie klas dostępu do bazy danych .............................................116 Krok trzeci: tworzenie pustej bazy danych.................................................................. 117 Krok czwarty: wypełnianie bazy danych na podstawie pliku tekstowego................117 Krok piąty: zrzut wypełnionej bazy danych ................................................................ 118 Krok szósty: aplikacja prezentująca zawartość bazy danych.....................................118 Projekt 7.3. Tatry (szablony Smarty, Propel)......................................................................119 Projekt 7.4. Tatry (szablony Smarty, Doctrine) ................................................................. 120 Rozdział 8. Czego powinieneś nauczyć się z części pierwszej? ........... 123 Część II Operowanie klasami wygenerowanymi przez Propel oraz Doctrme ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ Rozdział 9. Wybieranie wszystkich rekordów z tabeli wzadanym porządku 131 Propel — sortowanie rekordów ........................................................................................... 132 Doctrine — sortowanie rekordów........................................................................................134 Projekt 9.1. Słownik (Propel, PHP) .....................................................................................134 Krok pierwszy: projekt bazy danych............................................................................ 135 Krok drugi: generowanie klas dostępu do bazy danych.................................................. 135 Spis treści 7 Krok trzeci: tworzenie pustej bazy danych...................................................................137 Krok czwarty: wypełnianie bazy danych na podstawie pliku tekstowego................137 Krok piąty: zrzut wypełnionej bazy danych .................................................................138 Krok szósty: aplikacja prezentująca zawartość bazy danych..................................... 138 Projekt 9.2. Słownik (Doctrine, PHP)..................................................................................141 Krok pierwszy: projekt bazy danych.............................................................................141 Krok drugi: generowanie klas dostępu do bazy danych.................................................. 141 Krok trzeci: tworzenie pustej bazy danych...................................................................142 Krok czwarty: wypełnianie bazy danych na podstawie pliku tekstowego................142 Krok piąty: zrzut wypełnionej bazy danych .................................................................142 Krok szósty: aplikacja prezentująca zawartość bazy danych..................................... 143 Rozdział 10. Wybieranie pojedynczego rekordu ......................................................... 145 Propel ......................................................................................................................................145 Doctrine...................................................................................................................................147 Projekt 10.1. Treny (Propel, PHP) ....................................................................................... 147 Identyfikacja trenu wewnątrz akcji tren/show............................................................. 151 Projekt 10.2. Treny (Doctrine, PH P)....................................................................................153 Rozdział 11. Relacje l:n ......... 157 Metody generowane przez Propel dla relacji l : n ............................................................... 158 Doctrine i relacje l:n .............................................................................................................160 Projekt 11.1. Kontynenty, państwa, miasta (Propel, PHP) ...............................................162 Przygotowanie bazy danych...........................................................................................163 Aplikacja ..........................................................................................................................167 Projekt 11.2. Kontynenty, państwa, miasta (Doctrine, PHP) ............................................173 Rozszerzanie właściwości klas generowanych przez Doctrine .................................174 Wstawianie rekordów..................................................................................................... 176 Aplikacja ..........................................................................................................................178 Rozdział 12. Relacje n:m ..............................................................................................181 Metody generowane przez Propel dla relacji n :m .............................................................. 182 Doctrine i relacje n:m ............................................................................................................183 Projekt 12.1. Filmy (Propel, PH P)....................................................................................... 184 Przygotowanie bazy danych...........................................................................................184 Aplikacja ..........................................................................................................................187 Projekt 12.2. Filmy (Doctrine, PHP) ...................................................................................189 Propel. Sortowanie rekordów stojących w relacji n:m .......................................................192 Projekt 12.3. Filmy (Propel, PHP, sortowanie)...................................................................192 Doctrine. Sortowanie rekordów stojących w relacji n:m .................................................. 193 Projekt 12.4. Filmy (Doctrine, PHP, sortowanie) .............................................................. 194 Rozdział 13. Zagadnienia dodatkowe dotyczące warstw M oraz V ........................... 197 Czyszczenie zawartości bazy danych ..................................................................................197 Konwersja obiektu w napis................................................................................................... 198 Konwersje toArray(), fromArray() ...................................................................................... 198 Warunkowe wstawianie nieistniejących obiektów ............................................................200 Wielokrotne wykorzystanie widoku ....................................................................................201 Projekt 13.1. Aparaty foto (Propel, PHP) ...........................................................................202 Warstwa M ...................................................................................................................... 202 Wypełnianie bazy danych ............................................................................................. 205 Aplikacja ..........................................................................................................................206 Projekt 13.2. Aparaty foto (Doctrine, PH P)........................................................................208 Rozszerzanie funkcjonalności klas wygenerowanych przez Doctrine......................209 Wstawianie rekordów do bazy danych.........................................................................211 Aplikacja ..........................................................................................................................212

STRONA 4

8 PHP, MySQL i MVC. Tworzenie witryn WWW opartych na bazie danych Rozdział 14. Zapisywanie w bazie danych obrazów i plików binarnych ..................215 Zapisywanie w bazie danych zdjęć JPG .............................................................................215 Prezentowanie zdjęć JPG zapisanych w bazie danych na stronie W W W .......................216 Zapisywanie w bazie danych dowolnych plików binarnych............................................ 218 Wysyłanie danych binarnych z bazy do przeglądarki.......................................................220 Projekt 14.1. NotH (Propel, PHP)........................................................................................221 Skrypt wstaw.php ...........................................................................................................223 Aplikacja ......................................................................................................................... 224 Tytuły stron .....................................................................................................................225 Rozwijane menu pionowe .............................................................................................226 Wartości atrybutów href oraz src w tekstach zapisanych w bazie danych...............227 Projekt 14.2. NotH (Doctrine, PHP) ................................................................................... 229 Skrypt wstaw.php ...........................................................................................................230 Aplikacja ......................................................................................................................... 230 Rozdział 15. Akcje list i show, czyli publikowanie zawartości bazy danych w postaci witryny W W W ......................................................................... 233 Projekt 15.1. Czcionki projektów CSS Zen Garden (Propel, PHP) ................................ 234 Aplikacja ......................................................................................................................... 235 Menu główne witryny oraz tytuły podstron.................................................................240 Rozdział 16. Czego powinieneś nauczyć się z części drugiej? .................................243 Część III Zwiększanie funkcjonalności interfejsu aplikacji internetowej .......................................................... 245 Rozdział 17. Kontekstowe hiperłącza do stron ze szczegółowymi informacjami .. 247 Projekt 17.1. Angaże (szablony PHP, Propel) ...................................................................248 Unikatowość kolumny slu g ...........................................................................................248 Pliki tekstowe o bardziej złożonej strukturze ..............................................................250 Rozszerzenia warstwy M ............................................................................................... 251 Filtry konwertujące generowany kod HTML ..............................................................260 Aplikacja ......................................................................................................................... 261 Hiperłącza kontekstowe ................................................................................................ 263 Menu kontekstowe .........................................................................................................264 Rozdział 18. Następny, poprzedni, czyli przewijanie zawartości witryny WWW .... 267 Projekt 18.1. PHP. Praktyczne projekty..............................................................................269 Ograniczenia kluczy obcych..........................................................................................270 Wstępne opracowanie aplikacji .....................................................................................271 Implementacja hiperłączy następny/poprzedni........................................................... 276 Hiperłącza link zawarte w nagłówku strony W W W ...................................................285 Rozdział 19. Wskaźnik położenia................................................................................. 287 Projekt 19.1. Kolekcja płyt DVD z fotografiami ...............................................................288 Rozszerzanie klas dostępu do bazy danych .................................................................291 Wypełnianie bazy danych rekordami ...........................................................................295 Aplikacja ..........................................................................................................................302 Translacje adresów stosujących cztery zmienne U R L................................................304 Tabela zdjęć wykonana bez użycia tabel HTM L........................................................ 305 Wskaźniki następny/poprzedni do przewijania zdjęć i kategorii.............................. 306 Efekt rollover ze wskaźnikiem wybranej opcji............................................................307 Fotografie podążające za wskaźnikiem m yszki...........................................................307 Wskaźnik breadcrumbs ..................................................................................................310 Spis treści 9 Rozdział 20.Sortowanie tabel .......................................................................................311 Projekt 20.1. Piłka nożna — sezon 2002/2003 .................................................................. 312 Wielokrotne klucze obce z tej samej tabeli ................................................................. 314 Sortowanie złączeń dla wielokrotnych kluczy.............................................................314 Wypełnianie bazy danych ..............................................................................................317 Zarys aplikacji .................................................................................................................320 Implementacja sortowalnych tabelek HTML ..............................................................320 Rozdział 21.Stronicowanie ........................................................................................... 331 Projekt 21.1. 33 1/3 .................................................................................................................332 Automatyczne generowanie identyfikatorów slug dla rekordów o zdublowanych tytułach ............................................................................................ 333 Klasa Pager...................................................................................................................... 335 Widok wskaźnika stronicowania...................................................................................343 Prezentacja rekordów poddanych stronicowaniu.........................................................345 Kontekstowe stronicowanie rekordów .........................................................................348 Rozdział 22. Alfabet........................................................................................................351 Projekt 22.1. Imiona ..............................................................................................................351 Wybieranie alfabetu liter................................................................................................352 Komponent wyświetlający alfabet.......................................................................................353 Prezentacja liter rozpoczynających się od wybranej litery na stronie W W W 354 Umieszczanie kontrolki z listą liter w szablonie layout.html ....................................355 Rozdział 23. Chmura tagów .......................................................................................... 357 Projekt 23.1. Katalog Open Clipart .....................................................................................358 Wypełnianie bazy danych ............................................................................................. 360 Waga słów kluczowych..................................................................................................363 Aplikacja ..........................................................................................................................365 Rozdział 24.Spis treści .................................................................................................371 Projekt 24.1. Artykuły ...........................................................................................................372 Wypełnianie bazy danych rekordami ...........................................................................373 Funkcje odpowiedzialne za odczytywanie i usuwanie fragmentów kodu HTML .....376 Funkcje odpowiedzialne za tworzenie spisu treści ..................................................... 378 Kolorowanie składni ......................................................................................................380 Aplikacja ..........................................................................................................................381 Rozdział 25.Czego powinieneś nauczyć się z części trzeciej? .................................383 Część IV Formaty danych .................................................................. 385 Rozdział 26.Podstawy przetwarzania dokumentów XML w PHP ............................. 387 Klasa SimpleXML.................................................................................................................387 Tworzenie obiektu SimpleXMLElement......................................................................388 Dostęp do węzłów drzewa..............................................................................................389 Lista identycznych elementów ......................................................................................390 Dostęp do atrybutów ......................................................................................................391 Przetwarzanie wszystkich elementów i ich atrybutów ...............................................391 Wielokrotne zagnieżdżenia ........................................................................................... 392 Język XPath..................................................................................................................... 395 Przykładowe dokumenty XML dostępne w intemecie ..................................................... 395 Kursy walut ..................................................................................................................... 395 Książki wydawnictwa Helion........................................................................................397 Projekt 26.1. Turniej Czterech Skoczni .............................................................................. 398 Aplikacja ..........................................................................................................................400

STRONA 5

10 PHP, MySQL i MVC. Tworzenie witryn WWW opartych na bazie danych Rozdział 27. Generowanie dokumentów XML w PHP ................................................403 Statyczne pliki XML ............................................................................................................ 403 Generowanie dokumentu XML w PHP ..............................................................................405 Echo — drukowanie kodu XML .........................................................................................406 Generowanie XML na podstawie tablicy ...........................................................................407 Generowanie XML na podstawie pliku tekstowego .........................................................408 Zapisywanie kodu XML do pliku....................................................................................... 409 Konwersja pliku tekstowego do formatu XML .................................................................409 Dane w formacie XML opisujące witrynę W W W ............................................................ 410 Mapa witryny: sitemap.xml...........................................................................................410 Kanał RSS .......................................................................................................................411 Projekt 27.1. Kursy w alut.................................................................................................... 412 Ustalanie adresów dokumentów XML z kursami w alut............................................ 412 Projekt bazy danych .......................................................................................................413 Wypełnianie bazy danych rekordami ...........................................................................413 Aplikacja ......................................................................................................................... 415 Kanał RSS .......................................................................................................................415 Mapa witryny ..................................................................................................................416 Wykresy kursów w alut.................................................................................................. 418 Rozdział 28. XML_Serializer, XMLJJnserializer — dwukierunkowe transformacje tablic w XML ................................423 XML_Serializer.....................................................................................................................423 Konwersja tablicy w kod XML .................................................................................... 423 Tablica asocjacyjna ........................................................................................................424 Opcje ................................................................................................................................425 Tablica opcji....................................................................................................................426 Jednowymiarowa tablica indeksowana........................................................................ 426 Wielowymiarowe tablice indeksowane .......................................................................427 Atrybuty .......................................................................................................................... 428 Wybiórcze stosowanie atrybutów.................................................................................429 Przekształcenia............................................................................................................... 430 XML_Serializer — przykłady ............................................................................................431 Projekt 28.1. Konwersja pliku nobel.txt ............................................................................431 Projekt 28.2. Konwersja pliku mecze.txt............................................................................432 Projekt 28.3. Konwersja pliku tcs.txt.................................................................................. 434 Klasa XM LJJnserializer......................................................................................................436 Podstawowe użycie ........................................................................................................436 Odczyt pliku ....................................................................................................................437 Parsing atrybutów...........................................................................................................437 Konwersja formatu XML .....................................................................................................439 Projekt 28.4. Konwersja jeden-w-wiele..............................................................................439 Projekt 28.5. Konwersja wiele-w-jeden..............................................................................440 Projekt 28.6. Klasyfikacja zwierząt .................................................................................... 441 Wypełnianie bazy danych rekordami ...........................................................................442 Moduły i akcje aplikacji ................................................................................................ 443 Akcja main/drzewo ........................................................................................................444 Kanał RSS .......................................................................................................................444 Generowanie statycznego dokumentu sitemap.xml....................................................447 Rozdział 29. Arkusze kalkulacyjne MS Excel XLS .................................................... 449 Odczyt pliku X L S..................................................................................................................449 Odczyt kilku arkuszy......................................................................................................451 Tworzenie pliku XLS ...........................................................................................................452 Spis treści 11 Wysyłanie arkusza do przeglądarki .....................................................................................453 Konwersja pliku tekstowego do formatu XLS ............................................................453 Konwersja pliku XLS do formatu tekstowego................................................................... 454 Projekt 29.1. Generowanie danych autokomisu................................................................. 455 Projekt 29.2. Autokomis.......................................................................................................460 Wypełnianie bazy danych rekordami ...........................................................................460 Aplikacja ..........................................................................................................................465 Rozdział 30. Konwersja plików z danymi .................................................................. 467 Format danych tekstowych...................................................................................................467 Format danych XML ............................................................................................................ 469 Format danych XLS ..............................................................................................................470 Projekt 30.1. Konwersja formatu TXT do formatu XML ................................................470 Projekt 30.2. Konwersja formatu TXT do formatu XLS ................................................ 474 Projekt 30.3. Konwersja formatu XML do formatu TXT .................................................476 Projekt 30.4. Konwersja formatu XML do formatu XLS .................................................477 Projekt 30.5. Konwersja formatu XLS do formatu TXT ................................................ 478 Projekt 30.6. Konwersja formatu XLS do formatu XML ................................................480 Projekt 30.7. Zestawienia artykułów „Magazynu INTERNET” ......................................480 Aplikacja ..........................................................................................................................483 Akcja list prezentująca sortowalną i stronicowaną tabelkę HTML ..........................484 Akcja show prezentująca sortowalną i stronicowaną tabelkę HTM L.......................486 Rozdział 31. Skompresowane dokumenty XML zawierające dane binarne 489 Kodowanie base64 .................................................................................................................490 Dekodowanie base64 ............................................................................................................ 490 Kompresja danych.................................................................................................................491 Dekompresja danych ............................................................................................................ 492 Projekt 31.1. Format danych systemu do publikowania artykułów .................................493 Umieszczanie ilustracji, listingów, ramek i tabel w treści artykułu..........................495 Projekt 31.2. Konwersja artykułu z formatu tekstowego do spakowanego pliku XML .................................................................................................................................... 495 Projekt 31.3. System publikacji artykułów w postaci witryny W W W ............................ 498 Baza danych ....................................................................................................................499 Propel i dostęp tylko do wybranych kolumn tabeli ....................................................499 Wypełnianie bazy danych ............................................................................................. 501 Aplikacja ..........................................................................................................................508 Rozdział 32. Czego powinieneś nauczyć się z części czwartej? ..............................511 Skorowidz ..................................................................................................513

STRONA 6

PHP, MySQL i MVC. Tworzenie witryn WWW opartych na bazie danych Wstęp Książka PHP, MySQL i MVC. Tworzenie witryn WWW opartych na bazie danych jest poświęcona tworzeniu witryn WWW w języku PHP. Zawiera ona zwięzły opis oraz mnó stwo przykładów wyjaśniających nowoczesne rozwiązania i obecnie panujące trendy w dziedzinie webmasteringu. Treść podręcznika koncentruje się wokół wzorca architektonicznego MVC i jest po dzielona na cztery części: ♦ Część I: „Akcje, widoki, translacje adresów URL i bazy danych, czyli podstawy użycia MVC” ♦ Część II: „Operowanie klasami wygenerowanymi przez Propel oraz Doctrine” ♦ Część III: „Zwiększanie funkcjonalności interfejsu aplikacji internetowej” ♦ Część IV: „Formaty danych” Pierwsza część wyjaśnia podstawy użycia MVC. Wprowadza ona podział aplikacji na moduły i akcje oraz wyjaśnia szczegółowo, w jaki sposób definiujemy strukturę aplikacji. Znajomość rozwiązań opartych o MVC jest kluczowym momentem pozwalającym na przejście od pisania skryptów do tworzenia aplikacji. Główną cechą projektów po wstających z wykorzystaniem MVC jest to, że aplikacja jest tworzona i rozwijana jako jeden duży spójny program, w którym nowe funkcje definiujemy w postaci modułów i akcji. Omówienie części pierwszej kończymy, wyjaśniając proces projektowania ba zy danych oraz metody uzyskiwania dostępu do bazy danych z wnętrza skryptu PHP. Omówione projekty wykorzystują MVC, w którym warstwą dostępu do bazy danych są obiekty wygenerowane przez oprogramowanie Propel lub Doctrine, kod HTML zaś jest generowany przez widoki napisane w językach PHP lub Smarty. Otrzymane w ten sposób cztery rozwiązania: ♦ MVC, Propel, szablony PHP; ♦ MVC, Propel, szablony Smarty; ♦ MVC, Doctrine, szablony PHP; ♦ MVC, Doctrine, szablony Smarty;

STRONA 7

14 PHP, MySQL i MVC. Tworzenie witryn WWW opartych na bazie danych pokazują, że kluczowym czynnikiem mającym wpływ na efektywność tworzonych aplikacji jest użycie MVC systemu ORM oraz szablonów, natomiast decyzje: ♦ Czy w roli warstwy M użyć Propel czy Doctrine? ♦ Czy w roli warstwy V użyć PHP czy Smarty? są drugorzędne. Druga część podręcznika jest poświęcona oprogramowaniom Propel oraz Doctrine. Są to dwa najlepsze obecnie systemy ORM dla języka PHP. Zadaniem systemu ORM jest wygenerowanie klas, które zapewnią dostęp do bazy danych. Operowanie danymi zawar tymi w bazie sprowadza się wówczas do operacji na obiektach. Bazę danych projek tujemy wizualnie w programie MySQL Workbench, a następnie uruchamiamy skrypt, który wygeneruje klasy dostępu. Jeśli nie znasz żadnego systemu ORM, to opisane roz wiązania zmienią twoje podejście do procesu projektowania baz danych! Kolejna, trzecia część podręcznika skupia się na interfejsie aplikacji internetowej. Opi sane projekty szczegółowo wyjaśniają, w jaki sposób zwiększyć funkcjonalność witryny WWW, w szczególności: ♦ Jak wykonać hiperłącza następny/poprzedni pozwalające na przewijanie rekordów? ♦ W jaki sposób wykonać stronicowanie? ♦ Jak zaimplementować wskaźnik położenia? ♦ Jak wykonać tabele HTML pozwalające na sortowanie danych względem dowolnych kolumn? ♦ W jaki sposób przygotować chmurę tagów? ♦ Jak sporządzić alfabet umożliwiający wybór rekordów rozpoczynających się od zadanej litery? ♦ Wreszcie, w jaki sposób automatycznie wygenerować interaktywny spis treści? Ostatnia część podręcznika zawiera opis wykorzystania dwóch formatów danych: XML oraz XLS. Cały materiał zawarty w książce jest dokładnie zilustrowany przykładami. Czytając książkę, należy najpierw przeanalizować, a następnie samodzielnie wykonać wszystkie projekty. Książka jest skierowana do osób znających podstawy języków PHP oraz HTML. Część I Akcje, widoki, translacje adresów URL i bazy danych, czyli podstawy użycia MVC

STRONA 8

Rozdział 1. Hello world — pierwsza aplikacja korzystająca z MVC Model architektoniczny MVC (ang. Model-View-Controller) w znacznym stopniu upraszcza tworzenie aplikacji internetowych. Wprowadza on ich podział na trzy nieza leżne składowe: ♦ warstwę M (model), ♦ warstwę V (widok), ♦ warstwę C (kontroler). Sercem aplikacji jest warstwa C, która odpowiada między innymi za przetwarzanie żądań HTTP oraz sterowanie przebiegiem wykonania całej aplikacji. Kontroler uzyskuje dostęp do danych zapisanych w bazie danych za pośrednictwem warstwy M. Rolą war stwy M jest dostarczenie kontrolerowi wygodnego interfejsu do komunikacji z bazą danych. Dane pobrane przez kontroler za pośrednictwem warstwy M są formatowane przy użyciu szablonów nazywanych widokami. Przetworzone widoki genemją kod HTML, który jest ostatecznie wysyłany do przeglądarki WWW. Wygoda korzystania z modelu MVC wynika stąd, że ten sam kod kontrolera C może być wykorzystany w bardzo wielu różnych aplikacjach, gdyż przebieg przetwarzania żądań HTTP i wysyłania stron WWW do przeglądarki jest niezależny od danych pre zentowanych na stronie oraz od kodu HTML/CSS generowanych witryn. Wskazówka W większości współczesnych bibliotek kontroler jest implementowany z wykorzystaniem technik programowania obiektowego. Jego zadanie polega na dostarczeniu mechani zmu programistycznego do przetworzenia żądania HTTP w wykonanie odpowiedniej Pierwszym krokiem do opanowania MYC jest umiejętność użycia kontrolera.

STRONA 9

18 Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych funkcji PHP oraz przetworzenie odpowiedniego szablonu HTML. Zadanie to możemy sformułować następująco: W odpowiedzi na adres powitanie.html w aplikacji ma zostać wykonana funkcja execute_strona() oraz przetworzony ma zostać szablon strona.html W ten sposób wykonanie strony WWW sprowadzi się do: ♦ podania reguły przyporządkowania adresowi powitanie.html funkcji execute_strona() i szablonu strona.htm / ♦ zaimplementowania funkcji execute_strona (); ♦ oraz utworzenia szablonu strona.html. Podział pracy kontrolera na osobne funkcje jest obecnie1wykonywany dwupoziomowo. Pomaga to w zarządzaniu większymi projektami. Kontroler jest dzielony na moduły, a moduły — na akcje. Moduły zwykle są definiowane w postaci oddzielnych folderów, a akcje — jako metody klasy. Również przetwarzanie szablonu jest wykonywane dwuetapowo. Wynikowy kod HTML powstaje po przetworzenia dwóch szablonów: układu witryny oraz widoku akcji. Po dejście takie ułatwia modyfikowanie układu wszystkich podstron aplikacji bez ko nieczności ingerencji w kod widoków. Projekt 1.1. Hello world! Wykorzystując kontroler MVC zaimplementowany w postaci klasy Control 1er zawartej w pliku controller.class.php, napisz aplikację, która będzie zawierała jedną stronę WWW o adresie pierwszy-projekt.html. W treści strony umieść komunikat Hello world!. Wykonanie projektu 1.1 sprowadza się do pięciu prostych kroków: ♦ krok pierwszy: utworzenie modułu o nazwie mai n; ♦ krok drugi: zdefiniowanie akcji o nazwie hel 1o w module mai n, czyli: ♦ implementacja metody execute_hel 1o(); ♦ utworzenie widoku hello. html; ♦ krok trzeci: utworzenie układu witryny WWW layout.html, ♦ krok czwarty: ustalenie reguły translacji adresu pierwszy-projekt.html na wykonanie akcji hel 1o modułu mai n; ♦ krok piąty: napisanie skryptu index.php. 1 Takie rozwiązanie jest wykorzystywane m.in. w Symfony oraz Zend Framework — dwóch najważniejszych frameworkach dostępnych dla języka PHP. Rozdział 1. ♦ Hello world — pierwsza aplikacja korzystająca z MVC 19 Krok pierwszy: utworzenie modułu main Nowy moduł aplikacji definiujemy, tworząc folder o nazwie takiej samej jak modułu, czyli folder o nazwie main/.W folderze tym należy umieścić plik actions.class.php zawie rający definicję klasy Actions, która dziedziczy po klasie ActionsBase. Nowo zdefi niowana klasa może być początkowo pusta. Krok drugi: utworzenie akcji hello w module main W celu utworzenia nowej akcji należy: ♦ ustalić nazwę akcji; ♦ zaimplementować funkcję wykonywaną po wystąpieniu akcji; ♦ utworzyć szablon służący do formatowania wyników działania funkcji. Nazwę akcji ustalamy jako hel 1o. Wskazówka Z nazwy akcji wynika nazwa metody uruchamianej po wystąpieniu akcji oraz nazwa wi doku. Funkcją uruchamianą po wystąpieniu akcji mai n/hel 1o będzie metoda execute_ hello () klasy Act i ons modułu mai n. Widok akcji mai n/ hel 1o zaś będzie zawarty w pliku main/hello.html. Nazwa pliku widoku jest identyczna jak nazwa akcji i ma rozsze rzenie .html. Najpierw w klasie Actions modułu main dodajemy pustą metodę execute_hello(). Gotowy plik main/actions.class.php jest przedstawiony na listingu 1.1. Listing 1.1. Plik main/actions, class.php z projektu 1.1 na listingu 1.1. Jest to zamierzone działanie, którego celem jest uniknięcie problemów pojawiających się wówczas, gdy po znaczniku zamykającym występują białe znaki. Akcja hel 1o modułu mai n będzie określana w skrócie jako akcja mai n/hel 1o.

STRONA 10

20 Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych Listing 1.2. Widok akcji main/hello zawarty w pliku main/hello.htmlHello wor1d !Krok trzeci: utworzenie układu witryny WWW Układ generowanej witryny WWW pochodzi z pliku layout.html, zawartego w folderze templates/. W pliku tym umieszczamy zarys kompletnej strony WWW, a więc m.in. znaczniki html, head i title . W treści witryny w dowolnym miejscu wlewamy wynik przetwarzania akcji. Zadanie to realizuje instrukcja:Kompletny kod HTML/PHP zawarty w pliku templates/layout.html jest przedstawiony na listingu 1.3. Listing 1.3. Szablon templates/layout.htmlPierwszy projekt</ti tle><meta http-equiv="Content-Type" content="text/html, charset=utf-8" /></head><body><?php include " /scripts/modules/$module/$action.html"; ?></body></html>Krok czwarty: reguła translacji adresu pierwszy-projekt.html na wykonanie akcji main/hello W kolejnym kroku definiujemy regułę, która spowoduje, że po odwiedzeniu adresu URL pierwszy-projekt.html wykonana zostanie akcja main/hello. Reguła ta jest zapisana w pliku translations.txt i ma następującą postać: /pi erwszy-projekt.html i ndex.php?module=mai n&acti on=hel1o Plik translations.txt jest plikiem tekstowym, w którym każdy wiersz zawiera dwie ko lumny: przyjazny adres URL oraz wewnętrzny adres URL. W powyższej linijce adre sem przyjaznym jest adres: /pi erwszy-projekt.html adresem wewnętrznym zaś: i ndex.php?module=main&acti on=hel 1o Adresy przyjazne są dowolnymi napisami. W miejsce adresu /pierwszy-projekt.html możesz użyć adresu /pierwszy/projekt.html, /pierwszy/projekt/nowy/index, html lub do wolnego innego. Natomiast adres wewnętrzny wskazuje skrypt index.php i definiuje Rozdział 1. ♦ Hello world — pierwsza aplikacja korzystająca z MVC 21 dwie zmienne: module oraz action. Zmienna module jest nazwą modułu, a action — nazwą akcji, która ma zostać wykonana. Przedstawiona reguła: /pi erwszy-projekt.html i ndex.php?module=main&acti on=hel1o powoduje, że po otrzymaniu żądania /pierwszy-projekt.html kontroler wykona akcję hel 1o modułu main. Podobnie reguła: / a/b /c.html i ndex.ph?module=inny&acti on=projekt powoduje, że po otrzymaniu żądania /a/b/c.html kontroler wykona akcję i nny/projekt. Jak widać na listingu 1.4, w pliku translations.txt warto dodać regułę, w której adresem przyjaznym jest /. Dzięki temu strona WWW będzie widoczna od razu po odwiedzeniu odpowiedniego folderu, bez konieczności wpisywania adresu pierwszy-projekt.html. Listing 1.4. Reguły translacji zawarte wpliku translations.txt /pi erwszy-projekt.html i ndex.php?module=mai n&action=hel1o / index.php?module=main&action=hello Krok piąty: skrypt index.php Jedyną czynnością, którą należy wykonać w skrypcie index.php, jest uruchomienie kontrolera MVC. Należy więc dołączyć odpowiednie klasy, utworzyć obiekt $control ler i wywołać jego metodę dispatchO. Kompletny skrypt index.php został przedstawiony na listingu 1.5. Listing 1.5. Skrypt index.php error_reporting(E_ALL); ini_se t('d isplay_ errors', 1): set_include_path( ' /scrip ts' PATH_SEPARATOR . 1. /scripts/includ e’ . PATH_SEPARATOR get_include_path() ): require_once 'controller cl ass.php': $controller = new Controller(): $control1er->di spatch(); Dwie pierwsze instrukcje: error_reporting(E_ALL), i ni_se t(' di splay_errors', 1): włączają wyświetlanie komunikatów diagnostycznych. Dzięki nim — bez względu na konfigurację PHP — błędy w skryptach będą wyświetlane w przeglądarce. Ułatwi to ewentualne ich wyszukiwanie.</p></article></section><section class="comments padding-b-5 padding-l-0"><article class="comment"><header><label class="muted pag"> STRONA 11</label></header><p class="padding-10">22 Część I 4 Akcje, widoki, translacje adresów URL i bazy danych Funkcja set_include_path() wywołana na początku skryptu index.php zmienia ścieżki poszukiwań. Dzięki niej oraz dzięki mechanizmowi automatycznego ładowania klas zmniejszymy ilość niezbędnych instrukcji requi re_once. Instrukcja: set_include_path( '../s c r ip ts ' PATH_SEPARATOR . ' /scripts/include' . PATH_SEPARATOR . get_include_path() ). powoduje odczytanie bieżących ścieżek dostępu zdefiniowanych parametrem include_ ^ p a th w plikuphp.ini. Następnie do odczytanych ścieżek dołączamy ścieżki ../scripts oraz ../scripts/include i otrzymany napis przekazujemy jako parametr do funkcji set_ ^include_path(). Instrukcja ta dołącza więc do bieżących ścieżek poszukiwań dwie ścieżki: ../scripts oraz ../scripts/include. Głównym zadaniem skryptu index.php jest uruchomienie kontrolera MVC. Po dołą czeniu klasy Control 1er: requi re_once ’ control 1e r .cl ass.php'; tworzymy obiekt $control ler i wywołujemy jego metodę di spatch (): Scontroller = new Control 1er(), $controller->dispatch(); Metoda di spatch O zajmie się przetworzeniem żądania HTTP, wykonaniem metody execute_hel lo () oraz przetworzeniem widoków layout.html i hello.html. Dokument HTML uzyskany po przetworzeniu widoków zostanie wysłany do przeglądarki. Pliki, które należy utworzyć Pełne zestawienie plików, które należy utworzyć, wykonując projekt 1.1, jest przed stawione na rysunku 1.1. Ich pełna zawartość zaś jest przedstawiona na listingach 1.1, 1.2, 1.3, 1.4 oraz 1.5. Rysunek 1.1. Pliki, które należy samodzielnie utworzyć, wykonując projekt 1.1 - -S3 projekt-01-Ql 0-63 scripts : Elddt modules I i 0--£l main : I actions.class .ptip ' hello.htm l ■ templates I ...... layout.html translations.tx t EE63 w - index.php Rozdział 1. 4 Hello world — pierwsza aplikacja korzystająca z MVC 23 Zwróć uwagę na strukturę folderów. Kod skryptu index.php jest zawarty w folderze www/, zaś wszystkie pozostałe pliki — w folderze scripts/. Folder scripts/ jest dalej podzielony na foldery m odules/ oraz templates/. W folderze m odules/ zawarte są wszystkie moduły aplikacji. Każdy moduł jest zawarty w osobnym folderze, którego nazwa jest taka sama jak nazwa modułu. Uruchomienie projektu W celu uruchomienia omawianego projektu do plików przedstawionych na rysunku 1.1 należy dodać pliki kontrolera MVC. Wykorzystany kontroler jest zaimplemento wany z wykorzystaniem kilku dodatkowych klas oraz funkcji zawartych w plikach: actionsbase.class.php, controller.class.php, helpers.inc.php, phpview.class.php, urltranslator.class.php, view.class.php. Niezbędne są także dwa pliki .htaccess: jeden umieszczamy w folderze www/, a drugi — w folderze scripts/, oraz funkcje pomoc nicze z folderu include/. Pełne zestawienie plików tworzących projekt 1.1 jest przed stawione na rysunku 1.2. Rysunek 1.2. Komplet plików tworzących projekt 1.1 B -6 l p ro je fc t-G l B G l in c lu d e O scripts è - Q modules ÉhCl main |.. actions.class.php ’...- hello.html [-J-Q templates I *.... layout.html F .litaccess actionsbase,class.php controller.class.php helpers.inc.php phpview.class.php translations.txt urltranslator.class.php view.class.php •É3 www \ .htaccess =.. » index.php Plik www/. htaccess zawiera reguły, które przekierowują wszystkie żądania HTTP do skryptu index.php'. Directorylndex index.php RewriteEngine on RewriteRule .* index.php Natomiast rolą pliku scripts/.htaccess jest ochrona kodu PHP aplikacji przed niepo wołanym dostępem. Reguła:</p></article></section><section class="comments padding-b-5 padding-l-0"><article class="comment"><header><label class="muted pag"> STRONA 12</label></header><p class="padding-10">24 Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych<Files - " *">Order a 1low.deny Deny from a 11< /Files>Wskazówka wyłącza widoczność zawartości folderu scripts/ protokołem HTTP. Jedynym folderem projektu pierwszego, który uda Ci się odwiedzić przeglądarkę WWW, jest folder www/. Pozostałe foldery, np. scripts/modules/, w ogóle nie będą widoczne w przeglądarce, co zostało przedstawione na rysunku 1.3. Rysunek 1.3. Reguły z pliku scripts/.htaccess wyłączają widoczność folderu scripts/ w przeglądarce Plik gdyqa Wtdok Historia Zaktedks Harzędsa Pomoc ■ » I : L . . ^ C? ' TgT | ^ ortpi/Jocaihost:3030/brojekt-0i -G1/ I n d e x o f / p r o j e k t - 0 1 - 0 1 * Parent Director/ • www Przebieg wykonania Po wejściu do folderu www/przedstawionego na rysunku 1.3 ujrzymy witrynę z rysunku 1.4. Rysunek 1.4. Witryna wyświetlana po odwiedzeniu folderu www/ z rysunku 1.3 W ......................mM m PSc Ędyga Wkbk Histors Zakładki Narzędzia Pomoc fi Hello world! Rozdział 1. ♦ Hello world — pierwsza aplikacja korzystająca z MVC 25 Wyświetlenie witryny z rysunku 1.4 jest wynikiem następujących zdarzeń: po wejściu do folderu www/ widocznego na rysunku 1.3 przeglądarka wysyła do serwera żądanie: GET /p ro je k t-01-01/www/ HTTP/J 1 Reguła: RewriteRule * index php zawarta w pliku /projekt-01-01/www/.htaccess, powoduje, że żądanie to jest skierowane do skryptu /projekt-01-01/www/index.php przedstawionego na listingu 1.5. W skrypcie rym uruchamiamy kontroler MVC. Kontroler najpierw wykonuje translację adresu URL. Z adresu URL otrzymanego w żądaniu HTTP: GET /projekt 01-01/www/ HTTP/1.1 usuwanajest nazwa folderu, w którym znajduje się skrypt index.php, czyli /projekt-01-01/ www. Po odcięciu przedrostka: /projekt-01-01/www z adresu /projekt-01-01/www/ zostaje adres bieżącego żądania: jeden znak /. Następnie kontroler przeszukuje plik translations.txt w poszukiwaniu adresu przyjaznego /. Odnajduje regułę: / i ndex.php?module=mai n&acti on=hel1o Na podstawie tej reguły kontroler ładuje klasę Actions modułu main (zawartą w pliku modules/main/actions,class.php), po czym uruchamia metodę execute_hel 1o (). Po wykonaniu tej metody przetwarzany jest szablon templatesAayouthtml, w treści którego dołączony jest widok akcji mai n/hel 1o (zawarty w pliku modules/main/hello.html). Kod HTML otrzymany po przetworzeniu szablonu jest wysyłany jako odpowiedź do przeglądarki. Ćwiczenie 1.1 Rozpoczynając pracę od pliku cw-0l-01-start.zip, wykonaj samodzielnie projekt 1.1. Ćwiczenie 1.2 Rozpoczynając pracę od pliku cw-0I-01-start.zip, wykonaj samodzielnie projekt, któ ry będzie prezentował jedną stronę WWW z tekstem Lorem ipsum. Zadanie rozwiąż w taki sposób, by w aplikacji pojawił się moduł my oraz akcja my/tekst. Adresem strony prezentującej tekst Lorem ipsum ma być wyłącznie napis lorem.html.</p></article></section><section class="comments padding-b-5 padding-l-0"><article class="comment"><header><label class="muted pag"> STRONA 13</label></header><p class="padding-10">26 Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych Ćwiczenie 1.3 Wykonaj aplikację, która będzie zawierała trzy strony WWW o adresach: kot.html, lis.html oraz pies.html Na każdej ze stron ma się pojawiać jeden wyraz: KOT, LIS lub PIES. W aplikacji tej zdefiniuj moduły kot, lis i pies i trzy akcje kot/pierwsza, lis/druga oraz pies/trzecia. Zadanie rozwiąż tak, by każda ze stron była dostępna pod dwoma różnymi adresami URL: ♦ kot.html oraz moj/mały/kotek,html; ♦ pies.html oraz moj/duzy/piesek.html, ♦ list.html oraz nie/moj/lisek. Zadanie wykonaj, rozpoczynając pracę od pliku cw-01-01-start.zip. Po wykonaniu zadania odwiedź wszystkie sześć adresów URL. Rozdział 2. Dołączanie zewnętrznych zasobów .css, .jpg, .js Pierwszym problemem, jaki dotyczy zewnętrznych zasobów, jest reguła: RewriteRule .* index.php zawarta w pliku www/.htaccess. Przekazuje ona wszystkich żądania HTTP do skryptu index.php. Jeśli więc w folderze www/ umieścimy plik foto.jpg, to i tak nie uda nam się go zobaczyć w przeglądarce WWW. Po odwiedzeniu adresu www/fotojpg żądanie HTTP zostanie bowiem skierowane do pliku index.php. Musimy więc zdefiniować wy jątki, które spowodują, że niektóre żądania HTTP nie będą przekazywane do skryptu index.php. Najwygodniejszym rozwiązaniem jest utworzenie folderu img/ i umieszczenie w nim — obok plikufotojpg — pliku .htaccess o zawartości: RewriteEngine o ff Spowoduje to wyłączenie przekierowań HTTP dla wszystkich plików zawartych w fol derze img/. W podobny sposób rozwiążemy problem stylów CSS, umieszczając je w fol derze css/ i wyłączając mod_rewrite. Wskazówka Drugim problemem dotyczącym zewnętrznych plików dołączanych do strony WWW są ścieżki dostępu. Co się stanie, gdy do witryny dołączymy style z pliku style.css, po czym zmienimy przyjazny adres URL? Style staną się niedostępne. Jeśli w aplikacji zdefi niujemy akcję strona/gl owna i określimy translację adresu przyjaznego następująco: Innym rozwiązaniem problemu przekierowań jest użycie reguł warunkowych. Reguła poprzedzona warunkiem: RewriteCond %{REQUEST_URI} !\.css$ RewriteRule .* index.php przekierowuje do skryptu index.php wszystkie żądania z wyjątkiem zakończonych rozszerzeniem .css.</p></article></section><section class="comments padding-b-5 padding-l-0"><article class="comment"><header><label class="muted pag"> STRONA 14</label></header><p class="padding-10">28 Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych /strona -gl owna.html i ndex.php?irtodul e=strona&acti on=gl owna to po zmianie powyższej reguły na: /strona/glowna.html i ndex.php?module=strona&acti on=glowna style dołączone znacznikiem:<link rel="stylesheet" type="text/css" href="style.css" />z powodu braku odwołania do folderu nadrzędnego przy użyciu dwóch kropek1będą niedostępne. W celu uniezależnienia folderu dostępu do zasobów od stosowanych przyjaznych URL wykorzystamy zmienną $path_prefix prowadzącą do folderu, w którym znaj duje się skrypt index.php. Za ustalenie wartości zmiennej $path_prefix odpowiada kontroler, mamy więc do niej dostęp w szablonach bez konieczności pisania żadnego kodu PHP. Jeśli style CSS dołączymy, wykorzystując zmienną $path_prefix:<1ink rel="stylesheet" type="text/css" href="<?php echo $path_prefix, ?>css/style.css" />to uniezależnimy adres URL pliku style,css od stosowanych URL. Oczywiście rozwiąza nie takie możemy wykorzystywać do dołączania innych zasobów, np..png, .jpg,.js, .zip. Projekt 2.1. Włazi kotek na schody... Wykonaj stronę WWW, która będzie prezentowała zdjęcie zawarte w pliku kot.jpg. Wygląd witryny WWW uatrakcyjnij, definiując style CSS, które zmienią kolorystykę i tło strony WWW. Jako tła strony użyj pliku tlo.png. Pracę rozpoczynamy od utworzenia nowego modułu o nazwie obrazy. W module tym definiujemy akcję zdjęci e. Należy więc: ♦ utworzyć folder modules/obrazy; ♦ utworzyć plik modules/obrazy/actions, class.php; ♦ w klasie Actions w pliku modules/obrazy/actions.class.php zdefiniować metodę execute_zdjecie(); ♦ utworzyć widok akcji, tj. plik modules/obrazy/zdjecie.html; ♦ utworzyć plik templates/layout, html; ♦ oraz zdefiniować translacje URL. 1 Jesteśmy w dokumencie strona/glowna.html. Style znajdują się w folderze głównym. Zatem jako wartości atrybutu href należałoby użyć href=". . /style.css". Rozdział 2. ♦ Dołączanie zewnętrznych zasobów .css, .jpg, .js 29 Treść pliku modules/obrazy/actions, class.php jest przedstawiona na listingu 2.1. Po dobnie jak w poprzednim projekcie, metoda execute_zdjecie() jest pusta. Listing 2.1. Zawartość pliku modules/obrazy/actions.class.php___________________________________<?php class Actions extends ActionsBase { public function execute_zdjecie() { } } Plik templates/layout.html będzie zawierał znacznik dołączający style. W znaczniku tym nazwę pliku style.css poprzedzamy wydrukiem wartości zmiennej $path_ pre fix oraz folderem css/, jak to zostało przedstawione na listingu 2.2. Listing 2.2. Plik layout.html z projektu 2.1______________________<!DOCTYPE .. . ><html><head><title>Projekt 2.1 <1ink rel="stylesheet" type="text/css" href="css/style .css" />

STRONA 15

30 Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych Fotografia kota jest dołączona znacznikiem:< img src="img/kot.jpg" alt="" />Ścieżka do pliku kot.jpg wykorzystuje zmienną $path_prefi x oraz folder img/. Kolejnym plikiem, który należy wykonać, jest plik translacji adresów URL. W pliku translations.txt wprowadź trzy reguły translacji adresów przedstawione na listingu 2.4. Listing 2.4. Reguły translacji adresów URL w projekcie 2.1 /i ndex.html i ndex.php?module=obrazy&action=zdjeci e / i ndex.php?module=obrazy&acti on=zdjeci e /a/b/c/d/ i ndex.php?module=obrazy&action=zdjecie Na zakończenie utwórz folder img/ i umieść w nim pliki graficzne kot.jpg i tlo.png oraz plik konfiguracyjny .htaccess zawierający dyrektywę wyłączającą działanie modułu mod_rewrite: RewriteEngine o ff W podobny sposób wykonaj style CSS. Utwórz folder css/ i umieść w nim plik style.css oraz plik .htacces, identyczny jak w folderze img/. W pliku style.css wprowadź reguły podane na listingu 2.5. Listing 2.5. Style CSSprojektu 2.1 body { font-family: "Trebuchet MS", sans-serif; margin: 0: padding: lOOpx; text-align: center; font-size- 200%; background: u r l ( 1. ./im g/tlo.pn g') repeat-x #fbf4a4: color #7d4902. } img { border lpx sol id black. Zwróć uwagę na ścieżkę do pliku tlo.png. Style są zawarte w folderze css/. Musimy z tego folderu wyjść do góry. Stąd początkowe dwie kropki w adresie pliku tła. Na stępnie wchodzimy do folderu img/. Ścieżka: / img/tlo.png zawarta w pliku CSS musi być poprawna względem adresu pliku style.css, w którym zo stała użyta, a nie względem dokumentu HTML. Wynika stąd, że ścieżki obrazów dołą czonych do dokumentu stylami CSS nie wymagają stosowania zmiennej $path_prefi x. Plik index.php w projekcie 2.1 jest identyczny jak w projekcie 1.1. Rysunek 2.1 przedstawia pełne zestawienie plików, które powinieneś utworzyć, wy konując projekt 2.1. Rozdział 2. ♦ Dołączanie zewnętrznych zasobów .css, .jpg, .js 31 Rysunek 2.1. Zestawienie plików, które należy utworzyć, wykonując projekt 2.1 I0 projetet-02-Ol © scripts G G) modules B -È! obrazy actions.class »php sdjecie .html B -Q templates layout.html translations.txt B -fil R-iâ css »htaccess style »css B xmg .htaccess kot.jpg • tlo.png Ćwiczenie 2.1 Rozpoczynając pracę od pliku cw-02-01-start.zip, wykonaj projekt 2.1. Analiza ścieżek zawartych w kodzie HTML Uruchom przeglądarkę i odwiedź nią folder projekt-02-01/www. Ujrzysz stronę taką jak na rysunku 2.2. Rysunek 2.2. Projekt 2.2 po odwiedzeniu przeglądarką WWW

STRONA 16

32 Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych Zajrzyj do źródła HTML2strony z rysunku 2.2. Ujrzysz kod HTML taki jak na listingu 2.6. Listing 2.6. Źródło strony z rysunku 2.2. Adresem URL stronyjest /Projeu 2 ]< 0 1v>wlazT Kotek na schody

STRONA 17

Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych Rozdział 3. Błędy 404 Czasami zdarza się, że internauci wprowadzają błędne adresy stron WWW. Na przy kład zamiast adresu: ta try, htnil ktoś może nieopatrznie wpisać adres: t a t r y .htm lub: tatary.html Jak w takiej sytuacji powinna zachować się aplikacja internetowa? Ogólnie przyjętym rozwiązaniem jest wysłanie informacji o tym, że podany adres jest błędny. W odpowiedzi na błędny adres URL wyślemy więc witrynę WWW zawierającą komunikat: Błąd! Strona o podanym adresie nie istnieje! , dołączając do odpowiedzi nagłówek HTTP o kodzie 404. i t Wskazówka W omawianym kontrolerze MVC strona błędu jest generowana automatycznie po stwier dzeniu, że adres URL zawarty w bieżącym żądaniu HTTP nie występuje w pliku transla- tions.txt. Treść komunikatu prezentowanego na stronie błędu powstaje po przetworzeniu widoku main/404. Zatem w celu dodania do aplikacji obsługi błędów 404 wystarczy utworzyć moduł o nazwie main i zdefiniować w nim akcję o nazwie 404. Szablon modulesZ mainZ404.html będzie stanowił treść stron wyświetlanych po użyciu błędnego adresu URL. Nagłówek 404 jest skierowany do oprogramowania wędrującego po internecie, np. do robotów Google. Na podstawie nagłówka 404 robot wie, że użył błędnego adresu URL, bez konieczności analizy dokumentu HTML.

STRONA 18

36 Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych Projekt 3.1. Żółta Turnia Wykonaj stronę WWW o adresie zolta-turnia.html, która będzie prezentowała zawarte w pliku zolta-turnia.jpg zdjęcie Żółtej Turni. Zadanie wykonaj w taki sposób, by w przypadku użycia jakiegokolwiek innego adresu URL wyświetlana była strona błę du 404 z komunikatem: Błąd! Strona o podanym adresie URL nie istnieje! Projekt 3.1 wykonamy, tworząc dwa oddzielne moduły. Utwórz moduł o nazwie foto oraz moduł o nazwie main. W tym celu musisz utworzyć folder modules/foto/ i umie ścić w nim plik actions.class.php zawierający pustą klasę Actions dziedziczącą po klasie ActionsBase: class Actions extends ActionsBase { } Następnie utwórz folder modules/main/ i umieść w nim taki sam plik actions.class.php. W ten sposób zdefiniowałeś w aplikacji dwa moduły. Przechodzimy do utworzenia akcji dla strony błędu 404 oraz akcji dla strony pre zentującej zdjęcie Żółtej Turni. W module main nie musisz definiować żadnej metody, gdyż metoda execute_404() dla akcji 404 jest zdefiniowana w klasie bazowej. Wystarczy więc, że utworzysz widok modules/main/404.html. W pliku tym umieść zawartość takąjak na listingu 3.1. Listing 3.1. Widok akcji main/404 zawiera komunikat prezentowany na stronie błędu 404

Błąd! Strona o podanym adresie nie istnieje!

Natomiast w module foto dodaj akcję o nazwie ta try . W tym celu w pliku modides/ foto/actions.class.php dodaj metodę: public function execute_tatry() { } oraz utwórz plik modules/foto/tatry.html o zawartości przedstawionej na listingu 3.2. Listing 3.2. Widok akcjifoto/tatryŻÓŁTA TURNIA

Rozdział 3. ♦ Błędy 404 37 Na zakończenie utwórz szablon templates/layout, html, którego zarys został przedsta wiony na listingu 3.3, oraz zdefiniuj jedną regułę translacji adresów URL. Reguła ta jest przedstawiona na listingu 3.4. Listing 3.3. Zarys szablonu templates/layout.html< ti1 1e>Projekt 3.1 Listing 3.4. Reguła translacji zawarta wpliku translations.txt /zol ta-turni a.html i ndex.php?module=foto&acti on=tatry Reguła z listingu 3.4 powoduje, że jedynym poprawnym adresem URL jest adres zolta-turnia.html. Po podaniu tego adresu wykonywana jest akcja ta try modułu foto. W przypadku użycia jakiegokolwiek innego adresu URL wyświetlony zostanie sza blon main/404. Pełne zestawienie plików, które powinieneś utworzyć, wykonując projekt 3.1, jest przedstawione na rysunku 3.1. Rysunek 3.1. Pliki, które należy utworzyć, wykonując projekt 3.1 rt|projekt-03-01 B - O scripts - modules ; E r & foto ; : | actions.class.php ; | '■.. tatry .htrai ; - wl main !.. actions„class.php : 404 .html EJCti templates ; ... layout.html :.. translations„txt à-Ùwww Ei-Q css ; j „htaccess ; ... style„css B Ü i»9 ;.. „lotaccèss zolta-turnia.jpg

STRONA 19

38 Część i ♦ Akcje, widoki, translacje adresów URL i bazy danych Oglądanie strony błędu oraz nagłówka HTTP Po wykonaniu projektu 3.1 odwiedź przeglądarką WWW folder projekt-03-01/www/. Tym razem po wejściu do folderu vww/ nie ujrzysz — jak to miało miejsce w projektach 1.1 oraz 1.2 — treści strony, ajedynie przedstawiony na rysunku 3.2 komunikat o błędzie. E 0 3 Z S 2 IM I i f X ¿Mâ. Ç®> £flvqi8 W s » Hisssr« ¿stedks Narzędzia Pomoę 0 0 ~ 0 V I ¿ocaror-* 8r>SC-poje* i-O3-0 s P \ Błąd! Strona o podanym adresie nie istnieje! Zamnczono j j Rysunek 3.2. Komunikat informujący o błędnym adresie URL Strona widoczna na rysunku 3.2 jest opatrzona następującym nagłówkiem HTTP: HTTP/1 X404 Not Found Postać nagłówka HTTP możesz sprawdzić, wykorzystując wtyczkę HTTPLiveHeaders przeglądarki Firefox, co ilustruje rysunek 3.3. Rysunek 3.3. Analiza nagłówka HTTP przy użyciu wtyczki HTTPLiveHeaders przeglądarki Firefox Rozdział 3. ♦ Błędy 404 39 Po podaniu adresu zoltci-turnia.html ujrzysz stronę przedstawioną na rysunku 3.4. Rysunek 3.4. Strona wyświetlana po podaniu adresu zolta-turnia.html Plik translations.txt zawiera tyłko jedną regułę: /z o lta ■turnia ntml mde* pnp?module=foto&action-tatry zatem jedynym poprawnym adresem URL jest adres: '/zol Ld- turnia .html Użycie jakiegokolwiek innego adresu spowoduje wyświetlenie strony błędu 404. Zwróć uwagę, że nawet po podaniu błędnego adresu, który zawiera kilka folderów, np.: /z o ltd / turnid/fotkd/strony.html strona błędu będzie poprawnie sformatowana stylami CSS. Dzieje się tak dlatego, że style CSS dołączamy przy użyciu $path_pref i x, a jej zawartość zależy od adresu URL w bieżącym żądaniu URL. Jeśli po podaniu adresu: /z o ltd / Durnid/fotkd/Strony.html zajrzysz do źródła HTML, to w znaczniku dołączającym style ujrzysz ścieżkę:

STRONA 20

40 Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych Trzy foldery występujące w błędnym adresie URL: /zol ta/tu rni a/fotka/strony.html zostają przetworzone na trzy fragmenty ../w zmiennej $path_prefix. Ćwiczenie 3.1 Rozpoczynając pracę od pliku cw-03-01-start.zip, wykonaj samodzielnie projekt 3.1. Rozdział 4. Zmienne i widoki Omówione do tej pory projekty prezentowały treści na stałe zaszyte w widokach .html. Innymi słowy, wszystkie dotychczasowe metody akcji execute_x() były puste: public function execute_x() { } Teraz zechcemy połączyć te dwa składniki aplikacji, czyli metodę execute_x() z od powiadającym jej widokiem x.html. Komunikacja pomiędzy metodą execute_x() oraz jej widokiem jest jednokierunkowa1. Metoda execute_x() przygotowuje pewne dane i przekazuje je do widoku. Zadaniem widoku jest wizualne sformatowanie wyników otrzymanych od metody execute_x(). Do przekazywania danych z metody execute_x() do widoku x.html służy metoda set() klasy Actions. Jej pierwszym parametrem jest nazwa zmiennej, a drugim — war tość przekazywanej zmiennej. W ten sposób do widoku możemy przekazywać dane dowolnego typu — zarówno napisy, liczby, jak i tablice oraz obiekty. Jeśli więc w kodzie metody execute_x() umieścimy instrukcję: public function execute_x() { $this->set('1iczba', 17); } to do widoku x.html trafi zmienna o nazwie 1i czba i o wartości 17. Sposób uzyskania dostępu do zmiennej 1iczba w widoku zależy od stosowanej metody przetwarzania szablonów. Jeśli jako języka szablonu użyjemy PHP, wówczas w pliku x.html możemy umieścić następujący kod HTML/PHP:

Wartość liczby wynosi .

1 Frameworki Symfony oraz Zend Framework pozwalają na dwukierunkową komunikację. Wewnątrz widoku możemy definiować zmienne dostępne w dalszej części aplikacji.

STRONA 21

42 Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych Jeśli natomiast zechcemy użyć do przetwarzania widoków języka Smarty, to treść pliku x.html będzie następująca:

Wartość liczby wynosi {Sliczba}.

Wskazówka Zarówno szablony PHP, jak i szablony Smarty mają pewne zalety i wady. Zaletą szablonów PHP jest brak ograniczeń nakładanych na kod, który możemy umieścić w pliku widoku, oraz to, że system MVC wykorzystujący PHP do przetwa rzania szablonu nie jest zależny od innego oprogramowania (np. biblioteki Smarty), które może przestać być rozwijane. Co więcej, stosując szablony PHP, nie musimy uczyć się żadnego dodatkowego języka. Ich wadą jest nieco dłuższa składnia. Szablony Smarty mają krótką i wygodną składnię. Jednak zanim zaczniemy ich uży wać, składni tej należy się nauczyć. Ponadto nie pozwala ona na wielokrotne wy woływanie metod w widoku. Odwołania postaci: {$obiekt->metodal() ->metoda2()} są niepoprawne. Będzie to dość uciążliwe, gdy zaczniemy korzystać z systemu ORM Propel. O tym, czy do przetwarzania widoków użyte mają być szablony PHP czy Smarty, decy duje opcja konfiguracyjna viewClass przekazywana do konstruktora kontrolera. Domyśl nymjęzykiem przetwarzania szablonujest PHP. Zatem w przypadku wykonania kodu: $controller = New C o ntrollerO . Scontrol1er->di spatch(); szablony będą przetwarzane w PHP. Jeśli natomiast do kontrolera przekażemy tablicę opcji, w których wystąpi element viewClass o wartości SmartyView, tak jak to zostało przedstawione na listingu 4.1, to szablony aplikacji będą przetwarzane w języku Smarty. Listing 4.1. Zmianajęzyka przetwarzania szablonu na Smarty Soptions = array(' viewClass' => ' SmartyView'); Scontroller = new Controller($options); $controller->dispatch(); Projekt 4.1. Data i godzina — szablon PHP Wykonaj stronę WWW, która wyświetli bieżącą datę i godzinę. Informacje o dacie i go dzinie pobierz, wykorzystując funkcję dateO. Zadanie rozwiąż, stosując szablony PHP. Strona prezentująca datę i godzinę ma mieć adres index.html. Rozdział 4. ♦ Zmienne i widoki 43 Pracę rozpoczynamy od podzielenia aplikacji na moduły i akcje. Tworzymy jeden moduł o nazwie mai n i definiujemy w nim jedną akcję o nazwie data. Należy więc: ♦ utworzyć folder modules/mainĄ ♦ utworzyć plik modules/main/actions.class.php\ ♦ w pliku modules/main/actions.class.php zdefiniować początkowo pustą metodę execute_data(); ♦ utworzyć początkowo pusty plik m odules/m ain/data.htm l (widok akcji main/data). Zadaniem funkcji execute_data() jest przekazanie do widoku bieżącej daty oraz go dziny. Implementacja metody jest przedstawiona na listingu 4.2. Listing 4.2. Metoda execute_data() modułu main wprojekcie 4.1______________________________ public function execute_data() { Stmpl = date('d.m.Y'), $this->set('dzisiejsza_data', $tmpl), $tmp2 = date('h:i ’ ): $this->set('godzina', $tmp2), } W metodzie execute_data() najpierw wywołujemy funkcję dateO z parametrem d.m.Y, a otrzymany wynik zapisujemy w zmiennej $tmpl. Będzie to napis reprezentujący bieżącą datę. Napis ten przekazujemy do widoku, wywołując metodę s e t(): $this->set('dzisiejsza_data', $tmpl); Powyższa instrukcja spowoduje, że w widoku będzie dostępna zmienna o nazwie dzisiejsza_data. Wartość zmiennej dzisiejsza_data będzie identyczna jak wartość zmiennej $tmpl. W podobny sposób przekazujemy do widoku bieżącą godzinę. Najpierw wywołujemy funkcję dateO z parametrem h :i, a otrzymany wynik zapisujemy w zmiennej $tmp2. Następnie zmienna $tmp2 jest przekazywana do szablonu pod nazwą godzi na. Wskazówka Przekazywanie danych do widoku jest niezależne od języka stosowanego do prze twarzania widoku. Bez względu na to, czy widoki aplikacji przetworzymy w PHP czy w Smarty, kod przekazujący datę i godzinę z metody execute_data() do widoków będzie identyczny. Kolejnym etapem jest przygotowanie układu witryny oraz widoku akcji. Zarys pliku layout.html jest przedstawiony na listingu 4.3.

STRONA 23

46 Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych Jej rola jest identyczna jak instrukcji include z listingu 4.3. Na podstawie dwóch zmiennych $module oraz Saction dołącza ona odpowiedni widok wewnątrz treści strony. Instrukcje incl ude z listingów 4.3 oraz 4.5 różnią się ścieżką. Ta podawana w szablonach PHP prowadzi do pliku widoku akcji od folderu zawierającego skrypt index.php, nato miast ścieżka podawana w szablonie Smarty — od folderu zawierającego plik layout.html do pliku widoku akcji: . /modułes/$module/$action.html - ścieżka w szablonie Smarty . /scnpts/modules/$module/$action.html - ścieżka w szablonie PHP Widok akcji mai n/data wykonany w Smarty jest przedstawiony na listingu 4.6. Listing 4.6. Widok akcji main/data z projektu 4.2{$dzi si ejsza_data}

Godzina: {$godzina}

W języku Smarty zmienne osadzamy w szablonie, ujmując je w nawiasy klamrowe. W pliku index.php projektu 4.2 umieszczamy kod przedstawiony na listingu 4.1. Do kontrolera przekazujemy opcję konfiguracyjną: 'viewClass' => ' SmartyView' która ustala, że klasą wykorzystywaną do przetworzenia szablonów jest klasa o nazwie SmartyView. Ostatnimi modyfikacjami w stosunku do projektu 4.1 jest utworzenie w folderze scripts/ folderu templates_c,/ oraz umieszczenie w folderze scripts/ pliku smartyview.class.php, zawierającego klasę SmartyView. Folder scripts/tem plpates_c/ pozostaw pusty. Jest on przeznaczony na skompilowane szablony Smarty. Ćwiczenie 4.2 Rozpoczynając pracę od pliku cw-04-02-start.zip, wykonaj projekt 4.2. Lista plików, które musisz samodzielnie wykonać, jest przedstawiona na rysunku 4.2. Rysunek 4.2. Zestawienie plików, które należy samodzielnie wykonać, rozwiązując ćwiczenie 4.2 B - Ô projekrt-04—02 Ê-ÊS scripts : modules ; B--Ô main !... actions.class.pop : I ... data.html ! é~È3 templates j ; layout, html \ \.O tempiates_c translations.txt E *... index.php Rozdział 4. ♦ Zmienne i widoki 47 Projekt 4.3. Ojciec i syn — szablon PHP Dany jest plik tekstowy ojciec_i_syn.txt, który zawiera treść piosenki pt. Ojciec i syn. Wykonaj aplikację, która przedstawi treść piosenki w postaci estetycznej strony WWW. Użyj szablonów PHP. W aplikacji tej tworzymy dwa moduły o nazwach main oraz piosenka. Moduł main będzie zawierał szablon strony błędu 404, moduł pi osenka zaśjedną akcję o nazwie tekst. W celu wykonania modułu piosenka należy przygotować dwa pliki: modules/piosenka/ actions.class.php oraz modules/piosenka/tekst.html. Pierwszy z nich jest przedstawiony na listingu 4.7, a drugi — na listingu 4.8. Listing 4.7. Plik actions.class.php modułu piosenka s e t('ty tu l', 'Ojciec i syn'); $thi s->set( 'tr e s c ', $tmp); Listing 4.8. Widok akcji piosenka/tekst z projektu 4.3

W treści funkcji execute_tekst(), wykonywanej po wystąpieniu akcji tekst modułu piosenka, najpierw odczytujemy treść pliku ojciec_i_syn.txt. Ponieważ obiekt $con- tro l 1er jest tworzony wewnątrz skryptu index.php, ścieżki podawane w wywołaniach funkcji f ■i 1e() lub f i 1e_get_contents() należy podawać względem folderu www/. Jeśli więc plik z danymi umieścimy w folderze scripts/dane/ojciec_i_syn.txt, wówczas wywołanie funkcji f i le_get_contents() przyjmie postać: $tmp = file_get_contents(' ./scripts/dane/ojciec_i_syn.txt'); Po odczytaniu zawartości pliku do widoku przekazujemy dwie zmienne. Pierwsza z nich nazywa się ty tu l i jej wartością jest napis Ojcies i syn, druga nazywa się tresc i zawiera treść wiersza odczytaną z pliku tekstowego i przekształconą za pomocą funkcji n!2br().

STRONA 24

48 Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych W widoku akcji piosenka/tekst drukujemy wartości dwóch zmiennych: $tytul oraz $tekst, co zostało przedstawione na listingu 4.8. Projekt kończymy, wykonując przedstawiony na listingu 4.9 układ witryny layout.html oraz definiując translacje adresów URL i style CSS. Listing 4.9. Układ witryny z projektu 4.3 — plik layout.html< title > < /title >Treść pliku index.php w projekcie 4.3 jest identyczna jak w projekcie 4.1. Ćwiczenie 4.3 Rozpoczynając pracę od pliku cw-04-03-start.zip, wykonaj projekt 4.3. Lista plików, które musisz samodzielnie wykonać, jest przedstawiona na rysunku 4.3. Rysunek 4.3. Zestawienie plików, które należy samodzielnie wykonać, rozwiązując ćwiczenie 4.3 •IT^ projekt-04-03 O - Ù scripts B dane '•.. 03ciec_i._syD.txt : Ei€2f modules : •' 3 Û piosenka j actions.class,php ; ; '■•••■ tekst..html ; -> O templates J ;... layout .html : ...translations.txt B-Ô ww Ei-Û css =.. style.css Rozdział 4. ♦ Zmienne i widoki 49 Projekt 4.4. Ojciec i syn — szablony Smarty Wykonaj projekt 4.3, stosując szablony Smarty. Rozwiązanie projektu 4.4 jest zbliżone do rozwiązania projektu 4.3. Różni się od niego wyłącznie trzema plikami: tekst.html, layout.html oraz index.php. Treść pliku index.php tym razem jest identyczna z listingiem 4.1. Natomiast treść szablonu layout.html oraz widoku tekst.html została przedstawiona na listingach 4.10 oraz 4.11. Listing 4.10. Układ layout.htmlprojektu 4.4< ti t l e > . . .< /title ><1 ink rel="stylesheet" type="text/css" href="{$path_prefix}css/style.css" />{include f ile = " . ./modułes/$module/$action.html"}Listing 4.11. Widok akcji piosenka/tekst projektu 4.4{$tytul}

{$tresc}

Na zakończenie zdefiniuj translacje adresów URL, wykonaj style CSS oraz utwórz folder scripts/templates_c/. Ćwiczenie 4.4 Rozpoczynając pracę od pliku cw-04-04-start.zip, wykonaj projekt 4.4. Lista plików, które musisz samodzielnie wykonać, jest przedstawiona na rysunku 4.4.

STRONA 25

50 Część I ♦ Akcje, widoki, translacje adresów URL i bazy danych Rysunek 4.4. Zestawienie plików, które należy wykonać, rozwiązując ćwiczenie 4.4 H O projelrc-04-04 B-El scripts ; B - & dane i.....5.... Qjciec_i_si?n.txt ; Q modules 3 Q piosenka I | |... actions.class.php | tekst.html i B-ill templates | j !.. layout.htail "il teaplat;es_c translations.txt Ei-Si www B-fill css style.css Projekt 4.5. Stefan Żeromski: Zmierzch — szablon PHP Wykonaj witrynę WWW prezentującą treść noweli Stefana Żeromskiego pt. Zmierzch. Wykorzystaj plik tekstowy zmierzch.txt, w którym każdy akapit noweli jest zapisany w osobnym wierszu pliku. Zadanie wykonaj w taki sposób, by treść noweli była wy- justowana. Użyj szablonów PHP. Plik tekstowy z treścią noweli umieść w folderze scripts/dane/. Następnie utwórz nowy moduł o nazwie utwór, a w nim akcję o nazwie pokaz. W tym celu najpierw utwórz fol der modules/utwor/, a w nim — dwa pliki actions,class.php oraz pokaz.html przed stawione na listingach 4.12 oraz 4.13. Listing 4.12. Plik modules/utwor/actions,class.php projektu 4.5 s e t('tre s c '. $akapity); $this->set(' a u to r', 'Stefan Żeromski'); $this->set('tytuł', 'Zmierzch'); Rozdział 4. ♦ Zmienne i widoki 51 Listing 4.13. Plik modules/utwor/pokaz.htmlprojektu 4.5

W metodzie execute_pokaz() odczytujemy plik tekstowy, a następnie do widoku przekazujemy trzy zmienne o nazwach tresc, autor i ty tu ł. Zauważ, że zmienna tresc jest tablicą napisów2. W widoku akcji utwor/pokaz drukujemy wartości zmiennych $autor i $ tytu l. Następnie przetwarzamy iteracyjnie tablicę $tresc. Do przetwarzania iteracyjnego stosujemy pętlę foreach zapisaną w notacji alternatywnej. Kod z listingu 4.13 możemy równie po prawnie zapisać, stosując tradycyjną notację PHP, tak jak na listingu 4.14. Listing 4.14. Plik modules/utwor/pokaz.htmlprojektu 4.5 zapisany z wykorzystaniem tradycyjnej notacji PHP' . Sautor ''; echo "

$tytul

"; foreach ($tresc as Sakapit) { echo "

$akapit

"; } Po przetworzeniu iteracyjnym tablicy Stresc kod HTML będzie zawierał każdy aka pit noweli wewnątrz znaczników

oraz

. Ponieważ początkowe wiersze pliku tekstowego są następujące: Między grube pn ie ... W bruzdach ście rn isk... Wgłębokiej k o tlin ie ... kod generowany przez przetworzenie widoku utwor/pokaz przyjmie postać:

Między grube pnie..

W bruzdach ściernisk. . ,

W głębokiej k o tlin ie ..

Do wyjustowania tak sformatowanego tekstu noweli wystarczy jedna reguła CSS: p{ text-align: ju s tify ; } 2 Funkcja f i 1e (), której wynik umieszczamy w zmiennej Sakapi ty, zwraca tablicę, której poszczególne elementy są kolejnymi wierszami odczytanego pliku.

Rozmiar :	10.7 MB
Rozszerzenie:	pdf

dareks_