Vous êtes sur la page 1sur 168

Spécialité : TS / BASES DE DONNEES 20/02/2024

Module : Gestion de base de données en ligne.

THÈME

Realisé par Assia AMROUCHE 1


1. LES CONCEPTS DE BASE :
Le World Wide Web, littéralement la « toile
(d’araignée) mondiale », communément
appelé le Web, le web parfois la Toile ou le
WWW, est un système hypertexte public
fonctionnant sur Internet qui permet
de consulter, avec un navigateur, des pages
accessibles sur des sites.

20/02/2024 Realisé par Assia AMROUCHE 2


1. LES CONCEPTS DE BASE :
Une ressource du web est une entité
informatique (texte, image, boîte aux
lettres électronique, etc.) accessible
indépendamment d’autres ressources. Une
ressource en accès public est librement
accessible depuis Internet. Une ressource
locale est présente sur l’ordinateur utilisé,
par opposition à une ressource distante (ou
en ligne), accessible à travers un réseau.
20/02/2024 Realisé par Assia AMROUCHE 3
1. LES CONCEPTS DE BASE :
HTTP (pour HyperText Transfer Protocol)
est le protocole de communication
communément utilisé pour transférer les
ressources du Web.

20/02/2024 Realisé par Assia AMROUCHE 4


