Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Et program som legger sammen to brukergitte tall må
hente det ene
hente det andre
legge tallene sammen
[Kurssidene] [ ABI - fagsider bibin ]
presentere resultatet.
Mellom operasjonene må data
tas vare på (mellomlagres)
kunne finnes igjen.
Michael Preminger ([email protected]) 31/08-15
Her kommer variabler og verdier inn.
En verdi ("datastykke") kan være et tall eller en tekststreng.
"Michael" er et eksempel på en tekstverdi.
12.5, -15 og 100000 er eksempler på tallverdier.
En variabel - en plass i maskinens minne som kan holde på en verdi
Verdier og variabler
Grunnleggende arbeid med variabler
Variabler, XHTML forms (skjema) og overføring av verdier
En variabel er en "plassholder", med navn , som kan holde en verdi. Verdien blir da innholdet i
denne plassholderen.
$pris =12;
Variabelnavnet uttrykker verdiens rolle i programmet.
Eksempel:
$pris =12;
$antall_maaneder =12;
Våre programmer bruker variabler for å lagre og aksessere data.
Programmene kjører èn instruksjon av gangen, og trenger å lagre data mellom gangene.
Variablene $pris og $antall_maaneder i eksemplet ovenfor har
Eksempelprogram: Legg sammen to brukergitte tall
samme verdi (tallet 12)
sannsynligvis helt forskjellige roller i programmer.
Et program kan ha mange variabler, og alle har et unikt navn
Dette gjør det mulig for programmet å aksessere variablene:
for å avlese deres verdier
evt. legge nye verdier i dem.
Alle disse er lovlige variabelnavn :
$pris, $antallMaaneder
$fornavn, $etternavn
Vi bruker ofte ord, på engelsk eller norsk, og setter et dollartegn($) foran.
Unngå æøå!
(klokkeeksempel)
1 of 16
31.08.2015 10:09
2 of 16
31.08.2015 10:09
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Verdien i en variabel kan variere (derav navnet) :
Variabelen $pris kan for eksempel ha verdien 10 en liten stund, deretter verdien 12.
Variabelen $fornavn kan holde verdien "Michael ", og deretter verdien " Lars".
Direkte tilordning: å legge en verdi i en variabel.
En variabel kan holde forskjellige verdier (ikke samtidig!) så lenge programmet kjører
Eksempler på direkte tilordning: (Legg merke til semikolon på slutten):
Variabelen har bare ett og samme navn så lenge programmet kjører.
$fornavn = "Michael" ;
Variabelens verdi er flyktig.
$etternavn = "Preminger" ; (på norsk: $etternavn settes lik "Preminger")
Variabelen $fornavn kan i prinsippet ha forskjellige verdier i løpet av et programs "levetid"
$pris = 4.25 ;
(derav betegnelsen "variabel").
$antall_maaneder = 12 ;
I $fornavn kan det stå "Michael", så kan det stå "Lars" deretter "Erik", osv.
(på norsk: $fornavn settes lik "Michael")
(på norsk: $pris settes lik 4.25)
(på norsk: $antall_maaneder settes lik 12)
altså: "=" betyr "settes lik"
ikke "er lik"
og ikke "lik"
En direkteverdi er en verdi som er gjengitt ordrett i programmet
For eksempel "Michael", 4.25
En direkteverdi brukes ofte til å sette en førsteverdi til en variabel:
For eksempel $fornavn ="Michael ", eller $pris = 4.25 ;
Direkteverdier av typen tekst (tekstliteraler) skrives med anførselstegn i PHP-programmer.
Direkteverdier av typen tall skrives uten anførselstegn.
3 of 16
31.08.2015 10:09
4 of 16
31.08.2015 10:09
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
Print'ing av en variabel viser variabelens verdi
http://edu.hioa.no/Webprogrammering/variabler_forms/
Eksempel 2: Printe numeriske variabler.
Eksempel 1: Vise verdien til en tekstvariabel ved å print()'e variabelen...
Hvis vi henter fram denne filen i nettleseren:
<?php
$gebyr = 42 ;
print ($etternavn) ;
betyr: skriv verdien til variabelen med navnet $etternavn til nettleseren.
print($gebyr);
Filen variabel.php: (linjenummerne er ikke en del av programmet, brukes bare for referanse):
?>
blir
1. <!DOCTYPE...
2. <html>
3.
<head>...
4.
<title>Eksempel1</title>
5.
</head>
6.
<body>
7.
<?php
8.
$fornavn = "Michael" ;
9.
print( $fornavn );
10.
?>
11. </body></html>
42
skrevet i nettleservinduet.
Eksempel 3: Vi kan flette variabler i tekstsetninger som print()-instruksjonen skriver ut:
Følgende PHP-program:
<?php
$fornavn = "Michael" ;
$gebyr = 42 ;
print ("<p> $fornavn måtte betale kr. $gebyr for å ha levert boken for sent</p>");
Linjene 1-6, samt linje 11, utgjør filens HTML-del.
?>
Disse tillater jeg meg å hoppe over i de kommende eksemplene.
skriver følgende når det hentes fram i nettleseren
Linjene 7-10 utgjør en PHP-blokk.
Michael måtte betale kr. 42 for å ha levert boken for sent
På linje 8 blir variabelen $fornavn definert, og tilordnet verdien "Michael"
Linje 9 gjør at verdien til $fornavn skrives til nettleseren.
Når vi henter fram filen i nettleseren med URLen
"http://bibin.hio.no/~michaelp/variabel.php" får vi
Michael
i nettleservinduet.
I eksemplene nedenfor vises bare PHP-koden, (anta dog at HTML-strukturen er der).
5 of 16
31.08.2015 10:09
6 of 16
31.08.2015 10:09
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Eksempel 5: Gi en tallvariabel ny verdi basert på den gamle verdien.
Følgende PHP-programm plusser en variabel med 1, og legger den nye verdien tilbake i samme
variabel:
Numeriske variabler (som har en tallverdi) kan brukes i aritmetiske operasjoner
Variablene
$pris , $maaneder og $gebyr ovenfor er numeriske .
1. <?php
2.
$i = 5;
3.
print ("<p>den første verdien til dollar-i var $i</p>");
4.
$i = $i +1; //pluss-operasjon
5.
print ("<p>dollar-i har nå fått verdien $i </p>");
6. ?>
Det betyr at de er enten heltall (1,2,5,1000) eller flyttall (1.4, 3.14, 19.5).
Slike går det an å foreta aritmetiske (og andre matematiske) operasjoner på:
Eksempler: +(pluss), -(minus), *(multiplikasjon), /(divisjon)
Eksempel 4: bruk av minus-operasjonen
Følgende PHP-program:
1.
2.
3.
4.
Linje 2 definerer variabelen $i og tilordner den en verdi.
Linje 4 :
<?php
$vanligGebyr = 50;
$i sin gamle verdi (tallet 5) blir "plusset på" 1
$redusertGebyr = $vanligGebyr -10; //minus-operasjon
resultatet av operasjonen (tallet 6) tilordnes $i , slik at $i 's gamle verdi slettes
print("<p>Vanlige lånere betaler kr. $vanligGebyr , pensjonister betaler kr.
(overskrives)
$redusertGebyr </p>");
Linjene 3 og 5 sørger for at to linjer skrives til nettleseren (når PHP-filen hentes fram i
nettleseren over http)
5. ?>
resulterer i
den første verdien til dollar-i var 5
dollar-i har nå fått verdien 6
Vanlige lånere betaler kr. 50, pensjonister betaler kr. 40
På linje 3 defineres variabelen $redusertGebyr.
Resultatet av minus-operasjonen $vanligGebyr - 10 tilordnes variabelen $redusertGebyr.
7 of 16
31.08.2015 10:09
8 of 16
31.08.2015 10:09
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Eksempel 8 og 9: sammenføye variabelverdier og direkteverdier mellom anførselstegn
Vi kan sammenføye variabelverdier og direkteverdier ved å legge de, side om side, mellom
anførselstegn:
Eksempel 6: konkatenere (føye sammen) tekststrenger med
(punktum)
<?php
$helenavnet ="$fornavn
Av og til trenger vi å slå to eller flere tekststrenger sammen.
1. <?php
2.
$fornavn = "Michael" ;
3.
$etternavn = "Preminger" ;
?>
resulterer i
4.
$helenavnet = $fornavn . $etternavn ;
5.
print ("<p>$helenavnet</p>");
6. ?>
Michael Preminger
Programmet
<?php
$antallEpler =12;
Linje 4 sammenføyer $fornavn og $etternavn til en lang tekststreng.
tekststrengen tilordnes variabelen $helenavnet.
$setning ="<p>Jeg har $antallEpler epler!</p>";
print ( $setning );
MichaelPreminger
?>
skrives i nettleservinduet når siden hentes fram.
gir
Eksempel 7: en liten forbedring av programmet fra eksempel 6
Vi 'føyer inn et mellomrom' mellom $fornavn og $etternavn.
1.
2.
3.
4.
5.
6.
$etternavn";
print ("<p>$helenavnet</p>");
Jeg har 12 epler!
i nettleservinduet.
<?php
$fornavn = "Michael" ;
$etternavn = "Preminger" ;
$helenavnet = $fornavn . " " . $etternavn ;
print ("<p>$helenavnet</p>");
?>
og får
Michael Preminger
9 of 16
31.08.2015 10:09
10 of 16
31.08.2015 10:09
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Input-element av typen "text" (norsk: tekstfelt)
Dette elementet tillater brukeren å oppgi en tekstverdi eller tallvedi (navn, alder osv.)
Eksempel 10: Tekstelementet med name= "fornavn" gir verdi til PHP-variabelen $_GET['fornavn']
Forms er HTMLs måte å hente data fra brukere
En form (norsk: skjema) er et avsnitt i et HTML-dokument hvor det er mulig å plasssere
datainnhentings-elementer (heretter kalt intput-elementer ).
Fornavn?
En form legges mellom taggene <form> og </form> .
En form består stort sett av input-elementer og tekst.
HTML-forms er det viktigste instrumentet brukt til å gjøre webben interaktiv.
Input-elementer mottar verdier fra brukere, og sender de til PHP-programmer
<form action= " respons_tekst.php ">
<p> Fornavn?
<input type="text"
name= "fornavn"
/>
</p>
<p>
<input type="submit" />
<input type="reset" />
</p>
</form>
<p>
Respons på tekstelementet:
</p>
<p>
<?php
print ($_GET['fornavn']);
?>
</p>
text_form.htm (utdrag)
Input elementer er tekstfelter, avkryssingsbokser, menyer og radioknapper, som en bruker kan
"fylle" med verdier som navn, alder, gaveønske osv.
respons_tekst.php(utdrag)
Respons på tekstelementet
Michael
Verdiene kan så sendes, over nettet, til et PHP-program (målprogrammet), som kan bruke de for
å lage interaktive, fleksible websider.
Variabelverdier overføres fra formen til målprogrammet
Action-attributtet oppgir hvilket program som skal motta dataene (målprogrammet)
Brukeren fyller inn en verdi i tekst-elementet som har navnet "fornavn".
Brukeren klikker på "submit" knappen.
I eksempel 10 er teksten med grønn bakgrunn html-koden til formen som holder teksten.
I dét øyeblikket starter tolkingen av programmet respons_tekst.php , som står oppført i
action-attributtet , og som ligger på tjeneren.
se spesielt på action-attributtet!
Teksten til høyre er en del av målprogrammet (respons_tekst.php) som mottar data fra formen.
Samtidig:
Et input-element kan gi en verdi til en variabel i målprogrammet
Verdien ("Michael") transporteres fra nettleseren, fra form-elementet med navn
"fornavn", over nettet, og til tjeneren der programmet kjører.
Hvert input-element har et name-attributt.
Verdien "Michael" tilordnes variabelen med navnet $_GET['fornavn'] i programmet.
Navnet på variabelen i programmet som mottar elementets data er det samme som elementets
name-attributt.
Variabelen $_GET['fornavn']får, altså verdien "Michael".
Hvis det et sted i PHP-programmet respons_tekst.php står:
print($_GET['fornavn']);
blir ordet "Michael" (altså, verdien i variabelen $_GET['fornavn']) skrevet til nettleser-vinduet.
I det følgende presenteres input-elementer av typene tekst, radioknapper og nedtrekksmenyer.
Vi bruker tekst-elementet som eksempel på verdioverføring.
11 of 16
31.08.2015 10:09
12 of 16
31.08.2015 10:09
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
Formen $_GET['fornavn']
http://edu.hioa.no/Webprogrammering/variabler_forms/
Nedtrekksmenyer
$_GET['fornavn'] er en form for variabel vi kommer næremre innpå senere i kurset.
En nedtrekksmeny tillater brukeren å velge ett av flere fastlagte verdier.
Slike variabelnavn brukes i nyere versjoner av PHP når verdier skal hentes fra brukere over
nettet.
Elementet heter <select> (merk: ikke input), og valgene legges i <option>-elementer.
Eksempel 12: Nedtrekksmenyer - en måte å velge verdi fra en større liste med verdier
MERK!: I strenger som sammenføyes mellom anførselstegn, hvor en variabel av denne typen
inngår, skrives den i krøllklammer:
"ditt navn er
Attributtet "selected" bestemmer hvilket av valgene som skal vises frem før valg foretas.
{$_GET['fornavn']}".
Radioknapper og radioknapprekker
En radioknapp er et input-element som som er tilordnet fast verdi, som overføres hvis knappen er
trykket inn.
Din
favorittforfatter?
En radioknapprekke utgjør en gruppe av radioknapper som deler et navn.
Disse er på forhånd tilordnet gjensidig utelukkende verdier,
Eksempel 11: Radioknapprekke: to radioknapper hvis name-attributt har samme verdi
begge knappene har verdien "erStudent" i name-attributtet.
Variabelen $_GET['erStudent'] i Action-programmet får verdien "ja" eller "nei" , avhengig av
merket knapp.
Student?
ja
nei
<form action= "respons_radio.php" >
<p>Student?</p>
<p>
<input type="radio"
name= "erStudent" value= "ja" />
ja
</p>
<p>
<input type="radio"
name= "erStudent" value= "nei" />
nei
</p>
<input type="submit" />
</form>
radioknapper.htm(utdrag)
<form action= "respons_meny.php">
<p>
Din favorittforfatter?
<select name= "favorittfor">
<option> Henrik Ibsen</option>
<option> Knut Hamsun</option>
<option> Henrik Wergeland</option>
<option selected="selected" >
Jonas Lie
</option>
</select>
</p>
<input type="submit" name="submit"
/>
</form>
meny.htm
<p>
Respons på radioknapper:
</p>
<p>Er jeg student? </p>
<p>
<?php
print ($_GET['erStudent']);
?>
</p>
<p>Respons på nedtrekksmeny:</p>
<p>Hvem er min favorittforfatter? </p>
<?php
print ("<p>svar: {$_GET['favorittfor']}
</p>");
?>
respons_meny.php
Dersom brukeren valgte Jonas Lie , eller lot være å velge, får han følgende respons:
Respons på nedtrekksmeny:
Hvem er min favorittforfatter?
svar: Jonas Lie
respons_radio.php(utdrag)
Dersom brukeren velger "ja"-knappen, blir responsen slik:
Respons på radioknapper
Er jeg student?
ja
13 of 16
31.08.2015 10:09
14 of 16
31.08.2015 10:09
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Utvikling av dynamiske nettsteder med PHP og databaser: verdier, vari...
http://edu.hioa.no/Webprogrammering/variabler_forms/
Eksempel 13: Et større skjema:
Takk for din respons:
Fornavn?
Er du student?
Ja
Nei
Din favorittforfatter?
<form action= "respons_stor.php"
" method="get">
<p>
Fornavn?
<input type="text" name= "fornavn" />
</p>
<p>
Er du student?</p>
<p>
value="ja"/>
<input type="radio" name= "erStudent"
Ja
</p>
<p>
<input type="radio" name= "erStudent"
value="nei"/>
Nei
</p>
<p>
Din favorittforfatter?
<select name= "favorittfor">
<option> Henrik Ibsen</option>
<option> Knut Hamsun</option>
<option> Henrik Wergeland</option>
<option selected="selected" > Jonas Lie</option>
<option> Ivar Åsen</option>
<option> Erlend Loe</option>
<option> Aleksander Kjelland</option>
</select>
</p>
<p>
<input type="submit" name="submit" />
<input type="reset" name="reset"/>
</p>
</form>
Ditt fornavn er: Michael,
din favorittforfatter er Jonas Lie
og på spørsmålet om du var student, svarte du ja.
Takk og på gjensyn!
Vi gjør følgende observasjoner om PHP-programmet ovenfor:
Variablene trenger ikke behandles i noen bestemt rekkefølge. De "ankommer" programmet i
flokk.
elementet "erStudent" er definert før elementet "favorittfor" i formen, men
førstnevntes verdi printes etter sistnevntes i målprogrammet(linjer 8 og 13).
Vi har flere PHP-blokker (<?php ... ?>) med maltekst mellom dem.
Alle variabelverdiene (som er allerede definert) gjelder innenfor alle blokker.
Vi kan skrive så mye fast HTML vi vil mellom og rundt disse blokkene.
Et program (for eksempel et PHP-program) lagrer data i variabler.
En variabel har et navn (fast) og en verdi (som kan variere).
I et PHP-program bruker vi variabler blant annet for å gjøre følgende:
referere til data ($fornavn er en referanse til verdien "Michael" eller "Lars") og lagre de over
tid
manipulere data (for eksempel koble sammen et fornavn og et etternavn)
motta data fra input-elementer.
Vi bruker input-elementener for å gjøre våre nettsider interaktive.
Vi har sett på tre typer input-elementer som kan motta data fra brukere på forskjellige vis.
1. <p> Takk for din respons: </p> <p> Ditt fornavn er:
2.
<?php
3.
print ( $_GET['fornavn'] );
4. ?>
5. </p>,
6. <p>
7. <?php
8.
print ("din favorittforfatter er {$_GET['favorittfor']} ");
9. ?>
10. </p>
11. <p> og på spørsmålet om du var student, svarte du
12. <?php
13. print( $_GET[erStudent] );
14. ?>.
15. </p>
16. <p> Takk og på gjensyn! </p>
Sist oppdatert 11/08-15 av Michael Preminger, [email protected]
respons_stor.php
15 of 16
31.08.2015 10:09
16 of 16
31.08.2015 10:09