Referat z przedmiotu Technologie Internetowe SPIS TREŚCI



Podobne dokumenty
Aplikacje internetowe - laboratorium

Aplikacje WWW - laboratorium

Laboratorium 1 Wprowadzenie do PHP

Szablon główny (plik guestbook.php) będzie miał postać:

Formularze. 1. Formularz HTML

INSTALACJA I KONFIGURACJA SERWERA PHP.

Programowanie internetowe

Podstawy (X)HTML i CSS

Przykład programu w PHP. Wykład10.PHP ciągdalszy,str.1

MVC w praktyce tworzymy system artykułów. cz. 2

Aplikacje WWW - laboratorium

Protokół HTTP. 1. Protokół HTTP, usługi www, model request-response (żądanie-odpowiedź), przekazywanie argumentów, AJAX.

SSK - Techniki Internetowe

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

Michał Bielecki, KNI 'BIOS'

Aplikacje WWW - laboratorium

Na początku utworzymy formularz w czystym języku HTML i przetestujemy go za pomocą przeglądarki WWW.

Laboratorium 6 Tworzenie bloga w Zend Framework

Dane - pobieranie, przekazywanie i przechowywanie. dr Beata Kuźmińska-Sołśnia

Internetowe bazy danych

Zaawansowane aplikacje internetowe

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ

Wykład 03 JavaScript. Michał Drabik

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.

Specyfikacja instalacji usługi SMS Premium w Przelewy24.pl

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk

Bazy danych. dr Radosław Matusik. radmat

Wykład 1: HTML (XHTML) Michał Drabik

Przykładowa integracja systemu Transferuj.pl

Facelets ViewHandler

Zaawansowane bazy danych i hurtownie danych studia zaoczne II stopnia, sem. I

Aplikacje WWW - laboratorium

Bazy Danych i Usługi Sieciowe

Dokumentacja Skryptu Mapy ver.1.1

Personal Home Page PHP: Hypertext Preprocessor

Systemy internetowe. Wykład 3 PHP. West Pomeranian University of Technology, Szczecin; Faculty of Computer Science

Sieci Komputerowe. Laboratorium 5 - usługi sieciowe cz. 1 Maciej Szymański 28 kwietnia 2014

Wprowadzenie do Internetu Zajęcia 5

Zajęcia 4 - Wprowadzenie do Javascript

Poszczególne elementy serwisu można umieścić dla porządku w odpowiednio przemyślanym drzewie katalogów, i tak: -

Odnośniki jeszcze do niedawna odróżniały strony WWW od wszystkich innych dokumentów elektronicznych. Możliwość deklarowania odnośników do innych

Plan wykładu. 1. Protokół FTP. 2. Protokół HTTP, usługi www, model request-response (żądanie-odpowiedź), przekazywanie argumentów, AJAX.

Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2

Dokument hipertekstowy

Technologie internetowe

Projekt strony internetowej firmy organizującej przyjęcia

Wprowadzenie do Internetu zajęcia 4

Budowa dokumentu HTML 5

Danuta ROZPŁOCH-NOWAKOWSKA Strona Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Hyper Text Markup Language

Obiektowe bazy danych

FORMULARZE. G. Przęczek

Kompresja stron internetowych

Tworzenie witryn internetowych PHP/Java. (mgr inż. Marek Downar)

Programowanie w Sieci Internet Blok 2 - PHP. Kraków, 09 listopada 2012 mgr Piotr Rytko Wydział Matematyki i Informatyki

Nowy szablon stron pracowników ZUT

Podstawy JavaScript ćwiczenia

Sprawozdanie Sieci komputerowe i bazy danych Laboratorium nr 4

Akademia Techniczno-Humanistyczna w Bielsku-Białej

Napisy w PHP. Drukowanie napisów instrukcją echo

SIECI KOMPUTEROWE I BAZY DANYCH

Programowanie i projektowanie obiektowe

Podstawowe wykorzystanie Hibernate

Systemy internetowe Wykład 3 PHP

