Différences

Ci-dessous, les différences entre deux révisions de la page.

--- sio:bloc2:td7 [2024/07/02 10:47] – [Backend Team :] jcheron
+++ sio:bloc2:td7 [2024/07/02 15:54] (Version actuelle) – [Frontend Team :] jcheron
@@ Ligne 2: / Ligne 2: @@
 Cet exercice de synthèse consiste à développer une application Web permettant d'inviter des participants à des èvénements, et de recueillir leur réponse (confirmation de présence ou non).
+[[https://github.com/supavenir/doodle-all|repository github]]
@@ Ligne 37: / Ligne 40: @@
   * Création des routes et des contrôleurs
   * Gestion de la base de données
+=== Injection de PDO ===
 <sxh php;title:app/dependencies.php>
@@ Ligne 72: / Ligne 77: @@
 };
 </sxh>
+=== Usage db ===
+<sxh php;title:app/routes.php>
+    $app->get('/', function (Request $request, Response $response) {
+        $db = $this->get('db');
+        $stmt = $db->query('SELECT * FROM utilisateur');
+        $users = $stmt->fetchAll();
+        $response->getBody()->write(json_encode($users));
+        return $response->withHeader('Content-Type', 'application/json');
+    });
+    </sxh>
 ==== Frontend Team : ====
   * Création des formulaires et de l'interface utilisateur
   * Intégration avec l'API via Fetch API
   * Gestion des interactions et des réponses des utilisateurs
+<sxh js;>
+const API_URL = 'http://localhost:8080/';
+//Get request to the server using fetch
+apiGet = async(resource) => {
+    const url = `${API_URL}${resource}`;
+    const response = await fetch(url);
+    return await response.json();
+};
+//Post request to the server using fetch
+apiPost = async (resource, data) => {
+    const url = `${API_URL}${resource}`;
+    const response = await fetch(url, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(data)
+    });
+    return await response.json();
+};
+</sxh>