Forem: HugoDemont62

Blade FR MMI

HugoDemont62 — Wed, 22 May 2024 08:53:34 +0000

Salut et bienvenue dans ce cours sur Blade. Même si on ne va pas suivre exactement la documentation officielle de Blade, elle reste une bonne référence. Dans ton projet Instagram, tu vas retrouver différentes choses :

config/blade.php : Ce fichier s'occupe de la configuration de Blade, le moteur de templates de Laravel. Il initialise le moteur de templates, définit les chemins vers les fichiers de vue et le cache, et enregistre l'extension de fichier pour les templates Blade.
resources/views/index.blade.php : C'est la page d'accueil de ton application. Elle étend le layout app et définit une section content. Dans cette section, elle affiche un titre (qui est une variable passée à la vue), un message de bienvenue et un lien vers la page 2.
resources/views/page2.blade.php : C'est une autre page de ton application. Elle étend également le layout app et définit une section content. Dans cette section, elle affiche un message indiquant que c'est la page 2.
resources/views/layouts/app.blade.php : C'est le layout principal de ton application. Il contient la structure HTML de base de tes pages, y compris les balises <head> et <body>, et définit un emplacement (@yield('content')) où les vues individuelles peuvent insérer leur contenu.

Le fonctionnement global est le suivant : lorsque tu affiches une vue (par exemple, index ou page2), Blade cherche d'abord le fichier correspondant dans le répertoire des vues. Ensuite, il évalue ce fichier comme un template Blade, ce qui signifie qu'il remplace les directives Blade (comme @extends, @section, et {{ $variable }}) par leur équivalent PHP. Si la vue étend un layout, Blade remplace l'instruction @yield dans le layout par le contenu de la section correspondante de la vue. Enfin, le résultat est envoyé au navigateur.

Note que toutes les vues partagent le même layout (app), ce qui signifie qu'elles ont toutes la même structure de base. Cela permet d'éviter la duplication de code et de rendre l'application plus facile à maintenir.

Dans ton fichier index.php (à la racine), tu vérifies d'abord si une action a été définie dans l'URL. Si aucune action n'est définie, tu définis l'action par défaut sur "index". Ensuite, tu vérifies si l'action demandée existe dans le tableau $listeDesActions que tu as défini dans config/actions.php. Si l'action n'existe pas, tu affiches une page d'erreur 404. Si l'action existe, tu inclus le fichier PHP correspondant à cette action.

Dans le cas de l'action "index", le fichier PHP correspondant est actions/index.php. Dans ce fichier, tu définis une variable $monTitre et tu utilises le moteur de templates Blade pour afficher la vue "index" avec cette variable.

Voici comment tu pourrais réécrire le code de actions/index.php pour le rendre plus clair :

<?php

// Définir le titre de la page
$titreDeLaPage = "Mon super titre";

// Utiliser le moteur de templates Blade pour afficher la vue "index"
// Passer la variable titreDeLaPage à la vue
echo $blade->make("index", ["titre" => $titreDeLaPage])->render();

?>

Dans ce code, j'ai simplement renommé la variable $monTitre en $titreDeLaPage pour rendre son but plus clair. J'ai également ajouté des commentaires pour expliquer ce que fait chaque ligne de code.

HTML CSS pour les MMIs

HugoDemont62 — Mon, 13 Nov 2023 09:44:34 +0000

Cours de HTML/CSS

Sommaire

Introduction
- Qu'est-ce que le HTML ?
- Qu'est-ce que le CSS ?
Les balises HTML
Les attributs HTML
Les sélecteurs CSS
Les propriétés CSS
Exemples

Introduction

Qu'est-ce que le HTML ?

Le HTML est un langage de balisage qui permet de structurer et de mettre en forme du contenu. Il est utilisé pour créer
des pages web.

Qu'est-ce que le CSS ?

Le CSS est un langage de style qui permet de mettre en forme du contenu. Il est utilisé pour mettre en forme des pages
web.

Les balises HTML

Les balises HTML sont des éléments qui permettent de structurer et de mettre en forme du contenu. Elles sont composées
d'un nom et de deux chevrons.


<balise></balise> <!-- balise n'est pas une balise HTML, mais simplement un exemple !  -->

Voici la liste de toutes les balises et de leur utilité :

<html></html> : balise racine, elle contient toutes les autres balises
<head></head> : balise d'en-tête, elle contient des informations sur la page
<body></body> : balise de corps, elle contient le contenu de la page
<h1></h1> : balise de titre, elle permet de créer un titre
- <h2></h2> : balise de sous-titre, elle permet de créer un sous-titre
  - etc ...
<p></p> : balise de paragraphe, elle permet de créer un paragraphe
<br> : balise de saut de ligne, elle permet de créer un saut de ligne
<hr> : balise de séparation, elle permet de créer une séparation
<a></a> : balise de lien, elle permet de créer un lien
<img src="image.jpg"> : balise d'image, elle permet d'afficher une image
<ul></ul> : balise de liste non-ordonnée, elle permet de créer une liste non-ordonnée
- <li></li> : balise d'élément de liste, elle permet de créer un élément de liste
<ol></ol> : balise de liste ordonnée, elle permet de créer une liste ordonnée
- <li></li> : balise d'élément de liste, elle permet de créer un élément de liste
<table></table> : balise de tableau, elle permet de créer un tableau
- <tr></tr> : balise de ligne de tableau, elle permet de créer une ligne de tableau
  - <td></td> : balise de cellule de tableau, elle permet de créer une cellule de tableau
