Aplikacje internetowe. Informacja o języku PHP. Osadzanie skryptów. Instrukcje, komentarze, zmienne, typy, stałe. Operatory. Struktury kontrolne.

Transkrypt

1 Aplikacje internetowe. Informacja o języku PHP. Osadzanie skryptów. Instrukcje, komentarze, zmienne, typy, stałe. Operatory. Struktury kontrolne. Tablice.

2 dr Tomasz Jach WWW: Adres: Instytut Informatyki ul. Będzińska Sosnowiec Pokój 214 Telefon: Zaliczenie zajęć: kolokwium + projekt + praca na zajęciach. Obecność na zajęciach obowiązkowa.

3 O przedmiocie. Plan zajęć L.p. Tematyka 1. Wstęp do HTMLa. Znaczniki. Struktura logiczna a opis dokumentu. Narzędzia programisty. CSSy. 2. Podstawy PHP. Geneza języka. Składnia, zmienne, typy, operatory, operacja na łańcuchach, instrukcje warunkowe, pętle 3. PHP ciąg dalszy. Formularze, walidacja formularzy. Wysyłanie wiadomości Łączenie się z bazą danych. Operacje bazodanowe. 5. Uwierzytelniania. Pliki Cookies 6. Zaawansowane funkcje w PHP. Data, czas, internacjonalizacja. 7. Model MVC. Wprowadzenie do frameworków.

4 Warunki zaliczenia Krótki teścik (ok. 10 pytań) na ostatnim wykładzie Pytania jednokrotnego wyboru

5 Literatura polecana Luke Welling, Laura Thomson. PHP i MySQL. Tworzenie stron WWW. Vademecum profesjonalisty. Helion, Gliwice Larry Ullman. PHP6 i MySQL 5. Dynamiczne strony WWW. Szybki start. Helion, Gliwice Dan Cederholm. Kuloodporne strony internetowe. Jak poprawić elastyczność z wykorzystaniem XHTML-a i CSS. Helion, Gliwice /

6 Aplikacje internetowe Aplikacja internetowa = program działający w środowisku przeglądarki internetowej. Aplikacje i/lub dynamiczne strony internetowe: Reagują na zmieniające się parametry (pora dnia, wersja przeglądarki) Dysponują własną pamięcią (sklepy internetowe, spersonalizowane wiadomości itp.) Umożliwiają wyszukiwanie informacji, wysyłanie komentarzy, filtrowanie Często posiadają interfejs administracyjny

7 Wady i zalety webaplikacji Brak skomplikowanych procedur instalacji i wdrażania. Małe (lub całkiem brak) wymogi odnośnie przestrzeni dyskowej i/lub sprzętu. Łatwe do aktualizacji. Dobra integracja z pozostałymi aplikacjami. Wieloplatformowość. Kompatybilność z różnymi przeglądarkami i standardami. Zależność od szybkości i niezawodności łącza internetowego oraz serwera. Brak prywatności użytkowników.

8 Podstawy HTMLa

9 Znaczniki HTML Strukturalne np. <h2>golf</h2> nadaje znaczenie wyrazowi "Golf" i traktuje go jako nagłówek drugiego stopnia Prezentacyjne opisują wygląd poszczególnych elementów, np. <b>lama</b> powoduje, że "lama" zostanie wyświetlona pogrubioną czcionką. Większość znaczników prezentacyjnych w specyfikacji HTML 4.0 oznaczono jako przestarzałe na rzecz kaskadowych arkuszy stylów CSS. Hipertekstowe zawierają linki do innych dokumentów lub innych części tego samego dokumentu.

10 Jak stworzyć strukturę strony? Koncepcje tworzenia stron: Ramki stworzone by ułatwić tworzenie stron zawierających powtarzające się elementy menu, nagłówek, stopka Jak strona się w całości nie mieści na ekranie może zostać ucięta jej część np. menu. Zła indeksacja przez boty. Trudności z wydrukiem. Strona wyświetla cały czas stały adres.

11 Jak stworzyć strukturę strony? Tabele stworzone do prezentowania danych tabelarycznych ale przecież można nie wyświetlać obramowania i używać do pozycjonowania elementów strony Śmietnik zamiast kodu. Często występowała tabelka w tabelce osadzona w tabelce. Trudności w odbiorze stron przez osoby niedowidzące (Text-To-Speech) Strona wyświetla się po pobraniu wszystkich elementów. ZNACZNA nadmiarowość kodu

12 Jak stworzyć strukturę strony?

13 Jak dodać warstwę wizualną Pliki CSS czyli jak powiedzieć komputerowi jak ma wyświetlać każdy element.

14 Przykład dobrej nawigacji po stronie

15 Zgodność z HTML5 przeglądarek

16 Od czego zacząć edytor

17 Od czego zacząć serwer zewnętrzny Na pewnym etapie przyda się zewnętrzny hosting. Ofert jest w bród, także bezpłatnych. Na co zwracać uwagę przy wyborze? Cena Gdzie fizycznie jest serwerownia (pingi!) Czy support działa w nocy i w weekendy? Dostęp do zarządzania domeną (np. cpanel) Możliwości (np. cron, catch-all na pocztę, dostęp przez SSH, itp.)

18 Jak to zainstalować 1. Zainstaluj XAMPPa: 2. Zainstaluj PHP Storm: 3. Stwórz nowy projekt (pusty) 4. Files -> Settings -> Deployment -> + 1. Name: Lampka 2. Type: FTP 3. Login, Pass, itp.: jak do serwera LAMP 4. Zakładka Mappings: Jak na rysunku

