Ma page avec du PHP

# Séance 1 : Introduction / Premiers Concepts ## PHP, qu'est ce que c'est ? Le [PHP](https://fr.wikipedia.org/wiki/PHP) est un langage de programmation (contrairement au HTML, langage de description) orienté web. Il est créé en 1995 par [Rasmus Lerdorf](https://toys.lerdorf.com/), et le sigle signifie (aujourd'hui) : **PHP : PHP Hypertext PreProcessor** Contrairement au HTML/CSS ou encore le javascript dans une majorité des cas qui sont éxécutés par le navigateur du client, PHP est exécuté par un serveur. Ce qui implique que pour faire fonctionner du PHP nous avons besoin d'outils complémentaires que nous verrons par la suite. La documentation officielle (et en français) . Les versions courantes de PHP sont 7.2, 7.3 et 7.4. {% hint style="info" %} PHP n'est pas le seul langage serveur capable de produire du HTML/CSS. On pourrait très bien utiliser du Python, du Ruby, du C#, ... {% endhint %} ### Du PHP pour quoi faire ? PHP permet de générer (construire) des pages web sur un serveur avant de les envoyer à un client. C'est ce qui permet de rendre des pages dites dynamiques. {% hint style="danger" %} Le sens de dynamique ici, et dans ce cours n'est pas le fait que la page soit animée, ou que des éléments bougent, mais que son contenu (textes, images), puissent varier dans le temps et en fonction d'interactions d'utilisateurs. {% endhint %} PHP permet aussi de traiter des formulaires web, d’accéder aux bases de données (vous le verrez en S2) de générer des documents HTML, PDF, Office, Zip, images, ... ## Comment fonctionne un site Web ? ### Quels types de site ? Il faut deux parties : * **Un client**, souvent un visiteur utilisant un navigateur web * **Un serveur**, des ordinateurs puissants qui stockent les sites web. C'est sur ce serveur que l'on accéde en saisissant une URL (ou une IP). #### Les sites statiques * Uniquement en HTML et CSS. * Le contenu est fixe et non modifiable facilement. * Toute modification implique de devoir modifier les fichiers html ![Principe de fonctionnement d'un site statique](/files/-M48fvKJ_25JBM6k6j70) Dans un site statique, le serveur se contente simplement de renvoyer le fichier HTML demandé, sans se poser de question. #### Les sites dynamiques * Le résultat est toujours en HTML et CSS . * Implique aussi du PHP et souvent du MySQL. * Le contenu est dynamique car il peut changer sans l’intervention du webmaster ![Principe de fonctionnement d'un site dynamique](/files/-M48g4kwX5Zf0Lh6OYUD) Un étape supplémentaire est nécessaire. En effet, les pages n’existent pas dans un état visible par les client. Elles doivent être construites en fonction des interactions des clients et des données disponibles (dans une base de données par exemple). Deux clients différents peuvent donc ne jamais voir la même page (dans le cas d’une recherche par exemple) {% hint style="info" %} Aujourd'hui, la quasi totalité des sites web sont dynamiques. {% endhint %} ## Première page web ```php Ma page avec du PHP ``` ### Comment faire fonctionner cet exemple #### Le nécessaire pour faire du PHP * Un éditeur de texte (notepad++, sublimeText, VSCode) ou un **IDE php (PhpStorm, NetBeans)** * Un serveur PHP (distant : un hébergeur, votre espace personnel), local (WampServer, MAMP, ...) * Un client FTP (si votre serveur est distant, ex. FileZilla) * Un navigateur (un client) {% hint style="danger" %} Vous devez utiliser PhpStorm dans ce module. Il est accessible gratuitement pour les étudiants : {% endhint %} #### Étapes pour le test de l’exemple précédent 1. Créer un fichier "index.php" avec le code précédent 2. Connectez vous au serveur distant avec votre client FTP. 3. Déposer le fichier "index.php" dans le répertoire "public\_html/m1202" (vous pourrez créer des répertoires par la suite) 4. Ouvrez ce fichier en saisissant son adresse dans votre navigateur web #### Explications du code 1. ligne 8 : `` : fermeture du bloc PHP #### Quelques remarques * On travaille **TOUJOURS** en chemin relatif (par rapport au fichier dans lequel on est !) * On n’utilisera jamais d’espace ou de caractères spéciaux pour nommer les répertoires et les fichiers. Seul le \_ est autorisé ! * Les noms des variables PHP respecterons les mêmes règles ! * Un fichier PHP à **TOUJOURS** une extension .php, sinon il ne fonctionne pas ! ## Exercice 1 {% hint style="danger" %} Jouez le jeu, ne regardez pas la correction avant de tester {% endhint %} {% tabs %} {% tab title="Ennoncé" %} * Tester votre premier fichier * Modifier le fichier pour écrire votre nom en plus de "Hello World" * Que se passe-t’il ? {% endtab %} {% tab title="Correction" %} Selon la manière dont vous avez écrit le code, le texte est collé "Hello WorldDavid". Il n’y a pas de retour chariot ! Il faudrait l’écrire en HTML. Pour cela on ajoute la balise HTML `
` dans un `echo`. Et le code pourrait devenir ```php Ma page avec du PHP '; echo 'David'; //on pourrait aussi mettre un espace echo ' david'; ?> ``` {% endtab %} {% endtabs %} ## Exercice 2 {% tabs %} {% tab title="Ennoncé" %} * Corriger le code précédent * Écrivez je m'appelle xxx, plutôt que simplement votre nom * Que se passe-t’il ? {% endtab %} {% tab title="Correction" %} Selon, comment vous avez écrit le code, vous devriez avoir un message d'erreur à cause des '. Les ’'servent à informer PHP du texte à écrire. Pour pouvoir écrire un ' dans un `echo`, il faut utiliser le **\ (caractère d'échappement)** et noter **\\'** Le code devrait donc ressembler à ```php Ma page avec du PHP '; echo 'Je m\'appelle David'; ?> ``` {% endtab %} {% endtabs %} ## Les instructions de base ### Notion de séquence en programmation Quand on écrit plusieurs instructions PHP, le moteur PHP les exécute une par une, en séquence, de gauche à droite, et de haut en bas. L’ordre à donc de l’importance. ```php ``` ### L'instruction echo `echo` permet d’écrire ce qui la suit lorsque le code est interprété (généralement du contenu HTML). `echo` peut être suivi d’une chaîne de caractères entre '. ```php // Affiche // Bonjour ``` `echo` peut être suivi (ou composée) de **variables**, c’est la valeur de ces **variables** qui seront affichés. ```php // Affiche // Bonjour 12 ``` `echo` peut être suivi de toute les combinaisons de chaînes de caractères et de variables possible. Il faut dans ce cas les séparer par des points (**.**). Le . (point) est l’opérateur de **concaténation** ou de collage. ```php // Affiche // je suis David, j'ai 12 de moyenne en UE1 et 19 en UE2. ``` Toutes les combinaisons ci-dessous, donne le même résultat : ```php ``` ### Exercice {% tabs %} {% tab title="Ennoncé" %} Voici un début de code ```php Ma page avec du PHP ``` Écrire le code qui donne le résultat suivant : {% hint style="info" %} Bonjour, je suis David Annebicque, j’ai 36 ans. {% endhint %} {% endtab %} {% tab title="Correction" %} ```php Ma page avec du PHP ``` {% endtab %} {% endtabs %} ### Générer du HTML Jusqu’à maintenant nous avons utiliser le PHP pour produire du texte (une fois les fichiers interprétés). C’est donc assez limité comme utilisation. Le but essentiel du PHP est de générer des pages web (ou des PDF, des images, ...) Comment faire selon-vous ? Le HTML c’est des balises, et des balises c’est du texte ! ```php Ma page avec du PHP Hello World'; ?> ``` Selon votre navigateur le texte sera en gras : **Hello World** On pourrait écrire le code **ci-dessous** pour obtenir le même résultat ```php Ma page avec du PHP ``` #### Comment écrire des attributs ? ```php Ma page avec du PHP Hello World

'; ?> ``` Cet exemple va afficher Hello World en rouge. ### Exercice Ecrire le code PHP permettant d'afficher une image ? ## ### {% file src="/files/-Le5egrr4OX51dg2A8lJ" %} Cours PDF {% endfile %} --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://cours.davidannebicque.fr/m1202/seance-1-concepts.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.