≡

A quoi servent PHP et MYSQL ?

#1 Introduction

Repartons du schéma que nous avons déjà vu dans l'explication de la requête HTTP

Je vous avais dit qu'une requête HTTP pouvait être traitées de deux manières différentes par le serveur. En fait la différence commence déjà au niveau de la demande. Donc il faut retenir que la demande qui est différente, que le traitement est différent mais que le contenu de la réponse se fera toujours sous la forme d'un code HTML.

#2 Pourquoi y a-t-il deux manières de demander du code HTML à un serveur ?

On va déjà préciser quelles sont ces deux manières :

La première c'est de lui demander un fichier avec une extension .html
La deuxième c'est de lui demander un fichier avec une extension .php

L'objectif c'est de comprendre pourquoi ? En fait ce qui se passe c'est qu'à un moment on est limité par le HTML et on a besoin de passer au PHP. Pour comprendre pourquoi on est limité on va construire deux pages HTML : une page pour l'année 2016 et une page pour l'année 2015. On va constater qu'il y a très peu de différences entre le code HTML de ces deux pages...Mais allons y !

Nous allons fabriquer une nouvelle page web dans laquelle on va créer un tableau qui contient le nombre de ventes de l'opus de call of duty qui est sortie en 2016. J'édite un fichier HTML et on peut voir l'année 2016.

Ci-dessous le code HTML pour l'année 2016

Maintenant je change d'avis et j'ai besoin de l'année 2015 donc j'édite un nouveau fichier HTML pour l'année 2015.

Ci-dessous le code HTML pour l'année 2015

Si on compare les deux codes HTML on voit que la structure HTML entre les deux documents est la même. Bien entendu ON NE VEUT PAS écrire une page pour chaque année. Ci-dessous on va voir comment faire pour garder une structure HTML commune pour toutes les années en utilisant PHP/MYSQL.

#3 Comment le couple PHP/MYSQL nous permet-il de partager la structure HTML ?

On va donc stocker les informations qui constituent le différentiel entre deux années dans une base de données et on les récupérera sur demande. C'est le couple PHP/MYSQL qui va nous permettre de faire ça.

On va stocker les informations dans ce qu'on appelle une table de la database. Schématiquement une table dans la database ressemble au tableau ci-dessous

On fait cette manip avec des outils spécifiques mais simples.

#4 Comment va-t-on faire pour passer des informations au serveur ?

Comment passe-t-on d'une année à l'autre ? Et bien tout simplement en passant un argument dans la demande c'est à dire en fait dans la requête HTTP.

#5 Comment va-t-on écrire le code PHP ?

Maintenant on va modifier notre page sur le serveur. On va créer une page avec l'extension .php et on va mettre un peu de code PHP mélangé à la structure de code HTML.

Que va faire le code PHP ?

Il va récupérer l'année qui est demandée.
Il va s'interfacer avec MYSQL pour aller sélectionner les données de l'année en question.
Et en dernier il va insérer ces données au bon endroit de la structure HTML.

/* Ci-dessous avec PHP on récupérer l'année */
<?PHP $annee=$_GET['annee']; ?>
<!DOCTYPE html>
<html>
<head>
	<title><?PHP echo "Ventes $annee"; ?></title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="utf-8">
</head>
<body>
	<h1>CALL OF DUTY</h1>

/* Ci-dessous avec le couple PHP/MYSQL on sélectionne les données dans la database */
	<?PHP
		$annee = mysqli_real_escape_string($connexion,$annee);
		$query = "SELECT opus,ventes,logo FROM table_call_of_duty WHERE annee=$annee";  
		/* dtbi_query => Fonction perso pour communiquer avec ma database */
		$result = dtbi_query($connexion,$query,__FILE__,__LINE__,0);
		list($opus,$ventes,$logo) = mysqli_fetch_row($result);
	?>

/* Ci-dessous on appelle PHP pour insérer les données au bon endroit dans le HTML */
	<table>
		<caption><?PHP echo "Sortie en $annee" ?></caption>
		<tr>
			<td><?PHP echo "$opus<br><img src='../img/$logo'>" ?></td>
			<td><?PHP echo "$ventes millions <br> de ventes"  ?></td>
		</tr>
	</table>    
</body>
</html>

Maintenant nous avons un seul code PHP quelque soit l'année. Et vous pouvez voir l'année 2016, l'année 2015, l'année 2014, l'année 2013.

Il faut noter et c'est important qu'à chaque fois que l'on veut changer d'année on a besoin de reconstruire toute la page. On doit faire une nouvelle requête HTTP à chaque fois que l'on change d'année.

On va voir dans le tutoriel suivant qu'il est possible de mettre à jour le tableau sans reconstruire la totalité de la page grâce au couple JAVASCRIPT et AJAX.