Diferència entre revisions de la pàgina «PHP control de flux»
Línia 37: | Línia 37: | ||
El resultat d'aquest bucle és la mateixa frase que es va repetint però cada cop amb un tipus de ''header'' HTML diferent <nowiki>(<H1>,<H2>, etc.).</nowiki> | El resultat d'aquest bucle és la mateixa frase que es va repetint però cada cop amb un tipus de ''header'' HTML diferent <nowiki>(<H1>,<H2>, etc.).</nowiki> | ||
+ | |||
== Condicionals IF...THEN...ELSE == | == Condicionals IF...THEN...ELSE == | ||
Línia 56: | Línia 57: | ||
*Utilitzem '''variables ''booleanes''''', és a dir, que valen "veritat" o "fals" (en anglès "true"/"false"). | *Utilitzem '''variables ''booleanes''''', és a dir, que valen "veritat" o "fals" (en anglès "true"/"false"). | ||
*:També es poden fer servir variables numèriques normals. Un 0 és "false" i qualsevol altre número seria "true". | *:També es poden fer servir variables numèriques normals. Un 0 és "false" i qualsevol altre número seria "true". | ||
+ | *'''MOLT IMPORTANT:''' S'utilitza l''''operador "=="''' (doble) enlloc del simple "=". '''Si no ho feu bé el programa fallarà.''' | ||
+ | **El simple "=" és per assignar valors a variables. Per exemple: $a = $a + 1; | ||
+ | **El doble "==" és per comparar. Per exemple: if( $a == $b ) ... | ||
*Seria el mateix posar '''if( $a )''' a seques. | *Seria el mateix posar '''if( $a )''' a seques. | ||
*S'executa la primera regió si $a val "true". S'executa la 2a regió si val qualsevol altra cosa. | *S'executa la primera regió si $a val "true". S'executa la 2a regió si val qualsevol altra cosa. | ||
Línia 68: | Línia 72: | ||
I després la podríem capturar com vam fer en el capítol anterior, a través de la variable superglobal $_GET['a']. | I després la podríem capturar com vam fer en el capítol anterior, a través de la variable superglobal $_GET['a']. | ||
− | |||
== Per saber més == | == Per saber més == |
Revisió del 22:40, 1 maig 2011
El control de flux és el que identifica un llenguatge de programació. Sense control de flux no hi ha programa (HTML no té control de flux, per això no se'l considera un llenguatge de programació).
Un programa està format per:
- Estructura de dades (variables, arrays, matrius, arbres, etc.)
- Control de flux
- Algorismes (la recepta de cuina).
Amb el control de flux el què podrem fer serà:
- Realitzar bucles (operacions repetitives)
- El cas típic és el bucle FOR, però també hi ha el WHILE, el DO i el FOREACH.
- Llegeix Bucles a Wikibooks.
- Llegeix bucles a Hudzilla.
- Realitzar operacions condicionals (triar si les volem fer o no depenent d'alguna variable)
- El cas típic és el IF...ELSE, però també hi ha el SWITCH
- Llegeix Condicionals a Wikibooks.
Bucles FOR
És el cas més típic però tots els altres s'utilitzen molt també. Es tracta de repetir una operació molts cops. Tindrem una variable (típicament $i) que anirà canviant de valor cada cop que iterem (fem una volta).
Ens caldrà:
- Número d'inici
- Condició de final (quan parem el bucle).
- Increment (es pot saltar d'1 en 1 o de 5 en 5 o el què vulguem)
for( $i=1; $i<5; $i++) {
echo "<H$i>Iteració $i: títol de categoria $i</H$i>\n";
}
Fixa't en què:
- Comencem per valor 1 ($i=1)
- Acabem en el valor 4 ($i<5: el 5 no entra!)
- Incrementem de 1 en 1 la $i: $i++ és el mateix que $i = $i + 1;
El resultat d'aquest bucle és la mateixa frase que es va repetint però cada cop amb un tipus de header HTML diferent (<H1>,<H2>, etc.).
Condicionals IF...THEN...ELSE
Amb el IF podem triar si realitzem o no una acció. Per exemple:
if( $a==true )
{
// Excutem això si $a és "true"
echo "La variable booleana 'a' té el valor 'true'<br />\n";
} else
{
// Executem això altre si $a NO és "true"
echo "La variable booleana 'a' té el valor 'false'<br />\n";
}
Fixa't en què:
- Utilitzem variables booleanes, és a dir, que valen "veritat" o "fals" (en anglès "true"/"false").
- També es poden fer servir variables numèriques normals. Un 0 és "false" i qualsevol altre número seria "true".
- MOLT IMPORTANT: S'utilitza l'operador "==" (doble) enlloc del simple "=". Si no ho feu bé el programa fallarà.
- El simple "=" és per assignar valors a variables. Per exemple: $a = $a + 1;
- El doble "==" és per comparar. Per exemple: if( $a == $b ) ...
- Seria el mateix posar if( $a ) a seques.
- S'executa la primera regió si $a val "true". S'executa la 2a regió si val qualsevol altra cosa.
La variable $a podria provenir d'un formulari del tipus CHECKBOX:
<FORM>
<INPUT type="checkbox" name="a" />
...
</FORM>
I després la podríem capturar com vam fer en el capítol anterior, a través de la variable superglobal $_GET['a'].
Per saber més
- Bucles (loops):
- Llegeix Bucles a Wikibooks.
- Llegeix bucles a Hudzilla.
- Condicionals (particularment mira't els SWITCH):
- Llegeix Condicionals a Wikibooks.
Exercicis
- Munta l'exemple explicat en aquesta pàgina: un bucle que iteri des de 1 fins un número de cops que li indiquis en un formulari.
- Prova fins on arriben els encapçalaments HTML. Quin és el H? màxim?
- Posa-hi també un CHECKBOX que executi el bucle només si l'has activat.
- Si t'hi fixes, al posar el número 5 no arriba mai a fer el H5. Com ho pots arreglar sense introduir un número més al formulari?
- Fes una taula de multiplicar (de l'1 al 10) amb un form que indiqui el número de la taula.
- Amplia-ho ara amb un altra casella per introduir el número de iteracions que tindrà la taula (per defecte és 10).
- Posa un checkbox que si l'actives et posa en negreta el resultat de cada multiplicació.
- Realitza els 2 exercicis anteriors canviant el bucle FOR per un WHILE.
- Fes un pàgina que et faci totes les taules de multiplicar de l'1 al 9.
- NO es val fer 9 bucles. S'ha de fer amb un bucle dins d'un altre bucle. OJU perquè caldrà que tinguis 2 variables per iterar, que poden ser $i i $j.
- Fes una taula HTML com aquesta utilitzant bucles.
- Comença per la taula sense colors.
- Afegeix colors diferents a cada columna utilitzant el condicional SWITCH
fila 1, columna 1 |
fila 1, columna 2 | fila 1, columna 3 | fila 1, columna 4 |
fila 2, columna 1 |
fila 2, columna 2 | fila 2, columna 3 | fila 2, columna 4 |
fila 3, columna 1 | fila 3, columna 2 | fila 3, columna 3 | fila 3, columna 4 |
- ...more to come...