1. LES CONCEPTS DE BASE :
Une URL (pour Uniform Resource Locator)
pointe sur une ressource. C’est une chaîne
de caractères permettant d’indiquer un
protocole de communication et un
emplacement pour toute ressource du
Web. (exemple : http://www.univ-chlef.dz).

20/02/2024 Realisé par Assia AMROUCHE 5


1. LES CONCEPTS DE BASE :
Un hyperlien (ou lien) est un élément dans
une ressource associé à une URL.
Les hyperliens du Web sont orientés : ils
permettent d’aller d’une source à une
destination.

20/02/2024 Realisé par Assia AMROUCHE 6


1. LES CONCEPTS DE BASE :
HTML (pour HyperText Markup Language) et XHTML
(Extensible HyperText Markup Language ) sont
les langages informatiques permettant de décrire le
contenu d’un document (titres, paragraphes,disposition
des images, etc.) Un document HTML est un document
décrit avec le langage HTML. Les documents HTML sont
les ressources les plus consultées du Web.

20/02/2024 Realisé par Assia AMROUCHE 7


1. LES CONCEPTS DE BASE :
Un serveur Web est un hôte sur lequel
fonctionne un serveur HTTP (ou serveur
Web). Un serveur
Web héberge les ressources qu’il dessert.

20/02/2024 Realisé par Assia AMROUCHE 8


1. LES CONCEPTS DE BASE :
Un navigateur Web est un logiciel client
HTTP conçu pour accéder aux ressources du
Web. Sa fonction de base est de permettre
la consultation des documents HTML
disponibles sur les serveurs HTTP.

20/02/2024 Realisé par Assia AMROUCHE 9


1. LES CONCEPTS DE BASE :
Une page Web (ou page) est un document
destiné à être consulté avec un navigateur
Web. Une page Web est toujours constituée
d’une ressource centrale (généralement un
document HTML) et d’éventuelles
ressources liées automatiquement
accédées (typiquement des images).

20/02/2024 Realisé par Assia AMROUCHE 10


1. LES CONCEPTS DE BASE :
Un éditeur HTML (ou éditeur Web) est un
logiciel conçu pour faciliter l’écriture de
documents HTML et de pages Web en
général.

20/02/2024 Realisé par Assia AMROUCHE 11


1. LES CONCEPTS DE BASE :
Un site Web (ou site) est un ensemble de
pages Web et d’éventuelles autres
ressources, liées dans une structure
cohérente, publiées par un propriétaire
(une entreprise, une administration, une
association, un particulier, etc.) et
hébergées sur un ou plusieurs serveurs
Web

20/02/2024 Realisé par Assia AMROUCHE 12


1. LES CONCEPTS DE BASE :
Une adresse Web est une URL de page
Web, généralement écrite sous une forme
simplifiée limitée à un nom d’hôte. Une
adresse de site Web est en fait l’adresse
d’une page du site prévue pour accueillir
les visiteurs.

20/02/2024 Realisé par Assia AMROUCHE 13


1. LES CONCEPTS DE BASE :
Un hébergeur Web
est une entreprise de services informatiques
hébergeant (mettant en ligne) sur ses serveurs
Web les ressources constituant les sites Web de
ses clients.

20/02/2024 Realisé par Assia AMROUCHE 14


1. LES CONCEPTS DE BASE :
Une agence Web
est une entreprise de services informatiques
réalisant des sites Web pour ses clients.

20/02/2024 Realisé par Assia AMROUCHE 15


1. LES CONCEPTS DE BASE :
Un annuaire Web
est un site Web répertoriant des sites Web.

20/02/2024 Realisé par Assia AMROUCHE 16


1. LES CONCEPTS DE BASE :
Un éditeur HTML (ou éditeur Web) est un
logiciel conçu pour faciliter l’écriture de
documents HTML et de pages Web en
général.

20/02/2024 Realisé par Assia AMROUCHE 17


2. ARCHITECTURE DU WEB :
L’architecture du web se base sur les modèles de
Client/Serveur .
Le client envoie des requêtes au serveur, comme :
- transfert de fichiers
- exécution des programmes sur le serveur
- mise à jour de fichiers
Les objets manipulés sont repérés par leur URL.
Le transfert se fait en utilisant le protocole http.
Il définit le langage utilisé pour les échanges entre
client et serveur Web. Ce protocole n’exige pas de session
permanente entre client/serveur

20/02/2024 Realisé par Assia AMROUCHE 18


3. DEROULEMENT D’UNE REQUETE :

1. Demande d’une connexion


2. Attente de la réponse du serveur
3. Etablissement de la connexion
4. Envoi d’une requête URL
5. Réponse du serveur
6. Affichage de la réponse
7. Fermeture de la connexion
20/02/2024 Realisé par Assia AMROUCHE 19
Spécialité : TS / BASES DE DONNEES 20/02/2024
Module : Gestion de base de données en ligne.

THÈME

Realisé par Assia AMROUCHE 20


20/02/2024 Realisé par Assia AMROUCHE 21
20/02/2024 Realisé par Assia AMROUCHE 22
DISCRIPTION
•Un langage de script coté serveur qui s’éxecute avant
que le client reçoivent sa page
•Serveur (PHP) != Client (JavaScript)
•De part sa nature, il est plus sécurisant (caché derrière
le serveur)

La version actuelle de PHP est la 8. est sortie en


Décembre 2015 et actuellement on est sur la version
récente de PHP 7.4.

20/02/2024 Realisé par Assia AMROUCHE 23


UTILISATION PRATIQUE :
- Forums et Messageries

– Commerce électronique

– Banque / Comptes en ligne

– Publication en ligne

– Moteurs de recherche

– ……

20/02/2024 Realisé par Assia AMROUCHE 24


Fonctionnement de PHP
Envoi du résultat
Localisation du code auPHP dans le
Rendu
Fermeture
Connexion
graphique
de HTTP
Exécution
Localisation
Requête
client la sur
connexion
dudedes
lale
code dudonnées
serveur
client
fichier
=PHP
ressource
(hello.php)
réponse HTTP Client
Navigateur
GET /hello.php HTTP/1.0
Réseau • HTML
• JavaScrip
Protocole
HTTP t
• CSS
Exécution d’un programme sur le
serveur
<html> Construction de la réponse
<head>
Serveur <title>Hello</title> <?php
</head> echo <<<HTML
hello.ph
Serveur<body>Hello
Web world</body> .html p
<html>
</html> .php
<head>
.jpg
<title>Hello</title>
Module PHP </head>
<body>Hello world</body>
MySQL </html>
HTML;

20/02/2024 Realisé par Assia AMROUCHE 25


Fonctionnement de PHP

Client  Serveur

1. Connexion TCP sur le serveur


2. Requête HTTP du client (mon_fichier.php)
3. Localisation de la ressource
4. Exécution du code PHP
5. Envoi du résultat de l’exécution au client
= réponse HTTP
6. Fermeture de la connexion
7. Rendu graphique des données (HTML, image, …)

20/02/2024 Realisé par Assia AMROUCHE 26


Spécialité : TS / BASES DE DONNEES 20/02/2024
Module : Gestion de base de données en ligne.

THÈME

Realisé par Assia AMROUCHE 27


Introduction
Dans cette partie nous allons voir comment installer PHP
selon le type de notre système d’exploitation présent sur
notre machine.
Windows : WAMP
Pour Windows on installe WAMP qui veut dire :
- Windows
- APACHE
- MYSQL
- PHP

Téléchargement de WAMP_SERVER : aller sur le lien


suivant :
(http://www.wampserver.com/)
20/02/2024 Realisé par Assia AMROUCHE 28
MAC : MAMP
Pour Mac. Pas indispensable car Apache et PHP sont installés sous Mac OS
mais un peu plus simple à configurer.
Il vous faudra alors installer MySQL ou MariaDB soit :
- Dans un paquet soit en utilisant homebrew ou macports.

LINUX : LAMP
- Linux
- Apache
- Mysql
- PHP

Dans tous les cas, il faut télécharger la dernière version sur le site officiel et
lancer l’installation.
TOUTES LES PLATES-FORMES :
- Pour toutes les plate-formes, on peut aussi installer XAMPP :

(https : www.apachefriends.org/fr/index.html).

20/02/2024 Realisé par Assia AMROUCHE 29


Spécialité : TS / BASES DE DONNEES 20/02/2024
Module : Gestion de base de données en ligne.

THÈME

Realisé par Assia AMROUCHE 30


Premier pas avec PHP
Une fois votre installation aboutie, lancez XAMPP à partir du menu
Démarrer/Programmes …etc.
Une icone verte signifie que votre service est bien lancé, une icone
orange veut dire qu’un des services de XAMPP n’est pas activé et,
dans ce cas, vous devez le lancer ou dans le pire des cas vous devez
réinstaller votre serveur.

20/02/2024 Realisé par Assia AMROUCHE 31


Remarque :

Dans certains cas XAMPP ne veut pas démarrer


et un message de ce genre est visible dans une
boite de message tel que : (MSVSR110.dll), ou
autre de ce genre n’existe pas. Dans ce cas vous
devez le télécharger et l’installer. RDV sur le lien
suivant : (https://www.243tech.com/XAMPP-
probleme-du-fichier-msvcr110-resolu/)

20/02/2024 Realisé par Assia AMROUCHE 32


Lancement du serveur WEB
• Dans cet exemple nous allons voir comment lancer notre premier programme avec
PHP. Une fois que votre installation réussie, vous devez tester votre serveur WEB s’il
est fonctionnel.
1. Ouvrir votre navigateur web
2. Tapez le nom de votre serveur apache (localhost) dans l’URL de votre navigateur web
et vous devez avoir cette page affichée :

20/02/2024 Realisé par Assia AMROUCHE 33


Exemple : création de notre page WEB Dans cette page, on distingue bien
Dans cette partie nous allons créer notre première les deux nouvelles balises < ?php
page web en PHP et essayer de l’exécuter. et ?> à l’intérieur du code HTML
Etape1:ouvrir votre éditeur de texte Notpad++ et que vous avez l’habitude de voir,
et bien, à partir de maintenant, tout
essayez de taper le code suivant :
votre code PHP doit être écrit entre
ces deux balises.
Remarque :
• Vous pouvez insérer du code
PHP dans du html mais vous
devez impérativement
enregistrer le fichier avec
l’extension .php (exemple :
page1.php) ou tout simplement
écrire du PHP pur dans vos
page sans html.
On peut par exemple :
- Commencer une page HTML ;
- Puis écrire un peu de PHP ;
- Reprendre en HTML ;
20/02/2024 Realisé par Assia AMROUCHE
- etc… 34
Etape 02 :
Enregistrez le fichier maintenant dans le sous dossier htdocs
dans le répertoire xampp.

Dans cette figure, je viens de créer un dossier nommé


(site_php) et à l’intérieur j’ai stocké ma page (page1.php).
Faite de même maintenant pour tester :
……………………………………………………………………….
20/02/2024 Realisé par Assia AMROUCHE 35
Etape 03 :
Dans cette étape je vais essayer d’appeler ma page
à partir de mon navigateur pour pouvoir l’ouvrir
(voir la figure suivante) :

On voit bien que mon message s’affiche dans cette page.


Faites de même pour toutes les pages que vous devez
exécuter par la suite.

20/02/2024 Realisé par Assia AMROUCHE 36


Exemple 1: Exécutez le code suivant :

20/02/2024 Realisé par Assia AMROUCHE 37


Exemple 2: Exécutez le code suivant :

20/02/2024 Realisé par Assia AMROUCHE 38


Vous devez avoir ceci :

20/02/2024 Realisé par Assia AMROUCHE 39


Exemple 3: Exécutez le code suivant :

Vous devez avoir ceci :

20/02/2024 Realisé par Assia AMROUCHE 40


Exemple 3: Exécutez le code suivant :

Vous devez avoir ceci :

20/02/2024 Realisé par Assia AMROUCHE 41


Exemple 4: Exécutez le code suivant :

Vous devez avoir ceci :

20/02/2024 Realisé par Assia AMROUCHE 42


Exemple 5: Exécutez le code suivant :

Vous devez avoir ceci :

20/02/2024 Realisé par Assia AMROUCHE 43


Les commentaires en PHP
• Un commentaire sur une seule ligne est précédé
d’un double slash : //

Un commentaire sur un bloc d’instruction doit


comencer par un un : /* et se terminer par un : */

20/02/2024 Realisé par Assia AMROUCHE 44


20/02/2024 Realisé par Assia AMROUCHE 45
Spécialité : TS / BASES DE DONNEES 20/02/2024
Module : Gestion de base de données en ligne.

THÈME

Realisé par Assia AMROUCHE 46


LES VARIABLES EN PHP

En PHP, les variables sont représentées par le


caractère dollar "$" suivi du nom de la variable.
$Nom_de_la_variable
 Le nom est sensible à la casse
($x est différent de $X).
 Un nom de variable valide doit commencer par
une lettre ou un underscore (_), suivi de lettres,
chiffres .

20/02/2024 Realisé par Assia AMROUCHE 47


20/02/2024 Realisé par Assia AMROUCHE 48
Existence de variables, la fonction isset() :

sert à savoir si une variable possède une valeur (true ou


false)

20/02/2024 Realisé par Assia AMROUCHE 49


Suppression d’une variables, la fonction unset() :

• Sert à détruire une variable

20/02/2024 Realisé par Assia AMROUCHE


50
La fonction Gettype($Var)
détermine le type de données de la variable
("integer", "double", "string", "array"

20/02/2024 Realisé par Assia AMROUCHE 51


les types de valeurs

Écrire cette page. Qu’affiche-t-elle?

<?php
$a = 3; echo "valeur $a type : " ;
echo gettype($a); echo "<br>" ;
$a = 3.3; echo "valeur $a type : " ;
echo gettype($a); echo "<br>" ;
$a = "3a"; echo "valeur $a type : " ;
echo gettype($a); echo "<br>" ;
$a = TRUE; echo "valeur TRUE type : " ;
echo gettype($a); echo "<br>" ;
echo "sans valeur type : " ;
echo gettype($b); echo "<br>" ;
?>
20/02/2024 Realisé par Assia AMROUCHE 52
Exemple

Ecrire un programme php qui affiche la somme


de deux nombres a et b

20/02/2024 Realisé par Assia AMROUCHE 53


20/02/2024 Realisé par Assia AMROUCHE 54
Les constantes en php
La constante est un nom qui prend une valeur ne pouvant pas être
modifiée une fois fixée.
Une constante n'est accessible qu'en lecture seule. Elles sont
sensibles à la casse et doivent par convention être écrites en
majuscules.
On définit une constante avec la fonction define() et doit respecter
certaines règles :

• une constante est accessible depuis n'importe quel endroit du code


• une constante ne peut pas être redéfinie
Concaténation en PHP
 Permet d’assembler plusieurs chaînes
 Réalisé grâce à l’opérateur point : .
"Bonjour " . " mes stagaires"
 vaut " Bonjour mes stagaires
"

$nb = 6*2 ;
"Acheter " . $nb . " oeufs"
 vaut "Acheter 12
oeufs"

20/02/2024 Realisé par Assia AMROUCHE 56


Exemple de concatination

20/02/2024 Realisé par Assia AMROUCHE 57


Les formulaires en PHP
Pourquoi faire ?
On utilise des formulaires dans le cas
suivant :
● L'utilisateur doit fournir des information
au serveur.
● Le serveur doit traiter ces informations.
● Le serveur renvoie une réponse au client.
.
Exercice 02

Créer un formulaire contenant les champs suivants:


- Nom
- Prénom
- Age
- Email
- Sexe
- pays
Exercice 02

Dans cet exercice nous allons créer un formulaire de saisie


qu’on nommera tours.html et qui va envoyer son contenu
au fichier de traitement qu’on nommera tours.php.

Le but de cet exercice est que le fichier de traitement


tours.php va essayer de récupérer une certaine valeur à
partir du formulaire tours.html pour alimenter une boucle
qui va nous afficher tous les titres par défaut de <h1> à
<h6>.

20/02/2024 Realisé par Assia AMROUCHE 62


tours.html

tours.php

20/02/2024 Realisé par Assia AMROUCHE 63


20/02/2024 Realisé par Assia AMROUCHE 64
Spécialité : TS / BASES DE DONNEES 20/02/2024
Module : Gestion de base de données en ligne.

THÈME

65
Les tableaux en php

20/02/2024 Realisé par Assia AMROUCHE 67


Création / initialisation:

$tab1=array(12, "fraise", 2.5) ;

$tab2[] = 12 ;
$tab2[] = "fraise" ; Clé Valeur
$tab2[] = 2.5 ;
0 12
1 "fraise"
$tab3[0] = 12 ;
2 2.5
$tab3[1] = "fraise" ;
$tab3[2] = 2.5 ;

19:40:40 68
Exécutez les codes suivant

19:40:40 B.AMIRA 69
Déclaration d’un tableau associatif :
Exercice :
- Écrire cette page. Qu’affiche-t-elle?
20/02/2024 Realisé par Assia AMROUCHE 75
Ecrire le programme php qui affiche la
page suivante

20/02/2024 Realisé par Assia AMROUCHE 76


20/02/2024 Realisé par Assia AMROUCHE 77
20/02/2024 Realisé par Assia AMROUCHE 79
20/02/2024 Realisé par Assia AMROUCHE 81
Ecrire le programme php qui affiche la
page suivante

20/02/2024 Realisé par Assia AMROUCHE 82


20/02/2024 Realisé par Assia AMROUCHE 83
Ecrire le programme PHP qui permet d’afficher le formulaire suivant :

20/02/2024 Realisé par Assia AMROUCHE 84


Le tri d’un tableau
<?php
$nombre = array(9, 2, 15, 7, 10);
Sort($nombre);
Print_r($nombre);
?>

20/02/2024 Realisé par Assia AMROUCHE 85


exercice

Ecrire un programme PHP qui fait la


multiplication et la division de deux nombres.

20/02/2024 Realisé par Assia AMROUCHE 86


20/02/2024 Realisé par Assia AMROUCHE 88
<?php
$tab[0] = 2004;
$tab[1] = 31.14E7;
$tab[2] = "PHP7";
$tab[35] = $tab[2]. "et MySQL";
$tab[] = TRUE;//voir les paragraphes suivants
$ind = 40;
$tab[$ind] = "Dernier élément";
echo "Nombre d'éléments = ", count($tab);
?>
<?php
$tab2["zéro"] = 2003;
$tab2['un'] = 31.14E7;
$tab2["deux"] = "PHP";
//***La ligne suivante provoque une erreur si elle est décommentée
//echo "<p> Vous utilisez $tab2['deux'] <br />";
//***on écrira à la place:
echo "<p> Vous utilisez {$tab2['deux']} <br />";
define("CTE","lang");//Crée la constante CTE
$tab2["lang"] = " PHP ET MySQL";
$tab2[CTE] = " ASP.NET";
$tab2["CTE"] = "JAVA";
echo "Le nombre d'éléments est ", count($tab2),"<br />";
echo "L'élément \$tab2[\"CTE\"] vaut ",$tab2["CTE"],"<br / >";
echo "L'élément \$tab2[CTE] vaut ",$tab2[CTE],"<br />";
echo "<p> Le langage préféré de l’open source est{$tab2["lang"]} <br
/>";
?>
Spécialité : TS / BASES DE DONNEES 20/02/2024
Module : Gestion de base de données en ligne.

THÈME

92
Les opérateurs en php

20/02/2024 Realisé par Assia AMROUCHE 93


Exemple
Les fonctions mathématiques

20/02/2024 Realisé par Assia AMROUCHE 95


Exemple
20/02/2024 Realisé par Assia AMROUCHE 97
20/02/2024 Realisé par Assia AMROUCHE 98
20/02/2024 Realisé par Assia AMROUCHE 99
20/02/2024 Realisé par Assia AMROUCHE 100
20/02/2024 Realisé par Assia AMROUCHE 101
20/02/2024 Realisé par Assia AMROUCHE 102
20/02/2024 Realisé par Assia AMROUCHE 103
20/02/2024 Realisé par Assia AMROUCHE 104
20/02/2024 Realisé par Assia AMROUCHE 105
20/02/2024 Realisé par Assia AMROUCHE 106
20/02/2024 Realisé par Assia AMROUCHE 107
Spécialité : TS / BASES DE DONNEES 20/02/2024
Module : Gestion de base de données en ligne.

THÈME

109
20/02/2024 Realisé par Assia AMROUCHE 110
PHPMYADMIN
Pour accéder à phpmyadmin :
- Ouvrir votre navigateur
- Tapez dans l’url la ligne suivante :
Exemple :
Le schéma relationnel : MLD : pour obtenir ce
modèle, je dois appliquer les règles de passages sur les
carninalités du MCD :
Schéma relationnel (MLD) :
Etudiants (numetud, nom, prenom, email, age, sexe, pays)
Cours (codecours, intitule, coeff, #numenseig)
Enseignants (numenseig, nom, prenom, grade, statut)
Suivre_cours(numetud, codecours, nbrheures, date, note)
Remarque : Ce qui me reste à faire maintenant, c’est
d’implémenter ce MLD avec l’un des SGBDR (exemple :
phpmyadmin, access, oracle, sql_server, …)

20/02/2024 Realisé par Assia AMROUCHE 114


Spécialité : TS / BASES DE DONNEES 20/02/2024
Module : Gestion de base de données en ligne.

THÈME

120
Création d’un formulaire
Dans cette partie nous allons revoir la façon de créer un
formulaire et aussi la façon de l’utiliser avec PHP.
Exemple : Dans cet exemple on va créer un formulaire
contenant les champs suivants :
- Nom
- Prénom
- Email
- Age
- Sexe
- Pays
Travail à faire :
1. Créer un premier document HTML qui portera le
nom formulaire1.html, puis tapez le code ci-
dessous.

2. Créer le fichier style.css et copiez le code


correspondant ci-dessous.

3. Ouvrir votre navigateur et essayez d’afficher le


formulaire1.

20/02/2024 Realisé par Assia AMROUCHE 122


Formulaire1.html :
<!DOCTYPE html> <label for="homme">Homme</label>
<html> <input type="radio" id="autre" name="sexe"
<head> value="autre">
<meta charset="utf-8" /> <label for="autre">Autre</label>
<link rel="stylesheet" href="style.css" /> </div>
<title>ma première page en PHP</title> <div class="c100">
</head> <label for="pays">Pays de résidence :</label>
<body> <select id="pays" name="pays">
<h1>Formulaire HTML</h1> <optgroup label="Europe">
<form action="formulaire2.php" method="post"> <option value="france">France</option>
<div class="c100"> <option value="belgique">Belgique</option>
<label for="nom">Nom : </label> <option value="suisse">Suisse</option>
<input type="text" id="nom" name="nom"> </optgroup>
</div> <optgroup label="Afrique">
<div class="c100"> <option value="algerie">Algérie</option>
<label for="prenom">Prénom : </label> <option value="tunisie">Tunisie</option>
<input type="text" id="prenom" name="prenom"> <option value="maroc">Maroc</option>
</div> <option value="madagascar">Madagascar</option>
<div class="c100"> <option value="benin">Bénin</option>
<label for="mail">Email : </label> <option value="togo">Togo</option>
<input type="email" id="mail" name="mail"> </optgroup>
</div> <optgroup label="Amerique">
<div class="c100"> <option value="canada">Canada</option>
<label for="age">Age : </label> </optgroup>
<input type="number" id="age" name="age"> </select>
</div> </div>
<div class="c100"> <div class="c100" id="submit">
<input type="radio" id="femme" name="sexe" <input type="submit" value="Envoyer">
value="femme"> </div>
<label for="femme">Femme</label> </form>
20/02/2024
<input type="radio" id="homme" name="sexe" Realisé par Assia</body>
AMROUCHE 124
value="homme"> </html>
style.css :

20/02/2024 Realisé par Assia AMROUCHE 125


form{
width: 100%;
background-color: rgba(20,200,0,0.2);
padding : 5px 0px;
}
.c100{
width: 100%;
margin: 20px;
}
label{
display: inline-block;
min-width: 25%;
}
input[type="submit"]{
color: RGB(200,100,0);
border-radius: 5px;
padding: 5px 10px;
font-size: 14px;
border: 2px solid RGB(200,100,0);
}
input[type="submit"]:hover{
background-color: RGB(20,100,0);
color: #fff;
cursor: pointer;
box-shadow: 0px 0px 5px 0px #777;
}
20/02/2024 Realisé par Assia AMROUCHE 126
Manipulation des données de formulaires

Pour réaliser cette tache nous devons utiliser du


PHP dans ce cas, à savoir (envoyer, récupérer,
enregistrer, …etc). Dans tous les cas, nous
devons utiliser les variables superglobales des
deux méthodes POST et GET.

20/02/2024 Realisé par Assia AMROUCHE 127


Travail à faire :
Créez maintenant un autre document et cette fois, ça
sera un fichier PHP pour pouvoir traiter les
informations de notre formulaire.

1. Je créé le fichier PHP suivant : (formulaire2.php) ;

2. J’insère le code PHP qui me permettrait de


récupérer le contenu de mon formulaire :
fomulaire1.html.

20/02/2024 Realisé par Assia AMROUCHE 128


formulaire2.php :

20/02/2024 Realisé par Assia AMROUCHE 129


<?php
$nom=$_POST["nom"];
$prenom=$_POST["prenom"];
$email=$_POST["mail"];
$age=$_POST["age"];
$sexe=$_POST["sexe"];
$pays=$_POST["pays"];
echo 'Nom : ' .$nom. ' <br>';
echo 'Prénom : ' .$prenom. ' <br>';
echo 'Email : ' .$email. ' <br>';
echo 'Age : ' .$age. ' <br>';
echo 'Sexe : ' .$sexe. ' <br>';
echo 'Pays : ' .$pays. ' <br>';
?>
20/02/2024 Realisé par Assia AMROUCHE 130
Remplir maintenant le formulaire et cliquez sur le bouton : Envoyer.

20/02/2024 Realisé par Assia AMROUCHE 131


20/02/2024 Realisé par Assia AMROUCHE 132
Conclusion :
Dans cette partie on a créé un formulaire html
avec les différentes zones de saisie et un bouton
de commandes.
- On a spécifié dans la balise le nom d’un
deuxième formulaire à qui envoyer le contenu
du formulaire1.html et pour cela on a choisi
d’utiliser la méthode POST.

20/02/2024 Realisé par Assia AMROUCHE 133


exercice

20/02/2024 Realisé par Assia AMROUCHE 134


exercice
• 1. On créé un fichier prix.html et prix.php.
prix.html :

20/02/2024 Realisé par Assia AMROUCHE 135


<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>formulaire sur les PRIX</title>
</head>
<body>
<form action="prix.php" method="post">
<fieldset>
<p>Entrer le Prix :
<input type="text" name="prix"/><br>
<input type="submit" value="Valider">
</p>
</fieldset>
</form>
</body>
</html>
20/02/2024 Realisé par Assia AMROUCHE 136
prix.php :

20/02/2024 Realisé par Assia AMROUCHE 137


<?php
$prix=$_POST['prix'];
if($prix>100) {
echo "<b>Pour un montant d'achat de $prix &euro;,
la remise est de 10 % </b><br />";
echo "Le prix net est de ",$prix*0.90;
} else {
echo "<b>Pour un montant d'achat de $prix &euro;,
la remise est de 5 %</b><br />";
echo "<h3>Le prix net est de ",$prix*0.95,"</h3>";
}
?>

20/02/2024 Realisé par Assia AMROUCHE 138


Spécialité : TS / BASES DE DONNEES 20/02/2024
Module : Gestion de base de données en ligne.

THÈME

139
Création d’une Base De Donnée
Exemple : Dans cet exemple on va créer une base de
donnée nomée : gest_etud contenant une seule table
nomée student avec les champs suivants :
- Num
- Nom
- Prénom
- Age
Création d’un formulaire d’insertion
Exemple : Dans cet exemple on va créer un formulaire
contenant les champs suivants :
- Num
- Nom
- Prénom
- Age

Travail à faire :
1. Créer un premier document HTML qui portera le
nom formulaire_insertion.html
formulaire_insertion.html :
20/02/2024 Realisé par Assia AMROUCHE 143
formulaire_insertion.html :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title> insertion d'un étudiant </title>
</head>
<body>
<h1>Formulaire d'insertion </h1>
<form action="insertions.php" method="post">
<fieldset>
<p>
num : <input type="text" name="num"/><br>
</div>
<div class="c100">
nom : <input type="text" name="nom"/><br>
</div>
<div class="c100">
prénom : <input type="text" name="prenom"/><br>
</div>
<div class="c100">
Age : <input type="number" name="age"/><br>

<input type="submit" value="Valider"/><br>


</p>
</fieldset>
</div>
</form>
</body>
Travail à faire :
Créez maintenant un autre document et cette fois, ça

sera un fichier PHP pour pouvoir traiter les

informations de notre formulaire.

1. Je créé le fichier PHP suivant : (insertions.php) ;

2. J’insère le code PHP qui me permettrait de

récupérer le contenu de mon formulaire :

fomulaire_insertion.html.
20/02/2024 Realisé par Assia AMROUCHE 145
insertions.php :

20/02/2024 Realisé par Assia AMROUCHE 146


20/02/2024 Realisé par Assia AMROUCHE 147
<?php
//récupération des données à partir du formulaire
$num=$_POST['num'];
$nom=$_POST['nom'];
$prenom=$_POST['prenom'];
$age=$_POST['age'];
//controle de connexion à la base de données
try
{
$bdd = new PDO('mysql:host=localhost; dbname=gest_etud;
charset=utf8','root','');
}
catch(Exception $e)
{
die('Erreur : '.$e->getMessage());
}
// On ajoute une donnée dans la table student
$req = $bdd->prepare('INSERT INTO student(num, nom, prenom, age)
VALUES(:num, :nom, :prenom, :age)');
$req->execute(array('num'=>$num,'nom'=>$nom,'prenom'=>$prenom,'age'=>$age));
echo 'Le jeu a bien été ajouté !';

20/02/2024 Realisé par Assia AMROUCHE 148


EXERCICE
À partir du formulaire suivant remplir la table Etudiant de la base de
données gestion_cours

20/02/2024 Realisé par Assia AMROUCHE 149


Spécialité : TS / BASES DE DONNEES 20/02/2024
Module : Gestion de base de données en ligne.

THÈME

150
Affichage des enregistrements d’une base de données
Dans cette étape, nous allons nous connecter à la base de données
et essayer d’afficher le contenu d’une table ou de plusieurs tables
dans un formulaire ou dans un tableau.
Exemple :
Dans cet exemple, nous allons créer un fichier php pour traiter et
afficher les données à partir de la base de données.
Le deuxième fichier à créer sera nommé connexion.php et qui
contiendra le code de connexion à notre base de données.
L’utilité d’inclure le fichier connexion.php, c’est pour éviter de
répéter les instructions de connexion à la BD.
Dans ce cas, l’utiliser dans le fichier affichage.php et la fonction
qui nous permet de l’inclure est include().

20/02/2024 Realisé par Assia AMROUCHE 151


1. Le fichier de connexion : connexion.php

20/02/2024 Realisé par Assia AMROUCHE 152


2. Affichage.php :

20/02/2024 Realisé par Assia AMROUCHE 153


vous devez obtenir ceci :

20/02/2024 Realisé par Assia AMROUCHE 154


Affichage des enregistrements dans un
tableau
Pour afficher les enregistrements précédents dans un tableau,
nous allons utiliser cette structure de tableau pour afficher les
enregistrements de notre table des stagiaires dedans.

20/02/2024 Realisé par Assia AMROUCHE 155


1. Créer un fichier qu’on nommera tab_affichage_tab.php

20/02/2024 Realisé par Assia AMROUCHE 156


<html> while ($donnees = $reponse->fetch())
<head> {
<meta charset="utf-8" /> ?>
<title>Mon beau site</title> <table width="60%" border="3"
<link rel="stylesheet" href="style.css" /> cellspacing="3" cellpadding="6">
</head> <tr>
<body> <td align="left"><?php echo
<?php $donnees['num'];?></td>
include("connexion.php"); <td align="left"><?php echo
// $reponse cet objet va contenir la $donnees['nom'] ;?></td>
réponse de mysql. <td align="left"><?php echo
$reponse = $bdd->query('SELECT* FROM $donnees['prenom'];?></td>
student'); <td align="left"><?php echo
?> $donnees['age'];?></td>
<table width="60%" border="1" </tr>
cellspacing="1" cellpadding="6"> </table>
<tr> <?php
<td align="center" colspan="4"> }
LISTE DES ETUDIANTS BTS INFORMATIQUE ?>
BDD INSTITUT AKBOU <?php
</td> $reponse->closeCursor(); // Termine le
</tr> traitement de la requête
</table> ?>
<?php
20/02/2024 Realisé par Assia</body>
AMROUCHE 157
</html>
20/02/2024 Realisé par Assia AMROUCHE 158
Modification d’un enregistrement

Dans cette étape, nous allons essayer de modifier un


enregistrement dans une table de la base de données.
Dans un premier temps, nous allons créer un formulaire
qui contiendra tous les champs à modifier et dans un
second temps, nous allons créer notre fichier PHP pour
faire ce traitement de modification sur un
enregistrement.
 Créer le formulaire qu’on nommera :
form_modification.php.

20/02/2024 Realisé par Assia AMROUCHE 159


20/02/2024 Realisé par Assia AMROUCHE 160
2. Créer
le fichier de traitement de la modification qu’on
nommera modification.php.
20/02/2024 Realisé par Assia AMROUCHE 161
20/02/2024 Realisé par Assia AMROUCHE 162
Spécialité : TS / BASES DE DONNEES 20/02/2024
Module : Gestion de base de données en ligne.

THÈME

163
Supression d’un enregistrement
Pour supprimer un enregistrement dans une
table, il faut préparer un formulaire de
suppression selon des critères et qu'on nommera
form_suppression.php.
 Le formulaire : form_suppression.

20/02/2024 Realisé par Assia AMROUCHE 164


20/02/2024 Realisé par Assia AMROUCHE 165
2. Créer
le fichier de traitement de la suppression qu’on nommera
suppression.php.

20/02/2024 Realisé par Assia AMROUCHE 166


Résultat :

• Testez le résultat en vérifiant dans la table si


l’enregistrement est bien supprimé ou pas,
ou tout simplement testez l’affichage de
l’étape précédente pour voir si
l’enregistrement est supprimé.

20/02/2024 Realisé par Assia AMROUCHE 167


EXERCICE

20/02/2024 Realisé par Assia AMROUCHE 168

Vous aimerez peut-être aussi