Dynamische Websites. Week 2

<select class="form-control" name="dag" id="dag"> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ...

<select class="form-control" name="dag" id="dag"> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ...

<select class="form-control" name="dag" id="dag"> 1

<select class="form-control" name="dag" id="dag"> 1

<select class="form-control" name="dag" id="dag"> 1

<select class="form-control" name="dag" id="dag"> 1

<select class="form-control" name="dag" id="dag"> 1

<select class="form-control" name="dag" id="dag">



PHP



PHP



PHP

PHP

PHP

html buiten php-block!

ALTERNATIEVE SYNTAX for ($i = 1; $i <= 31; $i++){ echo $i; }

• • •

for ($i = 1; $i <= 31; $i++): echo $i; endfor;

endwhile; endif ...

http://php.net/manual/en/control-structures.alternative-syntax.php

ALTERNATIEVE SYNTAX for ($i = 1; $i <= 31; $i++){ echo $i; }

• • •

endwhile;

for ($i = 1; $i <= 31; $i++): echo $i; endfor;

html

endif ...

http://php.net/manual/en/control-structures.alternative-syntax.php

ALTERNATIEVE SYNTAX for ($i = 1; $i <= 31; $i++){ echo $i; }

zuiver php

• • •

endwhile;

for ($i = 1; $i <= 31; $i++): echo $i; endfor;

html

endif ...

http://php.net/manual/en/control-structures.alternative-syntax.php

AGENDA • Labo 1 • GET, POST • Navigatie, etc • Varia

VOORBEELD WEEK 1

Hello, my name is <strong>Jan

I live in Herestraat 49

today is

VOORBEELD WEEK 1 Hardgecodeerd !

Hello, my name is <strong>Jan

I live in Herestraat 49

today is

VARIABELEN

Hello, my name is <strong>

I live in

today is

VARIABELEN

Liever meegeven als parameter !

Hello, my name is <strong>

I live in

today is

VARIABELEN

Liever meegeven als parameter ! Hoe ?

Hello, my name is <strong>

I live in

today is

PARAMETERS

• Doorgeven via... • GET URL • POST Body

GET REVISITED meegeven in URL: • Parameters http:///<path>?

• Querystring: voornaam=Piet voornaam=Piet&leeftijd=20

•

Ophalen van data, geen side-effect

idempotent

VOORBEELD Host

Path

http://localhost:8888/dynwebexamples/theorie02/ voorbeeld1.php?name=Piet&street=Parkstraat

Querystring

PHP

Hello, my name is <strong>

I live in

today is

PHP

Hello, my name is <strong>

I live in

today is

PHP

Hoe uit request halen?

Hello, my name is <strong>

I live in

today is

$_GET • Voorgedefiniëerde variabele* • Associatieve array: • •

key: naam parameter value: waarde parameter

*Zie http://php.net/manual/en/reserved.variables.php

http://localhost:8888/dynwebexamples/theorie02/ voorbeeld1.php?name=Piet&street=Parkstraat

Hello, my name is <strong>

I live in

today is

http://localhost:8888/dynwebexamples/theorie02/ voorbeeld1.php?name=Piet&street=Parkstraat

Hello, my name is <strong>

I live in

today is

http://localhost:8888/dynwebexamples/theorie02/ voorbeeld1.php?name=Piet&street=Parkstraat

Hello, my name is <strong>

I live in

today is

HTML FORM • user input naar server sturen • bevat input elementen: •

input elementen

Zie: http://www.w3schools.com/html/html_forms.asp

HTML FORM • user input naar server sturen tekst velden, • bevat input elementen: checkboxen, •

input elementen

radio-buttons, submit buttons, ...

Zie: http://www.w3schools.com/html/html_forms.asp

INPUT ELEMENTEN • input van de gebruiker •



bepaalt wijze van invoer: text checkbox password radio ...

naam parameter in HTTP Request

INPUT SUBMIT BUTTON •



• knop: • •

data worden verstuurd naar server voor elk input element: parameter

• alternatief:
type=”submit”>

veelzijdiger

VOORBEELD

Voornaam:

VOORBEELD

Voornaam:

?naam=Piet

INPUT

SERVER

• HTTP Request •

VOORBEELD

Host

Path

http://localhost:8888/2013Exercises/les01/index.php ?naam=Piet&email=email&dag=22&maand=9&jaar=2013 &lievelingskleur=ff0000&aanvaardbarekleuren[]=00ff00 &opmerkingen=

Querystring

ALTERNATIEF: POST http://localhost:8888/2013Exercises/les01/index.php

• Querystring meegeven in body • Wel side-effects (email sturen, data wijzigen, ...) • $_POST: • •

key: naam input element value: inhoud input element

GET

POST

Bookmark

V

X

Cache

V

X

Restrictions on length

V

X

Restrictions on type

V

X

Back button

V

X (warning)

Parameters in history

V

X

Security

X

V

Visibility

V

X

Useable

Safe

AGENDA • Labo 1 • GET, POST • Navigatie, etc • Varia

NAVIGATIE • action form-attribuut • plaats waar de gegevens naartoe gestuurd moeten worden

•
action=”url”>...

• Indien leeg

zelfde pagina

VOORBEELD

blijf op zelfde pagina

navigeer naar confirm.php

OPDRACHT 1 • Vanuit registratieformulier: • •

navigeer naar een bevestigingspagina toon op deze pagina de boodschap:

Beste Piet, je registratie is ontvangen op 26/09/2013 13:50

OPDRACHT 2 • Vanuit registratieformulier: • •

controleer of minstens naam en email ingevuld. Indien niet: toon foutboodschap

OPDRACHT 3 • Vanuit registratieformulier: •

als naam en email niet ingevuld: toon foutboodschap

•

anders: navigeer naar bevestigingscherm: Registratie ontvangen om 13:50

REDIRECT zet HTTP Response header

• functie header() •header(‘Location: •gevolgd door exit();

’)

eventuele verdere code mag niet meer uitgevoerd worden!

AGENDA • Labo 1 • GET, POST • Navigatie, etc • Varia

CLIENT SERVER MODEL

heeft een service nodig

biedt een service aan

draait client programma

draait server programma

deelt geen resources

deelt resources met client

begint communicatie

wacht op vraag

vraagt

antwoordt

SVN

client

server

• Verwijzing instructies

client

AGENDA • Labo 1 • GET, POST • Navigatie, etc • Varia

?