Débuter en PHP en pratique

Préparation du cours

Objet :

Ce document devrait vous aider à comprendre les principes de base du langage PHP avec lequel un serveur crée les pages HTML envoyées au navigateur du client.

Pré requis :

Connaissances des langages HTML et CSS de base, de la théorie de l'architecture client/serveur.

La connaissance du SQL est un plus très utile.

Rappels

Les logiciels AMP installés (apache et php contenu dans le pack wampServer ou autre) doivent être lancés (à la main ou automatiquement)
Avec WampServer, les fichiers sont stockés dans un répertoire de travail qui se trouve dans C:/wamp/wwww/.
Sous Linux, il sera soit dans /home/userId/public_html, soit dans /var/www/.
L'accès aux fichier se fait à traves le navigateur, à l'adresse "http://localhost".

Comment travailler ?

Pour réaliser ce TP/Tuto, vous devez disposer d'un PC et d'internet. Le plus simple est de suivre ce TP pas à pas et d'y aller.

Contenu du dossier associé :

Dans ce TP, vous trouverez un dossier contenant les différentes pages du TP qui sont pré-fabriquées afin de faciliter votre travail (et de toujours rester en accord avec le tuto).

Les pages nécessaires à chaque étape sont indiquées au fur et à mesure.

Vous trouverez les pages :

nom fichier	contenu	utilisation
hello.php	vide	copier/coller
texteDivers.php	vide	copier/coller
bonjour.php	remplie	-

Bonne lecture, bon travail.

Il faut bien commencer par quelque chose : [hello.php]

Hello world : ouvrir/fermer le code php, afficher du texte, des nombres, exécuter le php avec Apache/PHP

Pour produire le texte html "Hello World", nous allons écrire le code php qui l'envoie dans le fichier html affiché par le navigateur (ouh, c'est bien compliqué tout ça !!!).

Non, non, rien de bien sorcier : on ouvre le php, on envoie le texte et on referme le php comme ceci :

<?php echo "Hello World"; ?>

Quel intérêt ?

Ici, pas beaucoup, mais plus loin, le php prendra tout son sens

Observer le code

Démarrer AMP,
Créer le dossier TP_php_01_debuter dans le répertoire c:/wamp/www/ (et pas ailleurs pour ceux qui ont wampserver, les autres ...), y entrer,
Créer un nouveau fichier texte et le renommer hello.php, l'ouvrir avec l'éditeur de texte,
Recopier le code précédent dans ce fichier,

Tester l'application php :

Lancer votre navigateur et aller à l'adresse du serveur local : localhost,
Naviguez jusqu'à votre répertoire TP_php_01_debuter et appeler la page hello.php,
Admirer sa première page web dynamique (yess)

Que voit-on ?

La commande echo est essentielle en php, elle permet de produire du code html qui sera envoyé au navigateur client./p>

Ainsi, on va mettre toute la page dans des commandes echo, enfin … la partie dynamique, seulement, car si une page php ne contient pas du code php entre <?php et ?>, c'est que c'est du html.

Histoire de rigoler, vous pouvez ouvrir le fichier sans passer par http://localhost ... ça marche ? non, hein ?!

Normal : on ne passe pas par apache et php n'est pas appelé pour exécuter la partie php du script.

Mélange détonnant étonnant : [texteDivers.php]

Mélanger HTML et PHP dans une même page

Nous allons faire un test d'insertion de code php au milieu du code html :
Créer le fichier texteDivers.php et y copier/coller le code suivant, tester via http://localhost.

Et je coupe le html pur …<br>

<?php
	echo "J'écris en html avec du <b>php</b>"; // envoi d'un texte html au navigateur
?>

<br>Et je remet le html …

Et voilà! Ça fume ?

Remarquer :

Les lignes avant et après le code PHP sont du code HTML pur.

Dans la chaine de caractères envoyée au navigateur par Echo, on y met aussi du HTML pur … donc pourquoi pas des balises ?

Quel intérêt ?

Le code PHP est un véritable programme qui permet de produire du code HTML à la demande, en fonction des données qui sont transmises à la page, en fonction des données qui sont trouvées dans les bases de données.

On commence quand ? : [bonjour.php]

Mélange html/PHP (2) ou comment écrire du php au beau milieu du html, pour améliorer la lisibilité du code html - compléments sur la syntaxe ; Première instruction PHP : date()

Le mélange html/php peut être plus intégré encore, de plus, il y a plein d'autres mots clés pour écrire du PHP. Voila de quoi en découvrir quelques uns.

Ouvrir la page bonjour.php avec un contenu basique (copier le code ci-dessous) :

<?php
	// une page pour savoir la date et l'heure
?>
Bonjour, nous sommes le <?= date("d/m/Y") ?>
<br>Et il est <?= date("H:i") ?> heure

