Vous êtes sur la page 1sur 7

INSTITUT SUPERIEUR DES ETUDES TECHNOLOGIQUES DE NABEUL

DEPARTEMENT TECHNOLOGIE DE L’INFORMATIQUE

TP 1: Les premiers pas en PHP


Matière : Atelier Développement web coté serveur Enseignante : Aida Messadi
Classes : DSI2 Durée : 3h

Objectif

L'objectif de ce TP est de vous permettre de réaliser des sites web dynamiques, pas à
pas.

Comprenez le fonctionnement d'un site web

Lorsque vous voulez visiter un site web, vous tapez son adresse dans votre navigateur
web. Mais ne vous êtes-vous jamais demandé comment faisait la page web pour arriver
jusqu'à vous ?
Il faut savoir qu'Internet est un réseau composé d'ordinateurs. Ceux-ci peuvent être
classés en deux catégories :

1. Les clients : ce sont les ordinateurs des internautes comme vous. Votre
ordinateur fait donc partie de la catégorie des clients. Chaque client représente
un visiteur d'un site web.

2. Les serveurs : ce sont des ordinateurs puissants qui stockent et délivrent des
sites web aux internautes, c'est-à-dire aux clients. La plupart des internautes
n'ont jamais vu un serveur de leur vie. Pourtant, les serveurs sont
indispensables au bon fonctionnement du Web.

On résume : votre ordinateur est appelé le client, tandis que l'ordinateur qui détient
le site web est appelé le serveur.

Ajoutez PHP et MySQL pour un site dynamique


Quel que soit le site web que l'on souhaite créer, HTML et CSS sont indispensables.
Cependant, ils ne suffisent pas pour réaliser des sites dynamiques. Il faut les
compléter avec d'autres langages.

C'est justement tout l'objet de ce TP : vous allez apprendre à manipuler PHP et


MySQL pour réaliser un site web dynamique.

PHP : C’est un langage que seuls les serveurs comprennent, et qui permet de rendre
votre site dynamique.

1
1. Préparez votre environnement de travail :

Pour que votre ordinateur puisse lire du PHP, il faut qu'il se comporte comme un
serveur.Les programmes que vous devez installer :

 Apache : C’est ce qu'on appelle un serveur web.


 PHP : C’est un plug-in pour Apache qui le rend capable de traiter des pages web
dynamiques en PHP.
 MySQL : C’est le logiciel de gestion de bases de données.
Nous allons voir comment installer le « pack ».

Il existe plusieurs "paquetages" pour Windows et Mac. Je vous propose d'utiliser


WAMP.

1. Installer XAMPP pour Windows https://www.apachefriends.org/fr/download.html

2. Ajouter le chemin de la commande php (C:\xampp\php ) à votre variable


d’environnement PATH.

3. Lorsque XAMP démarre, il lance à son tour les deux programmes importants en
fond : Apache et MySQL (il faudra peut-être cliquer sur "Start Servers").

Si une fenêtre apparaît pour vous indiquer que le pare-feu bloque Apache ou MySQL,
cliquez sur "Autoriser l'accès".

2
2. Création du premier projet de test que nous appellerons tests :

1. Ouvrez l'explorateur Windows et rendez-vous dans le dossier racine htdocs :


Placez-vous sur C:\xampp\htdocs.
2. Créez un nouveau sous-dossier que vous appellerez tests.
3. Dans le dossier tests crée un fichier PHP index.php avec le contenu suivant :

<?php

echo "Hello world";

Ensuite, en accédant à http://localhost/tests/test.php le retour de l'exécution de ce script PHP


sera disponible

3. Insérez une balise PHP au milieu du code HTML

 Elle commence par <? php Et se termine par ?>

<?php /* Le code PHP se met ici */ ?>

Dans le fichier index.php tester le code suivant :

<!DOCTYPE html>
<html>
<head>
<title>Ceci est une page de test <?php /* Code PHP */ ?></title>
<meta <?php /* Code PHP */ ?> charset="utf-8" />
2023-2024 | F a s c i c u l e d e T P : Atelier Développement web coté serveur

</head>
<body>
<h2>Page de test</h2>

<p>
Cette page contient du code HTML avec des balises PHP.<br />
<?php /* Insérer du code PHP ici */ ?>
Voici quelques petits tests :
</p>
<h2>echo</h2>
<p>
Cette ligne a été écrite entièrement en HTML.<br />
<?php echo("Celle-ci a été écrite entièrement en PHP."); ?>
</p>
</body>
</html>

 Utilisez l'instruction echo : L’instruction se termine par un point-virgule, ce qui


signifie "Fin de l'instruction".
 Pour afficher un guillemet : précéder le guillemet d'un antislash \

Dans le fichier index.php, dans la balise body ajouter et tester le code


