(Ei yhtään videota tällä kertaa.) X niin kuin Cross-Platform, Apache, MySql, PHP, Perl Kehitysympäristö EI tuotantokäyttöön Monet tärkeät tietoturva-asetukset ovat oletuksena pois päältä Erittäin nopea tapa saada kehitysympäristö php:lle pystyyn Voidaan asentaa muistitikulle http://www.apachefriends.org/en/xampp.html Valitse oikealle käyttöjärjestelmälle tehty XAMPP (kurssin tapauksessa Windows). Lataa ZIP-paketti, pura se ja kopio purettu xamppkansio sisältöineen muistitikulle. Etsi muistitikulta xampp-kansiosta xampp-control.exe ja käynnistä se Käynnistä Apache ja odota hetki Käynnistä MySql ja odota hetki Avaa selain ja mene osoitteeseen http://localhost jos kaikki on mennyt hyvin, näet XAMPP-sivun 1
Etsi muistitikun kansiosta xampp\php php.initiedosto ja avaa se notepadilla (muistio). Etsi (ctrl-f) teksti extension_dir. Muuta kohta extension_dir = "F:\xampp\php\ext viittaamaan oikeaan asemaan (muistitikkuun). Tämän esimerkin F-kirjaimen tilalla saattaa olla jokin muu kirjain. Tee vastaava temppu sanalla browscap Verkkosivuilla käytettävät tiedostot (esimerkiksi phpja html-tiedostot) tallennetaan muistitikulle kansioon xampp\htdocs Esimerkiksi tiedosto xampp\htdocs\testi.html näkyy selaimella osoitteessa http://localhost/testi.html Htdocs-kansion sisältö on pääsääntöisesti julkista. Jos kyseessä olisi verkkopalvelu, pääsisi kuka tahansa katsomaan näitä tiedostoja. Palvelimella suoritettava ohjelmointikieli Käytetään yleisimmin web-sivustoilla Tietokantakäsittely Dynaamiset sivut Tehtävät, joihin html & JavaScript eivät kykene Toimii useilla alustoilla ja useilla palvelimilla Ilmainen käyttää http://www.php.net http://www.w3schools.com/php/ Tiedostopäätteet ovat muotoa.php,.php3 tai.phtml Tiedostoissa voi olla sekaisin php-koodia ja htmlmerkintöjä Php-koodi aloitetaan (avataan) merkinnällä <?php ja lopetetaan (suljetaan) merkinnällä?> Selaimelle (käyttäjälle) palautetaan php-tiedostosta ainoastaan html ja php:lla tuotettu teksti (teksti voi olla html:ää) Php-koodi ei näy katsottaessa web-sivun lähdekoodia 2
Koodirivi (lause) päätetään puolipisteellä (;) Puolipisteellä ilmoitetaan koodia suorittavalle tietokoneelle hengähdystauosta : Yhdet ohjeet loppuivat ja kohta alkaa uudet, erilliset ohjeet Koodirivi voi olla editorissa useita rivejä pitkä Php:ssa on paljon ennalta määrättyjä funktioita, jotka tekevät määrättyjä tehtäviä Alkuun iso osa ohjelmointiin käytetystä ajasta kuluu tapaukseen sopivien funktioiden löytämiseen Yhteen tehtävään voi löytyä useita sopivia ja lähes identtisiä funktioita Funktioita voi tehdä myös itse Ennalta määrättyjä funktioita Tulostavat kerrotun merkkijonon Esimerkki: echo Moi! ; Tulostaa (näytölle) Moi! Esimerkki: print ( Moi! ); Tulostaa (näytölle) Moi! Sulkeita ei ole pakko käyttää Lainausmerkit voivat olla yksinkertaiset tai kaksinkertaiset, kunhan ovat samat alussa ja lopussa. Koodin sekaan halutaan usein laittaa kommentteja. Kommentteja ei suoriteta, vaan koodia suorittava tietokone hyppää niiden yli. Kommenteilla selkeytetään koodin toimintaa, jolloin koodia on helpompi lukea. Php:ssä on kaksi tapaa lisätä kommentteja Aloittaa rivi merkeillä // Laittaa kommentit merkkien /* ja */ väliin <html> <body> <?php?> </body> </html> // Tulosta teksti näytölle echo "Hello World!"; /* Usealle riville jakautuva kommentti */ 3
Tee edellisen esimerkin pohjalta php-tiedosto, joka tulostaa näytölle tekstin Hello [etunimi]!. 1. Avaa Notepad (Muistio) ja tallenna tyhjä tiedosto muistitikulle kansioon xampp/htdocs 1. Tallennus-ikkunassa valitse tallennusmuodoksi kaikki tiedostot 2. Kirjoita nimeksi (hipsuilla) tehtava1.php ja tallenna tiedosto 2. Tee tehtävä ja tallenna muutokset 3. Mene selaimella osoitteeseen http://localhost/tehtava1.php Ohjelmoinnissa käytetään muuttujia tiedon väliaikaiseen säilyttämiseen. Muuttujat ovat olemassa vain koodin suorittamisen ajan, niihin ei voi tallentaa tietoa pitkäaikaiseen säilytykseen kuten tiedostoihin. Muuttujalle saa/pitää itse keksiä nimi. Käytännössä: Muuttujaan voidaan koodin alussa tallentaa esim. sana ja koodin lopussa voidaan tulostaa ruudulle tuo sana viittaamalla muuttujaan. Yhtä muuttujaa voidaan käyttää loputtomia määriä koodissa. Muuttujien nimeäminen Php:ssä muuttujien nimet alkavat aina dollarilla ($) $nimi, $_osoite, $puhnro Dollarin jälkeen tulee kirjain tai alaviiva (_) Muuttujanimen loput merkit voivat olla kirjaimia, numeroita tai alaviivoja Ei ääkkösiä! Vain kirjaimia a-z tai numeroita. Isoilla ja pienillä kirjaimilla on väliä (case-sensitive) $koiranvari ja $koiranvari ovat eri muuttujia Php:ssä muuttujat ovat löysästi tyypitettyjä eli vahvasti tyypittömiä (Loosely Typed) Muuttujan tyyppiä ei tarvitse kertoa Php tekee muuttujasta automaattisesti oikean tyyppisen Muuttujaan voi ensin tallentaa esim. tekstiä myöhemmin korvata tekstin numerolla 4
<?php // Tallenna muuttujaan $hello teksti Hello World! $hello = "Hello World!"; // Tallenna muuttujaan $hello teksti Hello PHP! $hello = "Hello PHP!"; // Tulosta muuttujan $hello sisältö näytölle echo $hello; // Tulosta muuttujan $hello sisältö näytölle echo $hello; Tee Php-tiedosto, jossa: Asetat oikein nimeämääsi muuttujaan haluamasi tekstin Tulostat muuttujan sisällön näytölle Vinkki: Avaa aiemmin tehty tiedosto tehtava1.php Notepadilla ja valitse valikosta Tallenna nimellä (Save as). Tallenna tiedosto tehtävän 1 ohjeita mukaillen nimellä tehtava2.php.?> Ohjelmoinnissa on tärkeää tietää, minkä tyyppistä tietoa ollaan käsittelemässä. Koska tieto tallennetaan muuttujiin, on hyvä olla erityyppisiä muuttujia Php:ssä tietokone päättää muuttujan tyypin automaattisesti muuttujan sisällön perusteella. Esimerkiksi Javassa koodissa asetetaan muuttujalle tyyppi. Tämän jälkeen muuttujaan voidaan tallentaa vain sen tyyppiin sopivaa dataa. Tärkeimmät muuttujatyypit ovat Merkkijono (string) Numero (integer, double, float, long) Totuusarvo (boolean) Taulukko (array) Merkkijonot kirjoitetaan yksinkertaisten tai kaksinkertaisten lainausmerkkien väliin. $hello = Hello World! ; $hello = Hello World! ; Merkkijonoja voidaan yhdistää käyttämällä pistettä. $hello = Hello.. World! ; Merkkijonolla on pituus eli kuinka monta merkkiä siinä on. Pituus selviää funktiolla strlen(). echo strlen($hello); Tulostaa muuttujaan tallennetun merkkijonon pituuden Merkkijonoille on olemassa paljon valmiita funktioita Merkkijonojen käsittely on olennainen osa ohjelmointia http://www.w3schools.com/php/php_ref_string.asp 5
Tee php-koodi, jossa: Tallennat muuttujaan tekstin Hello Tallennat toiseen muuttujaan oman nimesi Tallennat kolmanteen muuttujaan ensimmäisen muuttujan sisällön, välilyönnin ja toisen muuttujan sisällön Tulostat näytölle kolmannen muuttujan sisällön ja muuttujan merkkijonon pituuden. Vinkki: Koska kyseessä on html-sivu, voit tehdä rivivaihdon tulostamalla merkkijonon <br /> Matemaattiset Lisääminen: + Vähentäminen: Kertominen: * Jakaminen: / Jakojäännös: % Yhdellä lisääminen: ++ Yhdellä vähentäminen: -- Vertailuoperaattorit On yhtä kuin: == Ei ole yhtä kuin:!= Suurempi kuin: > Pienempi kuin: < Suurempi tai yhtä suuri kuin: >= Pienempi tai yhtä suuri kuin: <= Loogiset operaattorit Ja: && tosi && tosi tosi tosi && epätosi epätosi epätosi && epätosi epätosi Tai: tosi tosi tosi tosi epätosi tosi epätosi epätosi epätosi Ei:!!tosi epätosi!epätosi tosi 6
Koodiin voidaan asettaa ehtoja, joilla ohjataan mitä koodia suoritetaan missäkin tilanteessa. If-lauseessa vertaillaan ehtoa. Ehdon toteutuessa suoritetaan if-lauseen jälkeisten kaarisulkeiden välissä oleva koodi. Jos ehto ei toteudu, if-lauseen jälkeisten kaarisulkeiden välissä olevaa koodia ei suoriteta. Ehtoja voi olla useita. Ehdot yhdistetään loogisilla operaattoreilla. Jos ehdon takana on vain yksi rivi koodia, voidaan kaarisulkeet jättää pois. If-lauseen perään voidaan lisätä else Elsen perässä oleva koodi suoritetaan, jos edellä olevan if-lauseen ehto ei toteudu Else ei voi esiintyä ilman if-lausetta Elsen kanssa toimivat samat säännöt kaarisulkeiden suhteen kuin if-lauseessa. elseif on ehdollinen else. elseif:lle asetetaan ehto samalla tavalla kuin if:lle. Ei voi esiintyä ilman if-lausetta. Samat kaarisuljesäännöt kuin if:llä. Koodi suoritetaan, jos aiemman if-lauseen ehto ei toteudu ja elseif-lauseen ehto toteutuu. $numero = 3; if ($numero < 5) echo ($numero. on pienempi kuin viisi. ); elseif ($numero == 5) echo($numero. on viisi. ); else echo ($numero. on suurempi kuin viisi. ); 7
Jatka tehtävää 3 Vertaile kolmannen muuttujan merkkijonon pituutta numeroon 10. Tulosta oikea teksti: Merkkijonon pituus on alle kymmenen Merkkijonon pituus on kymmenen Merkkijonon pituus on yli kymmenen Switchiä käytetään yleensä tilanteessa, jossa halutaan vertailla yhtä tietoa (muuttujaa) moneen ehtoon. Switch on vaihtoehtoinen keino tehdä monen elseif:n vertailu. Switchin sisällä olevia vertailuja voidaan myös ketjuttaa, jolloin usealla ehdolla suoritetaan sama koodi. Switchissä asetetaan myös koodi, joka suoritetaan, jos mikään ehto ei toteudu (vrt. else). $numero = 3; switch($numero) case 0: case 1: case 2: case 3: case 4: case 5: default: echo "Numero on nolla.<br />"; break; echo "Numero on alle viisi.<br />"; break; echo "Numero on viisi.<br />"; break; echo "Numero on yli viisi.<br />"; break; Muokkaa tehtävää 4: Korvaa if-elseif-else switchillä. Vinkki: Merkkijonon pituus ei voi olla negatiivinen, joten negatiivisista luvuista ei tarvitse välittää. 8
Taulukko on yksi muuttujatyyppi Sen sijaan, että monta tietoa tallennettaisiin moneen muuttujaan, voidaan kaikki nämä tiedot tallentaa yhteen taulukkoon. Taulukoihin voidaan siis kerätä paljon tietoa ja kaikki tuo tieto on saatavilla viittaamalla taulukkoon. Yhtä taulukossa olevaa tietoa sanotaan alkioksi. Taulukko siis koostuu yhdestä tai useammasta alkiosta. Taulukossa voidaan viitata yhteen alkioon taulukon tyypistä riippuen joko indeksinumerolla tai tekstillä. Taulukon alkio voi olla myös toinen taulukko, jolloin puhutaan moniulotteisista taulukoista. // Yhteen muuttujaan voidaan tallettaa vain yhden opiskelijan nimi $opiskelija1 = Miska ; $opiskelija2 = Juuso ; $opiskelija3 = Veera ; // Taulukkoon voidaan tallettaa kaikkien opiskelijoiden nimet $opiskelijat = array( Miska, Juuso, Veera ); // Taulukon alkioon viitataan tässä tapauksessa indeksillä. // Indeksinumerot alkavat nollasta ja kasvavat aina yhdellä. echo $opiskelijat[0]; // Tulostaa Miska echo $opiskelijat[1]; // Tulostaa Juuso // Taulukko voidaan luoda myös asettamalla suoraan tietoa $ika['miska'] = 24; $ika['juuso'] = 23; // Tässä taulukossa alkioon viitataan indeksinumeron sijaan tekstillä. // Teksti täytyy itse kertoa alkiota lisättäessä echo "Miska on ". $ika['miska']. " vuotta vanha."; echo "Juuso on $ika[juuso] vuotta vanha."; Tee seuraavanlaiset taulukot Autot-taulukko, johon tallennetaan kolme eri automerkkejä tekstinä. Tee esimerkin 5a perusteella. Osoitteet-taulukko, johon tallennetaan kolmen henkilön osoitteet. Tee esimerkin 5b perusteella. Tulosta molempien taulukkojen kaikki alkiot. 9
Taulukon alkiot voi tulostaa helposti funktiolla print_r($taulukko) // Luo taulukko $opiskelijat = array ("Miska", "Juuso", "Veera"); // Luo taulukko asettamalla data $ika['miska'] = 24; $ika['juuso'] = 23; $ika['veera'] = 22; // Tulosta taulukot print_r($opiskelijat); echo "<br />"; print_r($ika); Silmukat suorittavat tietyn koodin toistuvasti. Koodi suoritetaan toistuvasti joko halutun monta kertaa (esim. neljä kertaa) tai kunnes jokin ehto toteutuu. Php:ssä on neljä silmukkaa While: Toistetaan, kunnes ehto toteutuu. Do-while: Kuin while, mutta suoritetaan aina vähintään kerran. For: Toistetaan halutun monta kertaa. Foreach: Käy taulukon kaikki alkiot läpi. $numero = 0; while($numero < 10) $numero++; echo $numero. " "; $numero = 0; do $numero++; echo $numero. " "; while($numero < 10); for ($i=1; $i<=10; $i++) echo $i. " "; $taulukko = array(1,2,3,4,5,6,7,8,9,10); foreach($taulukko as $numero) echo $numero. " "; 10
Muokkaa tehtävää 6: Tulosta autot for-silmukassa. Tulosta osoitteet foreach-silmukassa. Vinkit: Laita for-silmukan muuttuja alkamaan arvosta nolla, sillä taulukon ensimmäinen indeksi on nolla. Foreach ei toimi tässä tapauksessa kuten aiemmassa esimerkissä. Katso esimerkki osoitteesta http://php.net/manual/en/controlstructures.foreach.php Php:ssä on paljon valmiita funktioita, esim. strlen(), mutta funktioita voi tehdä myös itse. Kaikki valmiit funktiot: http://www.w3schools.com/php/default.asp Funktioiden tärkeimmät edut Kerran kirjoitettua koodia voidaan käyttää uudelleen ja uudelleen. Kaikkea kirjoitettua koodia ei suoriteta sivun latautuessa. Funktioilla on nimet. Nimi voi alkaa alaviivalla tai kirjaimella. Funktiot suoritetaan, kun niitä kutsutaan muualta koodissa. Funktiolle voidaan lähettää parametreja. Funktiot voivat palauttaa tietoa. function tulostaworld() echo "World"; function tulostateksti($teksti = 'jotain') echo $teksti; function kerrokahdella($numero) return $numero * 2; echo "Hello "; tulostaworld(); echo "!<br />"; Muokkaa tehtävää 7: Tee funktiot luoautot() ja luoosoitteet(). Funktiot palauttavat nimensä mukaisen taulukon. Käytä näitä funktioita taulukoiden luomiseen. Tee funktio nimeltään tulostarivi, joka saa parametrina tiedon näytölle tulostettavasta tekstistä. Käytä tätä funktiota tässä tehtävässä kaikkeen tulostamiseen. tulostateksti("tämä teksti tulostetaan näytölle.<br />"); tulostateksti(); echo "<br />"; echo kerrokahdella(3); 11
Usein sivustolla pitää siirtää dataa sivulta toiselle. Jos data siirretään post-metodilla, tallentuu data vastaanottavan sivun $_POST-taulukkoon. Jos data siirretään get-metodilla, tallentuu data vastaanottavan sivun $_GET-taulukkoon. Muuttujanimet $_POST ja $_GET ovat siis varattuja vain tähän tarkoitukseen. Vastaavia muuttujanimiä löytyy myös muita. Postissa data menee piilossa, eikä datan määrää ole rajoitettu. Getissä data menee urlissa näkyvillä ja yli 2000 merkin mittaista dataa ei pitäisi lähettää getillä. Php:n avulla voidaan luoda html tiedosto tulostamalla html tägejä. echo <html><head><body> ; Tämän avulla voidaan kätevästi lisätä php:n muuttujia html tiedostoon. echo <p>.$muuttuja. </p> ; Muuttuja siis lisätään käyttämällä hipsuja ja pistettä <?php $muuttuja = kissa ; echo <html><head></head><body> ; echo <p>minun lemmikkini on. $muuttuja., jonka nimi on Miska.</p> ; echo </body></html> ;?> TÄMÄ NÄYTTÄÄ WEB-SIVULTA, JOSSA LUKEE: Tietokantoja käytetään suurten datamäärien pidempiaikaiseen tallentamiseen. Relaatiotietokanta on kokoelma tietoja, joilla on yhteys toisiinsa. Tietokanta jakautuu useisiin tauluihin. Tauluihin tallennetaan tietoa riveittäin Myös kalenteria voi ajatella tietokantana Minun lemmikkini on kissa, jonka nimi on Miska. 12
Relaatiotietokantaohjelmisto. XAMPP sisältää MySql:n. PhpMyAdmin on yleisesti käytetty MySql:n hallintatyökalu. Helpon graafisen käyttöliittymän avulla pystyy luomaan tietokannan ja tietokannan sisältämät taulut. Mahdollistaa hallinan myös sql-komennoilla. MySql:ää voi hallinnoida myös komentorivikäskyillä Php:lla voi käskyttää MySql-kantaa. Sql on yleinen kieli, jolla hallinnoidaan tietokantoja. Neljä peruskomentoa SELECT: Tämän avulla voidaan valita tietokannasta tietoja. INSERT: Tämän avulla voidaan lisätä tietoa tietokantaan. DELETE: Tämän avulla voidaan poistaa tieto tietokannasta. UPDATE: Tämän avulla voidaan päivittää tietokannassa olevaa tietoa. Luodaan phpmyadminin avulla tietokanta ja tauluja. Lisätään tauluihin tietoa Haetaan tietoja Muokataan tietoja Poistetaan tietoja Tehdään samat phpmyadminin sql-ikkunan avulla. http://www.youtube.com/watch?v=0klglssxgsu 13
Hae sivulta http://www.viestinta.info/sisallonhallinta luento 3:n tehtäviin liittyvä koodi. Kerro omin sanoin, mitä koodi tekee: Yleiskuvaus koodin toiminnasta Kommentoinnit koodin sekaan. Vinkki: Aloita tiedostosta index.php 5 pistettä jaossa Palauta kommentoidut koodit ja lyhyt yleiskuvaus sähköpostilla markus.leinonen@samk.fi viimeistään 25.10.2011. Tee palautettavan tehtävän 1 pohjalta oma vastaava RSS-lukuohjelma valitsemastasi kanavasta. Sisältää RSS-feedien tallennuksen tietokantaan Tallennettujen tietojen esittäminen html-sivulla Ohjelman / uutisen tykkääminen. 5 pistettä jaossa Palauta koodit sähköpostilla markus.leinonen@samk.fi viimeistään 25.10.2011. Tehkää php:n, tietokannan ja html:n avulla sivu, jossa voi lisätä työntekijöitä tietokantaan. Työntekijöitä voidaan poistaa ja lisätä web-sivuston kautta. Työntekijät näkyvät listassa web-sivustolla, esim. Lisäys ikkunan alla (näytetään tunnilla esimerkki). Jos kaikki tämä toimii tiedossa 10 pistettä. Bonus: lisää edelliseen tehtävään vielä työntekijöiden muokkaus web-sivuston kautta (tiedossa 5 bonuspistettä). Palauta koodit sähköpostilla markus.leinonen@samk.fi viimeistään 1.11.2011. 14