Résultat :

Bonjour, nous sommes le 21/06/2025
Et il est 08:12 heure

Remarquer :

// : est une remarque et sert à expliquer le code (ou des bouts de code)
Le code PHP peut être mis sur une seule ligne et n'importe où dans le code HTML
; : (point-virgule) est obligatoire à la fin de chaque ligne de PHP, sinon ça plante (vous verrez bientôt, c'est l'erreur la plus courante … ;-)
() : après une fonction prédéfinie ou définie par l'utilisateur et qui peut contenir des arguments, comme en maths : soit la fonction f telle que y=f(x) et bla bla beurk,
" " : les doubles guillemets (les simples aussi), servent à encadrer les chaines de caractères, sinon soucis … et si on fait des copies de word, on a souvent des pbms avec ces " et '

Écrire votre page d'accueil, les variables : [accueil.php]

Qu'est-ce qu'une variable, syntaxe d'écriture

Dans le fichier accueil.php, ajouter les lignes suivantes (et seulement celles-ci)

<?php
	$nom="votre nom";
?>
<h1>Bienvenue sur le site de <?php echo $nom; ?></h1>

Évidemment, remplacer "votre nom" par votre nom entre " ".

Remarquer :

$nom est une variable dans laquelle on peut mettre une valeur (ici : "votre nom") et que l'on peut réutiliser plus loin.
On peut en modifier son contenu a volonté (en remplaçant sa valeur par une nouvelle valeur),
et la réafficher plus tard …

Une variable est comme une boite à laquelle on a donné un nom (une étiquette) et dans laquelle on peut mettre n'importe quelle valeur, de (presque) n'importe quel type.

Le contenu de cette variable peut être changé (écrasé, remplacé) et récupéré (substitution du nom par la valeur à l'exécution du code) pour utiliser son contenu (la valeur) comme on veut.

Une valeur alpha-numérique (chiffres ET lettres) sera écrite entre "" ou '' (doubles ou simples cotes, apostrophes)

Une valeur numérique (chiffres seulement) sera écrite sans "" ni '' et le séparateur décimal sera un . (point).

Fainéantise (fait néant TICE, faine et hantise, hum! …)

Mélanger HTML et PHP dans une même page

[Modification de toutes les pages précédentes + entete.php et pied.html]

L'informatique sert avant tout à en faire plus avec moins d'efforts … (travaillez plus … qu'il disait !)

1) Un peu de comm et de fainéantise

Le design, l'enrobage du cœur de notre page est souvent le même d'une page à l'autre.
C'est très bien car l'internaute se créera ses repères de navigation dans notre site, il comprendra (le plus facilement et rapidement possible) comment notre site est architecturé.

Donc, toutes les pages d'un site auront le même entête (titre, menu, etc.) et le même pied de page.

2) Inclure l'entête et le pied de page

Ré-écrire le design à chaque page est fastidieux. Si on pouvait demander à la machine de le faire pour nous, on en profiterait et flemmarder un peu au lieu de coder !!!

Nous rédigerons donc l'entête et le pied une seule fois, dans des fichiers séparés, qui seront inclus dans toutes les pages du site.

Super, c'est comme pour la feuille CSS.

Ouvrir et observer les fichiers entete.php et pied.html (deux types différents, pour varier les plaisirs …).
Remarquez qu'il manque un tas de lignes : l'entête et le pied des pages.

Ils contiennent du code html brut, utilisable tel que.

Pour les inclure dans notre page d'accueil, sans copier le contenu à la main, on va ajouter des lignes au début et d'autres à la fin de l'accueil.php :

Au début : <?php include "entete.php"; ?>

Et à la fin : <?php include "pied.html"; ?>

Testons : le résultat est plutôt fun, non ? en plus, il y a même un menu qui est identique à toutes les pages.

C'est de cette façon qu'on fera le design de tous nos sites dans l'avenir :
on inclue des fichiers qui contiennent du code html ou php pour toutes les parties communes à toutes les pages,
voire plus : pour des fonctions, des affichages particuliers, des codes complexes.

Par exemple, on pourrait y mettre des formulaires différents et les inclure en fonction des besoins …

Et voilà

Nous voici arrivé au terme ce cette première série d'exercices. Avant de continuer, je vous invite à parcourir le net à la recherche de p'tits bouts d'code et de vous familiariser avec la syntaxe de base du langage.

Une liste de sites pour vous aider … :

En cas d'erreur (gros cadre orange) : http://www.phpdebutant.org/article112.php
Pour commencer : http://www.phpdebutant.org/article118.php
Pour commencer (aussi) : http://sylvie-vauthier.developpez.com/tutoriels/php/grand-debutant/?page=intro#LI
Et plein d'infos sur alsacreations, openclassrooms, php fance, developpez.com, etc. ...