suivant :

<?php echo "Ceci est du texte"; ?> <br />


<?php echo "Cette ligne a été écrite \"uniquement\" en PHP."; ?>
<!-- Ou bien, avec des parenthèses -->
<?php echo("Ceci est du texte"); ?>
<p>Aujourd'hui nous sommes le <?php echo date('d/m/Y h:i:s'); ?>.</p>

 Notez qu'il existe une instruction identique à echo appelée print, qui fait la même
chose. Cependant, echo est plus couramment utilisée.

 Il est possible d'ajouter des commentaires en PHP pour décrire le fonctionnement


du code. On utilise pour cela les symboles // ou /* */.

Dans le fichier index.php, dans la balise body ajouter et tester le code suivant :

<h2>Commentaire</h2>
<?php
echo "J'habite à nabeul."; // Cette ligne indique où j'habite

// La ligne suivante indique mon âge


echo "J'ai 92 ans.";
?>
<?php
/* La ligne suivante indique mon âge
Si vous ne me croyez pas...
... vous avez raison ;o) */
echo "J'ai 92 ans.";
?>

4.Les variables en PHP


 En PHP, un nom de variable commence par le symbole dollar : $
 La valeur d'une variable peut être affichée avec l'instruction echo
 Il existe plusieurs types de variables qui permettent de stocker différents
types d'informations
o String : Les chaînes de caractères
o Int : Les nombres entiers
o Float : Les nombres décimaux
o Bool : Les booléens vrai soit faux.
o NULL : Rien
o On peut afficher la valeur de variable avec echo

Application :
Déclarer 2 variables : nom et prénom. Les initialiser avec les valeurs "Ben Ahmed" et "Ali"
et les afficher sur la page en utilisant 3 modes syntaxiques différents :
- 2 commandes echo
- 1 commande echo avec 1 seule chaîne de caractère
- 1 commande echo avec le point de concaténation
Résulta :

5.CALCUL SUR DES VARIABLES.


_ Les opérateurs arithmétiques:+,-,*,/,%,.
_ Les opérateurs d'affectation:=,-=,+=,/=,%=,.=,++,--
_ Les opérateurs d'incrémentation:++,--
_ Les opérateurs de comparaison:==, !=,<,>,<=,>=,
_ Les opérateurs logiques:&&(and), ||(or), ! , xor

Application :
Affecter respectivement les valeurs 0.206, 150 et 10 aux variables TVA, prix et Nombre.
Calculer le prix HT et le prix TTC pour les 10 articles et les afficher.On affichera également
le type de chaque variable

5
2023-2024 | F a s c i c u l e d e T P : Atelier Développement web coté serveur

Résulta :

4.Les conditions dans les pages web PHP

Pour les structures conditionnelles


_ if (expression)
_ if (expression)... else ...
_ if (expression 1)...elseif(expression2)...if...
_ switch(expression)

Application :
Affecter respectivement les valeurs 150, 50 et 10 aux variables prix_table,
prix_armoire et Nombre.

Calculer le prix HT total pour les 10 armoires.


Comparer le prix de l’armoire et de la table et afficher quel est le prix le plus élevé.

Résulta :

5.Les boucles demandent à PHP

Pour les structures répétitives, même syntaxe qu’en langage C:


_ for (expr1; expr2; expr3)
_ while (expression) instructions;
_ do instructions; while (expression);
Application :
Affecter une valeur à la variable nbre et afficher la somme des entiers de 1 à nbre.
Nb : on réalisera cet exercice avec l’instruction FOR puis avec l’instruction WHILE.

6
Résultat :

5.UTILISATION DES TABLEAUX.


Il existe plusieurs façons de déclaration des tableaux:
 $T = array(3, 6, 9); //ce tableau contient trois valeurs
 $T = array(); //tableau vide
$T[] = 3; //ajout à la position 0
$T[] = 6; //ajout à la position 1
 $t[0]=2004;//tab sans array 1er élément contient un entier
$t[1]=31.14; // un réel dans le 2ème élément !!

Tableau associatif : indice est de type chaîne de caractères


 $personne = array("Nom" =>"Ali", "Prenom"=> "Saleh");
 $personne["Nom"] = "Ali"; //sans array
personne["Prenom"] = "Saleh";
 foreach //Permet de parcourir les éléments d’un tableau
$tab=array("a","b","c");
foreach($tab as $val)
{
echo ("valeur:$val\n");
}

Application 1 :

Initialiser un tableau T1 avec les valeurs : 1,2,3,4,5,6 et un tableau T2 avec les


valeurs 6,5,4,3,2,1 et afficher dans la page leurs produit scalaire = Σ(T1(i)*T2(i)).

Application 2:
Fusionner deux tableaux dans un troisième.

Vous aimerez peut-être aussi