Leçon 3 : Votre première page PHP

Avec les leçons 1 et 2, vous en savez un petit peu plus à propos de PHP, et vous avez installé (ou avez accès à) un serveur. Nous sommes prêts à fabriquer notre première page PHP. Nous la ferons simple et facile, mais après cette leçon-ci, vous en saurez beaucoup plus, sur ce qu'est PHP et sur ce que vous pouvez faire avec.

Fondamentalement, un fichier PHP est un fichier texte avec une extension .php, et qui se compose de :

  • Texte
  • Balises HTML
  • Scripts PHP

Vous savez déjà ce que sont le texte et les balises HTML. Voyons donc les scripts PHP de plus près.

Les scripts PHP

Le groupe de documentation PHP a produit une Documentationdocumentation de PHP détaillée. Tout au long du tutoriel, il y aura de nombreux liens vers la documentation. L'objectif est de vous inciter à la consulter et y trouver des réponses à vos questions. PHP est tellement vaste que ce tutoriel ne peut pas en circonscrire tous les aspects. Mais PHP n'est pas difficile ! Au contraire, PHP ressemble souvent à de l'anglais ordinaire.

Allons-y avec notre première page PHP.

Exemple : Hello World!

Commencez par créer un document HTML ordinaire, mais nommez le fichier page.php et placez-le à la racine du site. Si vous utilisez XAMPP (cf. leçon 2), le chemin est "c:\xampp\htdocs\page.php" sur votre ordinateur (lequel est aussi un serveur).

Le code HTML ressemble à ceci :


	<html>
	<head>
	<title>My first PHP page</title>

	</head>
	<body>

	</body>
	</html>


	

Depuis la leçon 1, vous vous rappelez que dans PHP il s'agit d'écrire des instructions pour un serveur. Écrivons donc une instruction pour un serveur.

Nous devons d'abord indiquer au serveur où commence et où finit le code PHP. Dans PHP, on utilise les balises <?php et ?> pour marquer le début et la fin du code PHP que doit exécuter le serveur (sur nombre de serveurs, il suffira d'utiliser <? comme balise de départ , mais <?php est la forme la plus correcte à employer à la première apparition du code PHP.)

Maintenant ajoutons le simple bout de code suivant à notre code HTML :


	<html>
	<head>
	<title>My first PHP page</title>
	</head>
	<body>

	<?php

	echo "<h1>Hello World!</h1>";

	?>

	</body>
	</html>

	

Si nous visionnons le document PHP dans un navigateur, ça ressemblera à ceci :

Illustration : résultat dans un navigateur

Mais ça devient intéressant lorsqu'on regarde le code HTML dans le navigateur (en sélectionnant "voir la source de la page) :

Illustration : voir le code

Le code PHP a disparu ! Comme vous le savez depuis la leçon 1, seul le serveur voit le code PHP : le client (le navigateur) ne voit que le résultat !

Analysons ce qu'il s'est passé. Nous avons demandé au serveur d'écrire <h1> Hello World!</h1>. Dans un langage plus technique, nous dirions que nous avons utilisé la fonction documentationecho pour écrire la chaîne donnée pour le client, le point virgule marquant la fin de l'instruction. Pas d'inquiétude ! Dans ce tutoriel, nous n'emploierons du langage technique qu'un minimum.

Notre premier exemple n'est pas très exaltant. Patientez ! À partir de maintenant, ça va devenir de plus en plus intéressant. Voyons un autre exemple.

Exemple : Maintenant !

Disons au serveur d'écrire autre chose. Nous pourrions, par exemple, lui demander d'écrire la date et l'heure courantes :


	<html>
	<head>
	<title>My first PHP page</title>

	</head>
	<body>

	<?php

	echo date("r");

	?>

	</body>
	</html>

	

Ça donnera quelque chose comme ceci dans le navigateur :

Illustration : résultat dans le navigateur

Et le code HTML correspondant :

Illustration : voir le code

C'est plus intéressant, non ?

Nous faisons écrire au serveur la date et l'heure au moment où s'affiche la page PHP. Si vous rafraîchissez la page dans le navigateur, notez qu'une nouvelle heure s'affiche. Le serveur écrit la date et l'heure courante à chaque fois que la page est envoyée au client.

C'est important aussi de noter que le code HTML contient seulement la date, pas le code PHP. L'exemple n'est ainsi pas affecté par le navigateur employé. En fait, toutes les fonctionnalités offertes par les technologies côté serveur marchent dans tous les navigateurs, toujours !

Et remarquez encore une fois le point-virgule à la fin de la ligne de code. C'est un séparateur, qu'il faut impérativement inclure, sinon le script ne fonctionne pas.

Dans l'exemple, nous avons utilisé le mot documentationdate, lequel est une fonction qui renvoie la date et l'heure courantes sur le serveur.

Prolongeons l'exemple en écrivant d'un seul coup une chaîne et une fonction, séparées par "." (un point), comme ceci :


	<html>
	<head>
	<title>My first PHP document</title>
	</head>
	<body>

	<?php

	echo "<p>Current date and time: " . date("r") . "</p>";

	?>

	</body>
	</html>

	

Ça ressemblera à ça dans le navigateur :

Illustration : résultat dans le navigateur

Et le code HTML correspondant :

Illustration: voir le code

Dans la prochaine leçon, nous examinerons de près la fonction documentationdate et les différents formats de date et d'heure.



<< Leçon 2 : Les serveurs

Leçon 4 : Travailler avec les heures et les dates >>