19 Tak to ma wyglądać

20 Tak to ma wyglądać

21 I jeszcze baza danych 5. View -> Tool Windows ->Database -> + -> Data Source -> MySQL 1. User, pass: jak w serwerze FTP 2. Host: lamp.ii.us.edu.pl 3. ACHTUNG: Nie zapomnij o kliknięciu na Download driver files

22 Tak to ma wyglądać

23 Przydatne narzędzia

24 Przydatne narzędzia

25 Przydatne narzędzia

26 Przydatne narzędzia

27 Przydatne narzędzia

28 Przydatne narzędzia

29 Przydatne narzędzia

30 Przydatne narzędzia

31 Przydatne narzędzia

32 Przydatne narzędzia Firebug / Web Inspector

33 Od czego zacząć - wiedza Niezbędne będą: Znajomość podstawowego HTMLa (2h): Znajomość podstaw CSSa (2h): Przydadzą się gdzieś po drodze: JavaScript (5h): jquery (8h): Bootstrap (bardzo opcjonalnie):

34 Język PHP Język interpretowalny, a nie kompilowany Powstał w celu programowania po stronie serwera Jest obecnie najbardziej popularnym językiem programowania w Internecie

35 PHP i HTML w jednym stali domu Aby plik był rozpoznawany przez serwer musi mieć odpowiednie rozszerzenie Oprócz tego serwer musi mieć prawa do wykonania takiego pliku (CHMOD o+x) Ale rozszerzenie to nie wszystko: <? echo ( Skrypt osadzony w pliku");?> <?php echo( Troszkę dłuższy sposób");?> <script language="php"> echo ( Sposób podobny do osadzania JavaScriptu"); </script>

36 Pierwszy skrypt

37 Komentarze Pamiętaj, aby nie zagnieżdżać komentarzy wielolinijkowych!

38 Obsługa zmiennych Zmienne oznaczamy za pomocą znaku $ Po nim musi następować litera lub znak podkreślenia _ Zmienne w PHP nie muszą być inicjalizowane Nie trzeba też z góry deklarować ich typu! $Test!= $test!= $test

39 Zmienne PHP jest proste jak nie wiem $dwa 2

40 Stałe Takie zmienne, tylko niezmienne Definiowane wcześniej

41 Typy zmiennych Nie trzeba się o to martwić, ale warto wiedzieć, że PHP ma kilka wbudowanych typów zmiennych: liczby całkowite (integer) liczby rzeczywiste (double) ciągi (string) tablice (array) obiekty (object)

42 Rzutowanie, settype

43 Operatory arytmetyczne i Przykład przypisania Wynik $a + $b Suma $a i $b $a - $b Różnica $a i $b $a * $b Iloczyn $a i $b $a / $b Iloraz $a i $b $a % $b Reszta z dzielenia $a i $b Przykład Równoznaczne z: Wynik $c += 10 $c = $c + 10 Do zmiennej $c dodaj 10 $c -= 10 $c = $c 10 Od zmiennej $c odejmij 10 $c *= 10 $c = $c * 10 Pomnóż $c przez 10 $c /= 10 $c = $c / 10 Podziel $c przez 10 $c %= 10 $c = $c % 10 Do $c przypisz resztę z dzielenia $c przez 10 $c.= tekst $c = $c. tekst Do $c dopisz ciąg znaków tekst

44 Inne operatory Operatory porównania tożsame jak w innych językach programowania (==,!=, <, >, <=, >=) Operator kontroli Operator wywołania: $listning = `ls -l /home/`; Operatory inkrementacji i dekrementacji (pre i post!) Operatory logiczne (&&,,!) Operator ciągu

45 Instrukcje warunkowe Warunki można grupować za pomocą Nic nowego: operatorów logicznych <?php if(warunek1a warunek1b) echo Pierwszy warunek spełniony ; elseif(warunek2a && warunek 2b) echo Drugi warunek spełniony, pierwszy nie ; else echo Żaden z warunków nie spełniony?> Brak ścisłej kontroli typów powoduje, że warunkiem może być cokolwiek zwracające wartość. Warunek spełniony === wartość większa od zera.

46 Pętla for <?php for( $x = 3; $x <= 100; $x+=3 ) echo $x."<br>";?> Wynikiem będzie wypisanie wszystkich liczb podzielnych przez 3, a mniejszych niż 100. Ogólna konstrukcja: for(zmienna kontrolująca;warunek;modyfikacja zmiennej)

47 Pętla while Pętla wykonywana dopóki warunek jest spełniony Na starcie możemy nie znać konkretnej liczby przebiegów Pętla może się w ogóle nie wykonać jeśli warunek na wejściu będzie niespełniony! <?php $x=3; while($x <= 100) { echo $x."<br>"; $x+=3; }?>

48 Pętla do while Pętla wykonywana dopóki warunek jest spełniony Na starcie możemy nie znać konkretnej liczby przebiegów Pętla wykona się co najmniej raz, warunek sprawdzamy na końcu! <?php $x=3; do { echo $x."<br>"; $x+=3; } while($x <= 100)?>

49 Przerywanie wykonania pętli Instrukcja continue pomija aktualnie wykonywany przebieg Instrukcja break wychodzi całkowicie z pętli

50 Wielokrotna instrukcja warunkowa <?php switch($zmienna) { case 'wartość1':... instrukcje... break; case 'wartość2':... instrukcje... break; default:... instrukcje... }?>