Języki skryptowe - PHP. Podstawy PHP. Paweł Kasprowski. pawel@kasprowski.pl. vl07

Przykładowa integracja systemu tpay.com KIP S.A. ul. Św. Marcin 73/ Poznań.

Formularze w PHP dla początkujących

Dokument hipertekstowy

SIECI KOMPUTEROWE I BAZY DANYCH

rk HTML 4 a 5 różnice

plansoft.org Zmiany w Plansoft.org

Innowacja pedagogiczna Pasja programowania ZESPÓŁ SZKÓŁ W CHOROSZCZY

Języki programowania wysokiego poziomu. Ćwiczenia

Aplikacje WWW - laboratorium

PHP5. Praktyczny kurs

Aplikacje internetowe

H2.cjk { font-family: "Microsoft YaHei"; font-size: 14pt; font-style: italic; font-weight:

SEO Audyt. Podsumowanie. 51/100 punktów. Masz 11 rzeczy, które możesz poprawić! Uzyskany wynik: Data przeprowadzenia: :33:47

Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej

Programowanie w Internecie

Budowa aplikacji wielowarstwowych. Zastosowanie szablonów

Kontrola sesji w PHP HTTP jest protokołem bezstanowym (ang. stateless) nie utrzymuje stanu między dwoma transakcjami. Kontrola sesji służy do

Dokumentacja smsapi wersja 1.4

Języki programowania wysokiego poziomu. Forum

używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów

Scenariusz lekcji. Scenariusz lekcji 1 TEMAT LEKCJI: Tablice w PHP 2 CELE LEKCJI: 2.1 Wiadomości: 2.2 Umiejętności: 3 METODY NAUCZANIA

Zajęcia 13 wykorzystanie MySQL w PHP cz. 2

Wykład 5: PHP: praca z bazą danych MySQL

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk

Technologie informacyjne lab. 4

Dodatek Technologie internetowe 1. UTF-8 wg 2. Adresy URL

Języki programowania wysokiego poziomu WWW

Można też ściągnąć np. z:

Systemy internetowe. Wykład 5 Architektura WWW. West Pomeranian University of Technology, Szczecin; Faculty of Computer Science

SMS Kod Automatyczny

Spis treści. Wstęp 5 Rozdział 1. Praca z AJAX-em 9. Rozdział 2. Współpraca ze skryptami PHP 55. Rozdział 3. Obsługa formularzy 81

Ataki na aplikacje WWW. Łomem, czy wytrychem? Jak dobrać się do aplikacji WWW

MasterPage w ASP.NET

Wprowadzenie do HTML, CSS, JavaScript, PHP. Kurs

Transkrypt:

SPIS TREŚCI 1.Dwie metody przekazu danych do serwera 2 2.Metoda GET przykład 3 3.Metoda POST przykład 4 4.Kiedy GET a kiedy POST 5 5.Szablony po co je stosować 7 6.Realizacja szablonu własną funkcją 8 7.Realizacja funkcjami z biblioteki ETS 9 8.Zastosowanie ETS do wypełniania tabeli 10 19.04.2007 Janusz Lepionko slajd 1 z 10

Dwie metody przekazu danych do serwera Istnieje więcej metod komunikacji z serwerem GET HEAD PUT POST DELETE OPTIONS TRACE zwraca się do serwera o określony zasób działa tak jak GET, ale zwraca tylko sam nagłówek bez treści dokumentu zwraca się do serwera o zmodyfikowanie informacji na serwerze zwraca się do serwera o zmodyfikowanie informacji na serwerze zwraca się do serwera o usuniecie zasobu zwraca się o listę metod żądań, które dostępne są w wypadku danego zasobu zwraca się do serwera o odsyłanie nagłówków żądań po ich otrzymaniu (szczegóły można przeczytać np. w RFC2616) Dlaczego zajmujemy się tylko GET i POST? 19.04.2007 Janusz Lepionko slajd 2 z 10

Metoda GET przykład Metoda get po zatwierdzeniu formularza pobrane są z niego pary nazwawartość, kodowane, dołączone do adresu podanego w atrybucie ACTION ("?" jako separator) i wysłane do pośrednika procesu (domyślnie). Gdy na stronie google.pl wpiszę, że szukam wyrażenia "HTTP OPTIONS method", to kod strony zawiera wtedy <form method=get action=/search> <input type=text name=q size=31 maxlength=2048 value=""http OPTIONS method"" title="szukaj"> <input type=submit name=btng value="szukaj"> <input type=hidden name=hl value="pl"> </form> Po kliknięciu przycisku Szukaj informacja zwrotna z serwisu Google ma w adresie http://www.google.pl/search?hl=pl&q=rfc+2616&btng=szukaj&lr= W istocie do serwera Google poszło żądanie: GET /search?q=%22http+post+method%22&hl=pl&lr=&start=10&sa=n HTTP/1.1 HOST: www.google.pl Podsumowując: otrzymaliśmy konkretny dokument, do którego mamy link. 19.04.2007 Janusz Lepionko slajd 3 z 10

Metoda POST przykład Metoda post - po zatwierdzeniu formularza, dane zostają włączone do ciała formularza i wysłane do pośrednika procesu. Weźmy stronę, która zawiera kod <form method= post" action="login.php" > <input type="text" name="user" value="webmaster" /><br /> <input type="password" name="password" value="niemadry" /><br /> <input type="submit" /><br /> </form> Do serwera wtedy pójdzie coś w stylu: POST /login.php HTTP/1.1 HOST: www.example.com Content-Type: application/x-www-form-urlencoded user=webmaster&password=niemadry&submit=submit 19.04.2007 Janusz Lepionko slajd 4 z 10

Kiedy GET a kiedy POST, albo wady i zalety Są ludzie, którzy nie rozumieją istoty różnicy między metodami GET i POST, skutkiem czego bądź używają ich zamiennie, bądź wybierają metodę na podstawie np. takich kryteriów: Metoda GET: potrzebuje mniej kodu HTML często nie potrzebuje formularzy, czy np. skryptów po stronie serwera (*!*) linki są śledzone przez boty Metoda POST: ukrywa dane (*!*) pozwala przesłać więcej danych niż metoda GET (w końcu GET to tylko modyfikacja linka) pozwala na przesłanie pliku / modyfikację danych na serwerze (*!*) oznacza, że dane stwierdzenie to nie do końca jest prawda 19.04.2007 Janusz Lepionko slajd 5 z 10

Zatem kiedy GET a kiedy POST? RFC2616 określa to następująco Metoda GET nie powinna służyć do innych celów, jak otrzymanie informacji zwrotnej żądanego dokumentu powinna być safe for cache, nie być żądaniem zmiany zawartości serwera. Oznacza to, że link powinien identyfikować jednoznacznie na serwerze zasób o względnie stałej zawartości, który to zasób przeglądarka może umieścić w cache. Przykłady użycia to strony z filmami, z muzyką. Metoda POST służy przesłaniu żądania zmiany zawartości serwera (jego zasobów), może więc przy każdym kolejnym jej wysłaniu powodować inne skutki i w efekcie otrzymywać możemy różne odpowiedzi. Przykłady użycia to zapis danych do bazy danych, wysyłanie e-maili, logowanie. 19.04.2007 Janusz Lepionko slajd 6 z 10

Szablony po co je stosować Że zapytam przewrotnie: a po co stosować CSS, skoro HTML tak dobrze służył? CSS jest po to, aby można było zmieniać wygląd bez zmiany treści strony. Analogicznie, szablony są po to, aby można było zmieniać sposób przetwarzania danych bez zmiany struktury logicznej strony HTML. W PHP szablony często realizuje się za pomocą podstawień przy użyciu wyrażeń regularnych. 19.04.2007 Janusz Lepionko slajd 7 z 10

Realizacja szablonu własną funkcją szablon.php <?php /* Prosty program "templates" */ $page[tytul] = " Opis dzialania szablonow " ; $page[name] = " A. Dydejczyk " ; /* Wpisanie szablonu do pamieci */ $template = file_get ('szablon.html') ; /* Podmiana zmiennych w pliku szablonow */ $merged_page=template_merge ($page, $template); /* Wydruk koncowych wynikow */ echo $merged_page ; /* Funkcja wczytujaca szablon z pliku */ function file_get ( $path ){ return implode ( '', file($path) ) ; } /* Funkcja podmieniajaca zawartosc zmiennych w szablonie */ function template_merge ( $page, $template ){ return preg_replace ( '/{([^}]+)}/e', '$page["\\1"]', $template ) ; }?> szablon.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" /> <title>przyklad wykorzystania szablonow - 1</title> <link rel="stylesheet" type="text/css" href="szablony.css" /> </head> <body> <div class="ramka"> <p class="tytul" >REFERAT</p> <p> <span class="bold" >Tytuł:</span>{tytul}</p> <p> <span class="bold" >Prelegent:</span>{name}</p> <br /> </div> </body> </html> Jak widać jest to podmiana przy użyciu wyrażeń regularnych. 19.04.2007 Janusz Lepionko slajd 8 z 10

Realizacja funkcjami z biblioteki ETS <?php szablon.php /* Prosty program "templates" */ /* Przylaczenie biblioteki szablonow */ include 'ets.php'; /* Wprowadzenie danych */ $page->tytul = " Biblioteka szablonow ETS " ; $page->name = " A. Dydejczyk " ; /* Przetworzenie szablonu i wypis strony*/ printt($page, 'szablon.html');?> szablon.html {mask:main} <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" /> <title>przyklad wykorzystania szablonow - 2</title> <link rel="stylesheet" type="text/css" href="szablony.css"/> </head> <body> <div class="ramka"> <p class="tytul" >REFERAT</p> <p> <span class="bold">tytuł:</span>{tytul}</p> <p> <span class="bold"> Prelegent:</span>{name}</p> <br /> </div> </body> </html> {/} Jak widać, w celu użycia nie musimy wiedzieć, jak biblioteka ETS jest zaimplementowana. Istotna jest tylko umiejętność posłużenia się zaimplementowanymi elementami. 19.04.2007 Janusz Lepionko slajd 9 z 10

Zastosowanie ETS do wypełniania tabeli szablon.php <?php /* utworzenie tablicy danych */ $zajecia[0][1] = "Poniedziałek" ; $zajecia[0][2] = "10.30-13.00" ; $zajecia[0][3] = "Podst. inf." ; $zajecia[1][1] = "Wtorek" ; $zajecia[1][2] = "8.30-10.00" ; $zajecia[1][3] = "Matematyka" ; $zajecia[2][1] = "Wtorek" ; $zajecia[2][2] = "13.30-15.00" ; $zajecia[2][3] = "Fizyka II" ; $zajecia[3][1] = "Czwartek" ; $zajecia[3][2] = "10.30-13.00" ; $zajecia[3][3] = "Matematyka" ; /* Przyłączenie biblioteki ETS */ include "ets.php" ; /* wypełnienie szablonu danymi z tablicy */ for ( $i=0; $i<4; $i++ ) for ( $ii=1; $ii<4; $ii++ ) { $page->row[$i]->cell[$ii]->data = $zajecia[$i][$ii] ; } /* Przetworzenie szablonu i wypis strony */ printt ( $page, 'szablon.html' ) ;?> szablon.html {mask:main} <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <title>szablony - przykład 3</title> </head> <body> <div style="width:500px; " > <h1 style="text-align:center; color:navy; ">Rozkład zajęć</h1> <table style="width:400px ; margin-left:auto; marginright:auto; " border="1px" > <tr style="background-color:aqua;"> <td style="width:80px;">dzień</td> <td style="width:100;">godziny</td> <td style="width:220px;">opis</td> </tr> {mask:row} <tr> {mask:cell} <td>{data}</td> {/} </tr> {/} </table} </div> </body> </html> {/} DZIĘKUJĘ ZA UWAGĘ 19.04.2007 Janusz Lepionko slajd 10 z 10