<div></div> : balise de division, elle permet de créer une division
<span></span> : balise de span, elle permet de créer un span

Les attributs HTML

Les attributs HTML sont des éléments qui permettent de modifier le comportement ou l'apparence d'une balise. Ils sont
composés d'un nom et d'une valeur.


<balise attribut="valeur"></balise> <!-- balise n'est pas une balise HTML, mais simplement un exemple !  -->

Voici la liste de tous les attributs et de leur utilité :

id="valeur" : attribut d'identifiant, il permet d'identifier une balise
class="valeur" : attribut de classe, il permet de classer une balise
style="valeur" : attribut de style, il permet de mettre en forme une balise
href="valeur" : attribut d'hyperlien, il permet de créer un lien
src="valeur" : attribut de source, il permet de définir la source d'une balise
alt="valeur" : attribut d'alternative, il permet de définir une alternative à une balise
title="valeur" : attribut de titre, il permet de définir un titre à une balise

Les sélecteurs CSS

Les sélecteurs CSS sont des éléments qui permettent de sélectionner des balises. Ils sont composés d'un nom et de deux
accolades.

.selecteur {
    propriété: valeur;
}

/* sélecteur n'est pas un sélecteur CSS, mais simplement un exemple ! */

Voici la liste de tous les sélecteurs et de leur utilité :

* : sélecteur universel, il permet de sélectionner toutes les balises
balise : sélecteur de balise, il permet de sélectionner une balise
.classe : sélecteur de classe, il permet de sélectionner une balise ayant une classe
#identifiant : sélecteur d'identifiant, il permet de sélectionner une balise ayant un identifiant

Les propriétés CSS

Les propriétés CSS sont des éléments qui permettent de modifier le comportement ou l'apparence d'une balise. Elles sont
composées d'un nom et d'une valeur.

propriété: valeur;
/* propriété n'est pas une propriété CSS, mais simplement un exemple ! */

Voici la liste de toutes les propriétés et de leur utilité :

color: valeur; : propriété de couleur, elle permet de définir la couleur du texte
background-color: valeur; : propriété de couleur de fond, elle permet de définir la couleur de fond
font-family: valeur; : propriété de police, elle permet de définir la police
font-size: valeur; : propriété de taille de police, elle permet de définir la taille de police
font-weight: valeur; : propriété de graisse de police, elle permet de définir la graisse de police
et j'en passe ... !

Exemples


<form action="page.php" method="post">
    <input type="text" name="nom">
    <input type="submit" value="Envoyer">
</form>

En php je récupère les données du formulaire avec la variable superglobale $_POST['nom']

Il peut y'avoir plusieurs classe CSS sur une balise HTML, exemple :

<p class="classe1 classe2 classe3">Paragraphe</p>

le css :

.classe1 {
    color: red;
}

.classe2 {
    font-size: 20px;
}

.classe3 {
    font-weight: bold;
}

Ici, j'ai une classe qui va mettre le texte en rouge, une autre qui va mettre la taille de la police à 20px et une autre
qui va mettre le texte en gras.
Et pour les ID, c'est pareil !

Pour les balises HTML voici certains cas ou cela peut être utile :

lien :

<a href="https://google.fr">Google</a>

image :

<img src="image.jpg" alt="Image">

tableau :


<table>
    <tr>
        <td>Cellule 1</td>
        <td>Cellule 2</td>
    </tr>
    <tr>
        <td>Cellule 3</td>
        <td>Cellule 4</td>
    </tr>
</table>

Liste :


<ul>
    <li>Element 1</li>
    <li>Element 2</li>
</ul>

Liste ordonnée (numérotée) :

<ol>
    <li>Element 1</li>
    <li>Element 2</li>
</ol>

Division (Une boite dans laquelle on peut mettre du contenu) :

<div>Division 1</div>
<div>Division 2</div>

<p>Paragraphe 1</p>
<p>Paragraphe 2</p>

<h1>Titre 1</h1>
<h2>Titre 2</h2>

Retour à la ligne :

 <br>

Formulaires :

<form action="page.php" method="post">
    <input type="text" name="nom">
    <input type="submit" value="Envoyer">
</form>

<head>
    <title>Titre</title>
</head>

Mise en ligne Réseaux MMI

HugoDemont62 — Mon, 13 Nov 2023 09:44:21 +0000

Cours de Réseaux

Mise en ligne d'un site web sur la machine de l'IUT

Prérequis

