D116. Mòdul 2. Pràctica 1. Creació i gestió d'entorns web dinàmics (PHP)

Mòdul 2

Creació i gestió d'entorns web dinàmics (PHP)

Pràctica

Exercicis

Sintaxi bàsica

L'objectiu d'aquesta pràctica és veure les diferències entre l'HTML i el PHP i de començar-nos a familiaritzar amb la sintaxi bàsica d'aquest llenguatge. Així, veurem:

Sintaxi
Signes d'escapament
Com comentar el codi

"Hola a tothom"

Crearem una petita pàgina en HTML i després en crearem una altra, amb el mateix contingut, amb el PHP i l'anirem completant amb comentaris, variables i la inclusió de fitxers externs.

Hola a tothom amb l'HTML

El codi que ve a continuació us ha de resultar molt familiar. És un simple missatge de benvinguda en HTML.

<html>
Hola a tothom
 
Benvinguts
</html>

Llistat 2.1.1. "Hola a tothom" amb l'HTML

Fem el mateix amb el PHP

Per aconseguir exactament el mateix, veurem com ho faríem amb el PHP. El resultat serà idèntic però generat de manera diferent.

Copieu el codi que ve a continuació en el vostre editor i deseu-lo amb el nom de m2p12.php. Executeu-lo per veure'n el resultat i llegiu els comentaris que en fem més avall.

<html>
HTML 
----------------- 
Hola a tothom
 
Benvinguts
 

<?php
echo "PHP ";
echo "------------------ ";
echo "Hola a tothom";
echo " ";
echo "Benvinguts";
echo " ";
?>
</html>

Llistat 2.1.2. "Hola a tothom" amb el PHP

Si analitzem el codi, ens adonarem de tot un seguit de coses:

El codi PHP ha d'anar inclòs entre els signes <?php i ?> (també s'accepta iniciar-lo només amb <?). De fet, podem incloure codi php en qualsevol lloc, tantes vegades com vulguem.
En PHP cal que creem el codi HTML, és a dir, que escrivim la pàgina en HTML. Això ho aconseguim amb l'ordre echo. Tot el que vagi darrere d'aquesta sentència i presenti una sintaxi HTML correcta, es mostrarà a la pàgina resultant. Fixeu-vos que el PHP no comprova la validesa del codi HTML que inserim. Una alternativa a echo, amb un funcionament molt similar, és print.
Cal marcar els finals de línia amb punt i coma (;). Si no ho fem, obtindrem un error a l'hora de generar la pàgina.

Normalment els servidors estan configurats de manera que només parsegen o revisen el codi inclòs en pàgines que tinguin l'extensió .php. Així, si incloem codi php dins d'una pàgina amb extensió .html (o sense cap extensió) no es resoldran les comandes introduïdes i no s'interpretarà el codi php.

Salts de línia

En el navegador que utilitzeu, comproveu el codi HTML creat en l'execució de la pàgina anterior. Recordeu que podeu fer-ho amb les opcions de menú Ver | Código fuente (Internet Explorer 6.0) o bé Ver | Origen de la página (Netscape 7.0) i obtindreu una cosa semblant a

<html>
HTML 
----------------- 
Hola a tothom
 
Benvinguts
 

PHP ------------------ Hola a b>tothom Benvinguts </html>

Llistat 2.1.3. Codi HTML generat pel PHP sense salts de línia

Fixeu-vos que en la part que correspon al codi HTML escrit directament a l'editor hi ha uns salts de línia que no es presenten en el codi creat mitjançant el PHP. Això no afecta en absolut el funcionament de la pàgina HTML, però sí que pot arribar a ser confús a l'hora d'analitzar el codi HTML creat. Podem solucionar-ho afegint un salt de línia de codi (\n) al final de cada línia. Aquest salt no afecta el codi HTML generat però sí que provocarà una presentació més clara quan el visualitzem.

<?php
echo "PHP \n";
echo "------------------ \n";
echo "Hola a tothom \n";
echo " \n";
echo "Benvinguts \n";
echo " \n";
?>

Llistat 2.1.4. Salts de línia

I el resultat serà ara:

<html>
HTML 
----------------- 
Hola a tothom
 
Benvinguts
 

PHP 
------------------ 
Hola a tothom
 
Benvinguts
 
</html>

Llistat 2.1.5. Codi HTML generat pel PHP amb salts de línia

Signes d'escapament

Per fer un salt de línia en el codi, hem utilitzat el signe d'escapament (\) en combinació amb un altre caràcter (\n).

Podem fer servir aquest mateix signe per aconseguir altres coses:

codi	resultat
\n	Crea una nova línia (ho acabem de veure)
\r	Crea un salt de paràgraf (nou retorn de carro)
\t	Crea una tabulació

Igualment, aquest signe pot servir per "emmascarar" signes especials, que ja s'utilitzen en la sintaxi del llenguatge, com:

codi	resultat
\'	Cometes simples
\$	Signe de dòlar (ja veurem que aquest signe precedeix totes les variables en PHP)
\\	La mateixa barra invertida
\"	Cometes dobles

En el codi següent la paraula PHP de l'última frase es mostrarà entre cometes dobles gràcies a l'emmascarament que en fem amb el signe d'escapament. En cas contrari, ens quedaria tallada la cadena de caràcters i ens donaria un error. També es podria evitar aquest problema alternant amb cometes simples.

<?php
echo "PHP \n";
echo "------------------ \n";
echo "Hola a tothom \n";
echo " \n";
echo "Benvinguts al món de \"PHP\" \n";
echo " \n";
?>

Llistat 2.1.6. Emmascarament mitjançant signes d'escapament

Comentar el codi

És molt recomanable comentar el codi que escrivim. Això ens permet:

Recordar què fa cada fragment de codi.
Posar-hi observacions pertinents o advertiments.
Comentar, en el procés de depuració, una línia per veure el funcionament i trobar errors.

Llistat 2.1.7. Codi comentat

Com veieu, podem fer comentaris de més d'una línia posant-los entre /* i */.

Igualment, podem posar un comentari d'una sola línia després del signe //.

Pràctica

Exercicis