Dott.ssa Adriana Pietramala

Transcript

1 Corso di Informatica Laurea Triennale - Comunicazione&Dams Dott.ssa Adriana Pietramala a.pietramala@mat.unical.it

2 Riferimenti Sito del corso: Manuale PHP Editor di testo:

3 PHP (1) Definizione L acronimo PHP sta per Hypertext Preprocessor. Si tratta di un linguaggio di scripting (1) impiegato nello sviluppo di applicazioni orientate al Web(2) e può essere facilmente integrato nel codice HTML(3).

4 PHP (2) Definizione 1. Linguaggio: strumento utilizzato per lo sviluppo di programmi software. Esistono diversi tipi di linguaggi, ognuno avente delle caratteristiche specifiche. Per il Web si utilizzano linguaggi di scripting. 2. Applicazioni orientate al Web: programmi che vengono eseguiti su Internet, di conseguenza è necessario disporre di un Browser (Firefox, Internet Explorer, Chrome, ecc.). 3. Nella pagine HTML vengono inseriti opportuni tag che richiamano il linguaggio PHP.

5 PHP (3) Struttura di un programma PHP Un programma PHP è, generalmente, costituito da due pagine: Una pagina principale: contiene tutti i componenti grafici e rappresenta l estetica dell applicazione (interfaccia grafica). Una pagina secondaria: esegue delle operazioni. Le operazioni sono solitamente associate ai componenti grafici della pagina principale.

6 PHP (4) Di cosa abbiamo bisogno Un Web Server (apache) opportunamente configurato per interpretare il codice PHP. IMPORTANTE: Le pagine secondarie verranno memorizzate sul server e salvate con estensione.php Un client, ovvero un browser in grado di visualizzare la pagina principale e richiamare la pagina secondaria (file con estensione.php situata sul server)

7 PHP (5) Download SCARICARE: Apache HTTP Server 2.2.x - Win32 Binary including OpenSSL ( nome file: httpd win32-x86-no_ssl.msi) PHP 5.3 (5.3.6)-VC9 x86 Thread Safe (2011-Mar-22 13:27:32). Scaricare Installer(nome file: php win32-vc9-x86.msi) Manuale di installazione e configurazione

8 PHP (6) La pagina principale La Form è un componente PHP e consente di realizzare moduli grafici. Le principali componenti della Form sono: Campo testo: area in cui l utente può inserire dei dati; Area di testo: area in cui l utente può inserire una grande quantità di dati testuali. Radio Button: sono dei piccoli bottoni circolari che consentono di effettuare una scelta esclusiva tra n possibili. In questo caso, quindi, una scelta esclude tutte le altre. CheckBox: sono delle piccolissime caselline che consentono all'utente di operare scelte multiple tra n possibili; Select o menu di opzioni: è un campo costituito da un insieme di voci. Submito bottone di invio: quando cliccato richiama il codice PHP inserito nel con estensione.phppreventivamente caricato sul server Reset o bottone di cancellazione: ripulisce la form dai dati precedentemente inseriti nei vari campi scritti dall'utente.

9 PHP (7) Definizione di una form È necessario inserire un opportuno tag PHP all interno della sezione Body della pagina Html. <FORM method= post action= pagsecondaria.php ></FORM> Questo è un esempio di Form vuota, dove: Action: dice al browser qual è l azione che deve essere gestita in seguito a un qualche evento. In questo caso viene richiamato il codice PHP memorizzato nel file pagsecondaria.php situato sul server; Method: dice al browser in che modo i dati devono essere trasmessi al server e può essere di tipo POST oppure GET. Noi useremo POST.

10 PHP (8) Campo testo È un componente grafico che può essere definito in una form PHP. Viene inserita con il tag INPUT e con l attributo type="text". Ad esempio: <FORM method= post action= pagsecondaria.php > </FORM> L effetto visivo è: Nome:<INPUT type="text" name="nome"> È il nome vero e proprio dell oggetto Un area in cui l utente può immettere del testo.