Avoir un compte sur la machine de l'IUT
Avoir un IDE (VSCode, Sublime Text, Atom, etc.)
Avoir un terminal (Git Bash, CMD, PowerShell, etc.)
Avoir un client FTP (FileZilla, Cyberduck, etc.) (Dans le cas de Lens FileZilla est déjà installé si je ne m'abuse)

Récupération et correction du site web

Pour corer un dossier dans le repertoire personnel de l'IUT, il faut utiliser la commande mkdir (make directory) suivie du nom du dossier que l'on souhaite créer.
Par la suite, nous allons copier le contenu du répertoire /srx/siteAdeployer avec scp

mkdir monDossier
scp -r /srx/siteAdeployer/* monDossier

Créer une archive intitulé web.prenom_V1.0.tgz contenant le dossier monDossier

tar -czvf web.prenom_V1.0.tgz monDossier

Déploiment d'un site web

Transferer l'archive web.prenom_V1.0.tgz dans le repertoir /tmp du serveur web

scp web.prenom_V1.0.tgz user@serveur-web:/tmp

il se peu que vous aillez un mot de passe à rentrer, si c'est le cas, entrez le.

Connectez vous sur le serveur web avec ssh et aller dans le repertoir /public_html/

ssh user@serveur-web
cd ~/public_html/

Décompresser l'archive web.prenom_V1.0.tgz

tar -xzvf /tmp/web.prenom_V1.0.tgz

Pour voir les droits appliqués sur les fichiers et dossiers, il faut utiliser la commande ls -l

ls -l

Si j'ai envie de modifier les permissions je peux faire :

chmod 755 monDossier

Dans votre navigateur vous pouvez aller sur l'adresse http:///~login/monFichierHtml.html

Le déploiement avec FileZilla

Pour se connecter à un serveur FTP, il faut rentrer l'adresse du serveur, le port, le protocole, le nom d'utilisateur et le mot de passe.

Une fois connecté, il suffit de glisser le dossier à déployer dans le dossier public_html.

PHP MMI en français

HugoDemont62 — Wed, 04 Oct 2023 07:14:58 +0000

Sommaire

Introduction
Les bases du langage
Les tableaux
Les fonctions

Introduction

PHP est un langage de programmation qui s'exécute côté serveur. Il est utilisé pour créer des pages web dynamiques. PHP est un acronyme récursif qui signifie "PHP: Hypertext Preprocessor".

Les bases du langage

Les variables

Une variable est un conteneur pour stocker des valeurs de données. Elle a un nom et une valeur. Les variables sont créées avec le signe dollar suivi du nom de la variable :

<?php
$nom_de_variable = "valeur"; 
// Ne jamais oublier le point-virgule à la fin de la ligne ! (dans d'autres langages, il n'est pas obligatoire)
?>

(À noter que dans php, il faut ouvrir et fermer les balises php pour que le code soit interprété)

Les types de variables

Les variables peuvent stocker différents types de données, et différents types de données peuvent faire différentes choses. PHP prend en charge les types de données suivants :

String (chaîne de caractères)
Integer (nombre entier)
Float (nombre décimal)
Boolean (booléen)
Array (tableau)
Object (objet)
NULL

Exemple :

<?php
$nom = "John";
$age = 25;
$flo = 1.85;
$est_majeur = true;
$fruits = array("pomme", "banane", "orange"); 
// ou bien 
$fruits = ["pomme", "banane", "orange"];
$objet = new stdClass();
$rien = null;
?>

Les constantes

Se sont la même chose que les variables, sauf qu'une fois qu'elles sont définies, elles ne peuvent pas être modifiées ou supprimées ultérieurement.

Exemple :

<?php
const NOM = "John"; 
?>

Les opérateurs

Les opérateurs sont utilisés pour effectuer des opérations sur des variables et des valeurs.
Comme en mathématiques, les opérateurs PHP sont utilisés pour effectuer des opérations arithmétiques, telles que l'addition, la soustraction, la multiplication, la division, etc.

Exemple :

<?php
$x = 10;
$y = 6;
$z = $x + $y;
echo $z; // Affiche 16
?>

(Il ya bien sûr d'autres opérateurs, comme l'incrémentation, la décrémentation, l'addition, la soustraction, la multiplication, la division, le modulo, etc.)

Exemple de incrementation et décrémentation :

<?php
$x = 10;
echo $x++; // Affiche 11
echo ++$x; // Affiche 12
echo $x--; // Affiche 11
echo --$x; // Affiche 10

Les conditions

Les instructions conditionnelles sont utilisées pour effectuer différentes actions en fonction de différentes conditions.
Il y a 3 types d'instructions conditionnelles en PHP :

if
else
elseif (D'autre sont disponibles, mais ce sont les plus utilisées) les autres sont : switch, ternaire, etc.

Le ternaire est une condition qui permet de faire un if/else sur une seule ligne.

Exemple :

<?php
$age = 18;
echo ($age >= 18) ? "Majeur" : "Mineur";
?>

Le switch est une condition qui permet de faire un if/else sur plusieurs lignes.
Exemple :

  <?php
  $age = 18;
  switch ($age) {
    case 18:
      echo "Tu as 18 ans";
      break;
    case 19:
      echo "Tu as 19 ans";
      break;
    default:
      echo "Tu as un autre âge";
  }
  ?>

Pour les if/else/elseif, voici un exemple :

<?php
$age = 18;
if ($age >= 18) {
  echo "Majeur";
} elseif ($age == 17) {
  echo "Presque majeur";
} else {
  echo "Mineur";
}
?>

Les boucles

Les boucles sont utilisées pour exécuter le même bloc de code encore et encore, aussi longtemps qu'une condition spécifique est remplie.
Il existe 4 types de boucles en PHP :

for
foreach
while
do...while

Exemple de boucle for :

<?php
for ($x = 0; $x <= 10; $x++) { // (initialisation; condition; incrémentation)
  echo "Le nombre est : $x <br>";
}
?>

Exemple de boucle foreach :

<?php
$fruits = ["pomme", "banane", "orange"]
foreach ($fruits as $fruit) { // (tableau as variable) donc ici, $fruit est la variable qui va parcourir le tableau $fruits
  echo "$fruit <br>";
}
?>

Exemple de boucle while :

<?php
$x = 1;
while($x <= 5) { // (condition) donc ici, tant que $x est inférieur ou égal à 5, on affiche le nombre
  echo "Le nombre est : $x <br>";
  $x++;
}
?>

Exemple de boucle do...while :

<?php
$x = 1;
do { // (condition) donc ici, tant que $x est inférieur ou égal à 5,
// on affiche le nombre (reprend le principe du while, sauf que la condition est vérifiée à la fin de la boucle)
  echo "Le nombre est : $x <br>";
  $x++;
} while ($x <= 5);
?>

Les fonctions

Une fonction est un bloc de déclarations qui peut être utilisé plusieurs fois dans un script.
Une fonction ne sera pas exécutée immédiatement lorsqu'une page est chargée. Elle sera exécutée par un appel à la fonction.

Exemple de fonction :

<?php
function direBonjour() {
  echo "Bonjour !"; // Affiche Bonjour !
  // On peut aussi faire un return "Bonjour !"; pour retourner la valeur
}

direBonjour(); // Appel de la fonction
?>

Les tableaux

Un tableau stocke plusieurs valeurs dans une seule variable. Chaque valeur a un identifiant (clé) qui lui est associé. Les tableaux peuvent contenir des chaînes de caractères, des nombres, des objets, des fonctions et même d'autres tableaux.

Exemple de tableau :

<?php
$fruits = array("pomme", "banane", "orange"); // Tableau indexé
$personnes = ["John", "Doe", "Jane"]; // Tableau indexé (autre syntaxe)
$personne = array("nom" => "John", "age" => 25); // Tableau associatif
// multi-dimensionnel (tableau dans un tableau) 
$hobbies = [
  ["nom" => "John", "age" => 25],
  ["nom" => "Doe", "age" => 30],
  ["nom" => "Jane", "age" => 28]
];
?>

Pour parcourir un tableau, on peut utiliser une boucle :

<?php
$fruits = ["pomme", "banane", "orange"];
for ($i = 0; $i < count($fruits); $i++) {
  echo $fruits[$i] . "<br>";
}
?>

Pour parcourir un tableau associatif, on peut utiliser une boucle foreach :

<?php
$personne = array("nom" => "John", "age" => 25);
foreach ($personne as $key => $value) {
  echo "$key : $value <br>";
}
?>

Pour parcourir un tableau multi-dimensionnel, on peut utiliser une boucle foreach :

<?php
$personnes = [
  ["nom" => "John", "age" => 25],
  ["nom" => "Doe", "age" => 30],
  ["nom" => "Jane", "age" => 28]
];
foreach ($personnes as $personne) {
  echo $personne["nom"] . " a " . $personne["age"] . " ans <br>";
}
?>

Les formulaires

Les formulaires sont utilisés pour collecter des informations auprès des utilisateurs.
Un formulaire HTML contient généralement différents types d'entrées de formulaire, telles que le texte, les cases à cocher, les boutons radio, les boutons d'option, les menus déroulants, etc.

Exemple de formulaire :

<form action="traitement.php" method="post">
  <label for="nom">Nom :</label>
  <input type="text" id="nom" name="nom">
  <label for="prenom">Prénom :</label>
  <input type="text" id="prenom" name="prenom">
  <input type="submit" value="Envoyer">
</form>

Ceci est un formulaire qui va envoyer les données vers le fichier traitement.php en méthode POST.
Les méthodes GET et POST sont les deux méthodes les plus courantes pour envoyer des données à une page PHP.

GET: Les données sont envoyées dans l'URL. (Les données sont visibles dans l'URL)
POST: Les données sont envoyées dans l'en-tête HTTP. (Les données ne sont pas visibles dans l'URL)

Pour récupérer les données d'un formulaire, on peut utiliser la superglobale $_POST :

<?php
$nom = $_POST["nom"]; // nom correspond à l'attribut name du formulaire (ici, c'est nom) (name="nom")
$prenom = $_POST["prenom"];
echo "Bonjour $prenom $nom !";
?>

Pour récupérer les données d'un formulaire en méthode GET, on peut utiliser la superglobale $_GET :

<?php
$nom = $_GET["nom"]; 
$prenom = $_GET["prenom"];
echo "Bonjour $prenom $nom !";
// Bien sûr, il faut changer la méthode du formulaire en GET
?>

Des superglobales sont des variables internes qui sont toujours disponibles dans tous les contextes. Elles sont prédéfinies dans PHP.
Il existe de nombreuses superglobales, mais les plus utilisées sont $_POST et $_GET.
Voici les autres qui te seront utiles :

$_SERVER
$_REQUEST
$_SESSION
$_COOKIE
$_FILES

Nous pouvons par exemple rajouter une condition pour vérifier si le formulaire a été envoyé :

<?php
if (isset($_POST["nom"]) && isset($_POST["prenom"]) !empty($_POST["nom"]) && !empty($_POST["prenom"])) { // isset() permet de vérifier si la variable existe et !empty() permet de vérifier si la variable n'est pas vide
  $nom = $_POST["nom"]; 
  $prenom = $_POST["prenom"];
  echo "Bonjour $prenom $nom !";
}
?>

Les sessions

Une session est un moyen de stocker des informations (dans des variables) pour être utilisées sur plusieurs pages.
Contrairement aux cookies, les informations ne sont pas stockées sur l'ordinateur de l'utilisateur.

Pour démarrer une session, on utilise la fonction session_start() :

<?php
session_start();
?>

Et pour stocker des informations dans une session, on utilise la superglobale $_SESSION :

<?php
session_start();
$_SESSION["nom"] = "John";
$_SESSION["prenom"] = "Doe";
?>

Pour récupérer les informations d'une session, on utilise la superglobale $_SESSION :

<?php
session_start();
echo $_SESSION["nom"]; // Affiche John
echo $_SESSION["prenom"]; // Affiche Doe
?>

Ceci est bien evidemment peu complexe comparé à ce que l'on peut faire avec les sessions, mais c'est un début.

Les cookies

Un cookie est souvent utilisé pour identifier un utilisateur. Un cookie est un petit fichier texte stocké sur l'ordinateur de l'utilisateur.
Lorsque l'utilisateur accède à une page web, son nom peut être récupéré à partir du cookie.

Pour créer un cookie, on utilise la fonction setcookie() :

<?php
setcookie("nom", "John", time() + 3600); // nom, valeur, durée (ici, 1 heure)
?>

Pour récupérer un cookie, on utilise la superglobale $_COOKIE :

<?php
echo $_COOKIE["nom"]; // Affiche John
?>

PHP Base for MMI

HugoDemont62 — Thu, 21 Sep 2023 11:59:33 +0000

PHP and HTML Course (Beginner)

Introduction
Language Basics
Variables
Variable Types
Constants
Operators
Conditions
Loops
Functions
Arrays
Forms
Sessions
Cookies
Classes and Objects

Introduction

PHP is a server-side programming language used for creating dynamic web pages. PHP stands for "PHP: Hypertext Preprocessor."

Language Basics

Variables

A variable is a container for storing data values. It has a name and a value. Variables are created with a dollar sign followed by the variable name:

<?php
$variable_name = "value";
// Always remember the semicolon at the end of the line! (in other languages, it may not be required)
?>

(Note that in PHP, you need to open and close PHP tags for the code to be interpreted.)

Variable Types

Variables can store different types of data, and different data types can perform different tasks. PHP supports the following data types:

String
Integer
Float (Decimal number)
Boolean
Array
Object
NULL

Example:

<?php
$name = "John";
$age = 25;
$height = 1.85;
$is_adult = true;
$fruits = array("apple", "banana", "orange"); 
// or
$fruits = ["apple", "banana", "orange"];
$object = new stdClass();
$nothing = null;
?>

Constants

Constants are similar to variables, but once defined, they cannot be changed or deleted later.

Example:

<?php
const NAME = "John"; 
?>

Operators

Operators are used to perform operations on variables and values. Like in mathematics, PHP operators are used for arithmetic operations such as addition, subtraction, multiplication, division, etc.

Example:

<?php
$x = 10;
$y = 6;
$z = $x + $y;
echo $z; // Outputs 16
?>

(There are, of course, other operators like increment, decrement, addition, subtraction, multiplication, division, modulus, etc.)

Example of increment and decrement:

<?php
$x = 10;
echo $x++; // Outputs 11
echo ++$x; // Outputs 12
echo $x--; // Outputs 11
echo --$x; // Outputs 10
?>

Conditions

Conditional statements are used to perform different actions based on different conditions. There are three types of conditional statements in PHP:

if
else
elseif (There are others available, but these are the most commonly used.) The others include switch, ternary, etc.

The ternary is a condition that allows you to perform an if/else on a single line.

Example:

<?php
$age = 18;
echo ($age >= 18) ? "Adult" : "Minor";
?>

The switch is a condition that allows you to perform an if/else over multiple lines.
Example:

  <?php
  $age = 18;
  switch ($age) {
    case 18:
      echo "You are 18 years old";
      break;
    case 19:
      echo "You are 19 years old";
      break;
    default:
      echo "You are a different age";
  }
  ?>

For if/else/elseif, here's an example:

<?php
$age = 18;
if ($age >= 18) {
  echo "Adult";
} elseif ($age == 17) {
  echo "Almost an adult";
} else {
  echo "Minor";
}
?>

Loops

Loops are used to repeatedly execute the same block of code as long as a specific condition is met. There are four types of loops in PHP:

for
foreach
while
do...while

Example of a for loop:

<?php
for ($x = 0; $x <= 10; $x++) { // (initialization; condition; increment)
  echo "The number is: $x <br>";
}
?>

Example of a foreach loop:

<?php
$fruits = ["apple", "banana", "orange"];
foreach ($fruits as $fruit) { // (array as variable), here $fruit is the variable that iterates through the $fruits array
  echo "$fruit <br>";
}
?>

Example of a while loop:

<?php
$x = 1;
while ($x <= 5) { // (condition), here, as long as $x is less than or equal to 5, we display the number
  echo "The number is: $x <br>";
  $x++;
}
?>

Example of a do...while loop:

<?php
$x = 1;
do { // (condition), here, as long as $x is less than or equal to 5,
// we display the number (similar to while, but the condition is checked at the end of the loop)
  echo "The number is: $x <br>";
  $x++;
} while ($x <= 5);
?>

Functions

A function is a block of statements that can be used multiple times in a script. A function is not executed immediately when a page is loaded; it is executed by calling the function.

Example of a function:

<?php
function sayHello() {
  echo "Hello!"; // Outputs Hello!
  // You can also use return "Hello!"; to return a value
}

sayHello(); // Calling the function
?>

Arrays

An array stores multiple values in a single variable. Each value has an identifier (key) associated with it. Arrays can contain strings, numbers, objects, functions, and even other arrays.

Example of an array:

<?php
$fruits = array("apple", "banana", "orange"); // Indexed array
$people = ["John", "Doe", "Jane"]; // Indexed array (alternative syntax)
$person = array("name" => "John", "age" => 25); // Associative array
// Multi-dimensional array (array within an array)
$hobbies = [
  ["name" => "John", "age" => 25],
  ["name" => "Doe", "age" => 30],
  ["name" => "Jane", "age" => 28]
];
?>

To iterate through an array, you can use a loop:

<?php
$fruits = ["apple", "banana", "orange"];
for ($i = 0; $i < count($fruits); $i++) {
  echo $fruits[$i] . "<br>";
}
?>

To traverse an associative array, you can use a foreach loop:

<?php
$person = array("nom" => "John", "age" => 25);
foreach ($person as $key => $value) {
  echo "$key : $value <br>";
}
?>

To traverse a multi-dimensional array, you can also use a foreach loop:

<?php
$people = [
  ["nom" => "John", "age" => 25],
  ["nom" => "Doe", "age" => 30],
  ["nom" => "Jane", "age" => 28]
];
foreach ($people as $person) {
  echo $person["nom"] . " a " . $person["age"] . " ans <br>";
}
?>

Forms

Forms are used to collect information from users. An HTML form typically contains various types of form inputs, such as text, checkboxes, radio buttons, option buttons, drop-down menus, etc.

Example of a form:

<form action="traitement.php" method="post">
  <label for="nom">Nom :</label>
  <input type="text" id="nom" name="nom">
  <label for="prenom">Prénom :</label>
  <input type="text" id="prenom" name="prenom">
  <input type="submit" value="Envoyer">
</form>

This is a form that will send data to the "traitement.php" file using the POST method. GET and POST are the two most common methods for sending data to a PHP page.

GET: Data is sent in the URL (data is visible in the URL).
POST: Data is sent in the HTTP header (data is not visible in the URL).

To retrieve data from a form, you can use the superglobal $_POST:

<?php
$nom = $_POST["nom"]; // "nom" corresponds to the "name" attribute of the form input (in this case, it's "nom") (name="nom")
$prenom = $_POST["prenom"];
echo "Bonjour $prenom $nom!";
?>

To retrieve data from a form using the GET method, you can use the superglobal $_GET:

<?php
$nom = $_GET["nom"];
$prenom = $_GET["prenom"];
echo "Bonjour $prenom $nom!";
// Be sure to change the form method to GET
?>

Superglobals are built-in variables that are always available in all contexts. They are predefined in PHP. There are many superglobals, but the most commonly used ones are $_POST and $_GET. Here are some others that might be useful:

$_SERVER
$_REQUEST
$_SESSION
$_COOKIE
$_FILES

You can also add a condition to check if the form has been submitted:

<?php
if (isset($_POST["nom"]) && isset($_POST["prenom"]) && !empty($_POST["nom"]) && !empty($_POST["prenom"])) {
  $nom = $_POST["nom"];
  $prenom = $_POST["prenom"];
  echo "Bonjour $prenom $nom!";
}
?>

Sessions

A session is a way to store information (in variables) for use across multiple pages. Unlike cookies, session data is not stored on the user's computer.

To start a session, you use the session_start() function:

<?php
session_start();
?>

To store information in a session, you use the $_SESSION superglobal:

<?php
session_start();
$_SESSION["nom"] = "John";
$_SESSION["prenom"] = "Doe";
?>

To retrieve information from a session, you also use the $_SESSION superglobal:

<?php
session_start();
echo $_SESSION["nom"]; // Outputs John
echo $_SESSION["prenom"]; // Outputs Doe
?>

Cookies

A cookie is often used to identify a user. A cookie is a small text file stored on the user's computer. When the user accesses a web page, their name can be retrieved from the cookie.

To create a cookie, you use the setcookie() function:

<?php
setcookie("nom", "John", time() + 3600); // name, value, duration (here, 1 hour)
?>

To retrieve a cookie, you use the $_COOKIE superglobal:

<?php
echo $_COOKIE["nom"]; // Outputs John
?>

Data management with JSON files and PHP

HugoDemont62 — Sun, 23 Jan 2022 17:38:19 +0000

Data Management

with

JSON files and PHP

I. Introduction

1. Presentation of the problem

During different searches on the internet, I realized that very little information is on the subject of reading information since a JSON file for websites.

2. Objectivity

In the document you will find how to use the information correctly thanks to some examples. It should be noted that the author of this report seeks to report the findings of the analysis of this research in an objective manner.

3. Motivation

The motivations for writing this article are the result of a lack of precise information on the subject of the JSON with some differences between the JSON Objects and the JSON Tables.

II. Exhibition

1. Presentation of the topic

To fully understand the explanations, we need to establish some things, I wish with this article to teach you to use the JSON as storage space even if the BDD (Database) in MySQL is much more secure than the JSON folders. Here not to fade in front of a web development topic I show you roughly how JSON works with PHP.

JSON means JavaScript Object Notation JSON. It is a text format for storing and transporting JSON data. It is "self-descriptive" and easy to understand.

We have to have a number of things at our disposal to get into the code.

A code editor (PhpStorm / VSCode / …),

Basic knowledge of PHP,

Have a JSON file(below for my article),

Key 1 and Key 2 images: 1 and 2

And of the motivation!

JSON file:

File name: products.json

{
"R230595": { "Title": "SanDisk 32G USB Key",
"imageUrl": "clef1.jpg",
"description": "32 GB, USB 3.0 (USB 2.0 compatible)",
"price": 23.99,
"type" : "cle"},
"R250075": { "title": "Emtec Flash Voyager 32",
"imageUrl": "clef2.jpg",
"description": "32 GB, USB 3.0 (USB 2.0 compatible)",
"price": 19.99,
"type" : "cle" }
}

III. When we have objects

1. Recovery

We are in a php file regardless of its name, we will initially retrieve the information of the JSON file named “products.json”. In PHP two important functions will be useful to decrypt the file JSON.

“fle_get_contents” and “json_decode”, the fle_get_contents() will retrieve the file where we put it. For example, if my file is in a data folder I will do:
file_get_contents('data/products.json');

This little bit of code will look in the data folder for file products.json, enfn we can enter this fle_get_contents into a variable.

The second function "json_decode" will decrypt a json file by using it as an associative array where we have additional information with true or leave them as a JSON object with false, this result can also be stored in a variable.

To take the information we must therefore have a code that looks like this:

`$filename = 'data/products.json';

$arrays = json_decode(file_get_contents($filename),true); var_dump($tables);`

So here it will be in our WAMP server:

array (size=2)

'R230595' =>

array (size=5)

'title' => string 'SanDisk 32G' (length=20)

'imageUrl' => string 'clef1.jpg' (length=25)

'description' => string '32 GB, USB 3.0 (USB 2.0 compatible)' (length=35)

'price' => foat 23.99

'type' => string 'cle' (length=3)

'R250075' =>

array (size=5)

'title' => string 'Emtec Flash Voyager 32' (length=22)

'imageUrl' => string 'clef2.jpg' (length=25)

'description' => string '32 GB, USB 3.0 (USB 2.0 compatible)' (length=35)

'price' => foat 19.99

'type' => string 'cle' (length=3)

So we get an associative table that will serve us in the next part of the chapter.

Note that we get exactly the same thing as the JSON file , but this time we can use the information from the associative array.

2. Display

Certainly we know how to recover the information of a JSON file but for the moment impossible to afcher in the state with a var_dump($tableaux);We want to see the images and information correctly with html and why not css/scss.

In our associative table the keys are the references of the products, like “R230595” and others, we want the different information inside the table for this we need to make a loop to retrieve the information of the tables.

foreach ($tableau as $key=>$val)

In the $arrays which is the json_decode we assign two values the key which is $key and the value of the key which is $val.

To afcher the information of a product we must for more ease use a function why not afcheProduit.

Our loop where we want to send the information must therefore correspond to this code:

foreach ($tableaux as $key=>$val) {

Product Display($key);
}

For the function we have to retrieve the $key which is the product reference of the famous “R230595” to use it for taking information in the afchage.

To write html in PHP we will use an echo with quotes to avoid problems with the “” of html.

So we get: echo ''; Inside you inject your HTML code.

To obtain the information we must write in the echo the file decrypted the reference and enfn
the information. In a PHP echo to write inside we have to use quotes and dots,
for our information stored in the associative array “arrays” if we wish to
afcher we just have to write the name of the array in which object they are stored and enfn the
Desired key to have the value that is enclosed.
Which gives us:

`<img class="produits__image" src="'.$tableaux[$produit]['imageUrl'].'" alt="clé">`

Here we have the $tableau which is the associative tableau, the $produit which is the reference of our products and infn the ‘imageUrl’ which is simply the key of the address of the image: 'imageUrl' => string 'clef1.jpg' so we have in the src clef1.jpg which we get our image.

Here is a code for each element:

function displayProduct($produit){

$filename = 'data/products.json';
$arrays = json_decode(file_get_contents($filename),true); echo '
<li class="productts__item">
<div class="productts__pic">
<a href=""><img class="produits__image" src="'.$tableaux[$produit]['imageUrl'].'" alt="clé"></a>
</div>
<div class="products__infos">
<a class="productts__name text"
href="article.php? reference='. $produit. '">'. $tableaux[$produit]['titre'
]. ' ('.$produit.')</a>
<p class="products__desc
desc">'. $tableaux[$produit]['description']. '</p>
</div>
<div class="products__cta">
<a class="productts__link"
href="adderPanier.php? reference='. $produit. '"><img
class="productts__addtocart" src="assets/site/buy.png"
alt="buy"></a>
<p class="products__prix
text">'. $tableaux[$produit]['prix']. '€</p> </div>

</li>';

}

The classes have been adapted to my css code I let you do it for your css code.

IV. When we have objects and paintings

1. Recovery

We have seen and understood how the JSON afchage works in php. But! This is not the only case observed, let’s take a new example! If we have comments to afcher to this kind of product as in the new file JSON that I will give you:

The file JSON avis.json:

{
"Comments":[
{"reference": "R230595",
"Author": "Seb",
"date" : "12/05/2018",
"note":7,
"Review": "Great product I recommend"},
{"reference": "R230595",
"author": "Gilles",
"date" : "17/06/2018",
"note":8,
"Review":"Product meets my expectations. Delivery is always at the top!" },
{"reference": "R250075",
"author": "Vincent",
"date" : "05/08/2018",
"note": 4,
"Review": "Good quality product but no instructions from
montage. I had to look online. Bof Bof :-("}
]
}

2. comprehension

In the new file JSON we have a new specificity, don’t be afraid! it’s quite simple! We have in a defined JSON object with the {} at the beginning up to the fn but inside this set, we have a table delimited with the [] which complicates us a little more the task during the display but nothing serious! We will try to display each comment in relation to the product.

3. Code

First of all it is necessary to decode the file again at the entry of the function that we will name afcheCommentaire. So you can reuse the code previously with the modification of the name of the file which gives:

`function displayCommentary() {

$filename = 'data/avis.json';
$arrays = json_decode(file_get_contents($filename), true);
}`

Enfn we have to use the associative array to fetch the information, as previously we have to use the associative array, for this in your html code in the echo you will use the: '.$arrays['comments']. ' but we have a problem, comment is a table, with IDs, to be able to afcher them we are therefore obliged to make a loop for to take the information. Which gives us overall:

`<p class="commentaires__par">by <span

class="text">'. $tables['comments'][$i]['author']. '</span></p>`

Here the code afche the author of the comments, but to have the $i we must make a loop for as opposite:

`for ($i = 0; $i < count($tables['comments']); $i++){

In order to have the elements of a particular product, of the comments of the product in question, we are therefore obliged to make an if in this for loop to require that the reference of the product is the same as the $_GET[‘reference’] given when sending to the article. Which gives us a very simple code. I even added a function when there are no comments! The code:

function displayCommentary() {

$filename = 'data/avis.json';
$arrays = json_decode(file_get_contents($filename), true);



echo '

<h2 class="text heading">Comments</h2> <div class="commentaires__grid">';
$com = false;

for ($i = 0; $i < count($tables['comments']); $i++){ if ($tables['comments'][$i]['reference'] =

$_GET['reference']){
$com = true;
echo ' ' <div class="commentaires__user">
<p class="commentaires__par">by <span class="text">'. $tables['comments'][$i]['author']. '</span></p>
<p
class="commentaires__posted">'. $tableaux['commentaires'][$i]['date'].
'</p>
<p
class="commentaires__note">'. $tableaux['commentaires'][$i]['note']. '/
10</p>
</div>
<div class="commentaires__avis">
<p
class="commentaires__text">'. $tableaux['commentaires'][$i]['avis']. '< /p>
</div>';

}

}
if (!$com){
echo '<i>No comments</i>';
}
echo '</div>';

}

V. Conclusion

And yes! it is quite simple to afcher each element but without having any knowledge in PHP or JSON, it is complicated to orient oneself in all this. I hope this article helped you in your code! Other codes are possible such as knowing the number of notices, calculating the average of notices, putting items in a shopping cart, etc. , for the part of the afchage you should succeed by following my “advice”. Good luck!

Sory for my very bad english im just a french guy.

Hugo Demont, étudiant à l’université

LENS technology in the first year of LENS MMI

Forem: HugoDemont62

Blade FR MMI

HTML CSS pour les MMIs

Cours de HTML/CSS

Sommaire

Introduction

Qu'est-ce que le HTML ?

Qu'est-ce que le CSS ?

Les balises HTML

Les attributs HTML

Les sélecteurs CSS

Les propriétés CSS

Exemples

Mise en ligne Réseaux MMI

Cours de Réseaux

Prérequis

Récupération et correction du site web

Déploiment d'un site web

Le déploiement avec FileZilla

PHP MMI en français

Sommaire

Introduction

Les bases du langage

Les variables

Les types de variables

Les constantes

Les opérateurs

Les conditions

Les boucles

Les fonctions

Les tableaux

Les formulaires

Les sessions

Les cookies

PHP Base for MMI

PHP and HTML Course (Beginner)

Table of Contents

Introduction

Language Basics

Variables

Variable Types

Constants

Operators

Conditions

Loops

Functions

Arrays

Forms

Sessions

Cookies

Data management with JSON files and PHP

Data Management

with

JSON files and PHP

I. Introduction

1. Presentation of the problem

2. Objectivity

3. Motivation

II. Exhibition

1. Presentation of the topic

III. When we have objects

1. Recovery

2. Display

IV. When we have objects and paintings

1. Recovery

2. comprehension

3. Code