11 PHP (9) Area di testo È un componente grafico che consente di inserire grandi quantità di testo. Viene inserita con il tagtextarea, attributo rows per indicare il numero di righe e cols per il numero di colonne. Esempio: <FORM method= post action= pagsecondaria.php > </FORM> L effetto visivo è: <textarea name="testo" rows="5" cols="40"> </textarea> Si notichel areadi testo siadattaal contenuto.

12 PHP (10) Radio Button Vengono inseriti con il tag INPUT e con l attributo type="radio". Esempio: <FORM method= post action= pagsecondaria.php > Sesso: <INPUT type="radio" name="sex" value="maschio"> Maschio <INPUT type="radio" name="sex" value="femmina"> Femmina </FORM> L effetto visivo è: Si noti che la scelta è mutuamente esclusiva

13 PHP (11) Check Box Vengono inseriti con il tag INPUT e con l attributo type=" checkbox". Esempio: <FORM method= post action= pagsecondaria.php > </FORM> L effetto visivo è: Linguaggi conosciuti<br> <INPUT type="checkbox" name="html" value="html"> html <BR> <INPUT type="checkbox" name="css" value="css"> css <BR> <INPUT type="checkbox" name="jsp" value="javascript"/> JavaScript Si noti che la scelta NON è mutuamente esclusiva.

14 PHP (12) Select o menu di opzioni Grazie al tag<select> è possibile costruire dei menu di opzioni. In questo caso ciascuna voce deve essere compresa all'interno del tag<option> e il valore deve essere specificato attraverso l'attributo "value". Con value=-1 si può indicare la scelta predefinita. Esempio: L effetto visivo è: <FORM method= post action= pagsecondaria.php > </FORM> I 7 Giorni della settimana: <SELECT name="giornosettimana"> <OPTION value="-1">giorno della Settimana:</option> <OPTION value="lunedì">lunedì</option> <OPTION value="martedì">martedì</option> <OPTION value="mercoledì">mercoledì</option> <OPTION value="giovedì">giovedì</option> <OPTION value="venerdì">venerdì</option> <OPTION value="sabato">sabato</option> <OPTION value="domenica">domenica</option> </SELECT>

15 PHP (13) Submito pulsante di invio Viene inserito con il tag INPUT e con l attributo type="submit". Esempio: <FORM method= post action=pagsecondaria.php> <INPUT type="submit" value=esegui> </FORM> L effetto visivo è:

16 PHP (14) Reset o pulsante di cancellazione Viene inserito con il tag INPUT e con l attributo type="reset"; Esempio: <FORM method= post action= pagsecondaria.php > <INPUT type="reset" value="cancella"> </FORM> L effetto visivo è:

17 Esempio: PHP (15) <html> <head> <title> il mio primo programma</title> </head> <body> <FORM action="prova.php" method= post > Nome:<INPUT type="text" name="nome"><br> Sesso:<INPUT type="radio" name="sex" value="maschio"> Maschio <INPUT type="radio" name="sex" value="femmina"> Femmina<BR> <INPUT type="submit" value="valida"> <INPUT type="reset" value="cancella"> </body> </html> </FORM> Un esempio più complesso L effetto visivo è:

18 PHP (16) Un esempio completo <html> <head> <title>personal INFO</title> </head> <body> <form method="post" action="pagsecondaria.php"> Nome:<input type="text" name="fname"><br/> Cognome:<input type="text" name="lname"><br/><br/><br/> Sesso:<br/> Maschio:<input type="radio" value="male" name="sesso"><br /> Femmina:<input type="radio" value="female" name="sesso"><br/><br/><br/> Seleziona un livello di studio:<br/><select name="education"> <option value="jr.high">jr.high</option> <option value="highschool">highschool</option> <option value="college">college</option></select><br/><br/><br/> Seleziona il tuo piatto preferito:<br /> Pasta:<input type="checkbox" value="pasta" name="food"><br/> Pizza:<input type="checkbox" value="pizza" name="food"><br/> Pollo:<input type="checkbox" value="pollo" name="food"><br/><br/><br/><br/> <textarea rows="5" cols="20" name="quote">scrivi qualche commento</textarea><br/><br/><br/><br/> <INPUT type="submit" value= esegui"><br/> <INPUT type="reset" value="cancella"> </form> </body> </html>