Différences

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

--- debutsymfony [2023/11/06 10:57] – [Initialisation du projet :] admin
+++ debutsymfony [2023/11/06 13:46] (Version actuelle) – [Création de la vue] admin
@@ Ligne 15: / Ligne 15: @@
 </code>
-===== Initialisation du projet : =====
+===== Création et configuration de la base de données : =====
 ) Sous mariadb, créer la base de données nommée webstudent
 ) Configurer la connexion à la bdd dans le fichier .env
-DATABASE_URL="mysql://root:@127.0.0.1:3307/webstudent?serverVersion=mariadb-10.6.5"
+<code>DATABASE_URL="mysql://root:@127.0.0.1:3307/webstudent?serverVersion=mariadb-10.6.5"</code>
-) Créer le controlleur EtudiantController  (ATTENTION DE BIEN SAISIR LE NOM : EtudiantController)
+===== Création d'un contrôleur : =====
- >php bin/console make:controller
+Le contrôleur contient la logique applicative. Il utilise la couche modèle pour exploiter les données, effectue éventuellement des traitements et redirige vers une vue.
+Les contrôleurs sont situés dans le dossier ''...\src\Controller'' et ont pour nom ''xxxController''.
+Créer le controlleur EtudiantController avec la commande ci-dessous dans la console (à la racine du projet)
+<code>
+>php bin/console make:controller
+</code>
+Donner le nom ''EtudiantController''.
+Vérifier la présence du nouveau fichier dans src/Controller. Symfony créé une vue par défaut en même temps dans le dossier templates/etudiant, vue nommée index.html.twig.
 → Fichiers créés : src/controller/EtudiantController.php + templates/etudiant/index.html.twig
-) Tester dans le navigateur
+===== Tests : =====
+Tester dans le navigateur
 http://localhost/webstudent23/public/etudiant
-Note : Si erreur page non trouvée
+Note : Si erreur page non trouvée :
-Vérifier la présence du fichier .htaccess dans le dossier public. Si inexistant, le copier depuis le nas
+Vérifier la présence du fichier .htaccess dans le dossier public. Si inexistant, copier ce fichier depuis le nas
-) Analyser le fichier EtudiantController
+===== Analyse : =====
+) Analyser le fichier EtudiantController
+{{:etudiantcontroller.png?400|}}
 ) Analyser la vue templates/etudiant/index.html.twig
+Les vues avec symfony sont générées avec le moteur de templates Twig. Il s'agit de simples pages contenant essentiellement du Html et dans lesquelles des morceaux de code php peuvent être exécutés. Les vues doivent avoir l'extension .html.twig et se situer dans le dossier ../templates. du projet.
+===== Fichier de routes: =====
+Il est possible  de configurer les routes dans le fichier config/routes.yaml. Cela permet de centraliser toutes les routes dans un seul fichier plutôt que via les annotations au dessus de chaque méthode dans chaque contrôleur.
+Le fichier .../config/routes.yaml permet donc de définir un nom de route et de l'associer à une url et à un contrôleur et sa méthode.
+Précédemment l'url saisie était: http://localhost/webstudent/public/etudiant.
-) Possibilité de configurer les routes dans le fichier config/routes.yaml
+Dans le fichier de routes config/routes.yaml, chaque route est définie par un ensemble de 3 lignes :
-	a) mettre en commentaires la ligne 11  (//#[Route...)
+  * le nom de la route (ici ''app_etudiant''). Vous pouvez mettre ce que vous voulez mais ce nom doit être unique pour tout votre fichier.
-	b) configurer la route dans le fichier config/routes.yaml
+  * le path = la partie de l'url à saisir dans le navigateur derrière http://localhost/webstudent/public (ici ''/etudiant'')
-controllers:
+  * le contrôleur et la méthode associée à la route (ici EtudiantController, méthode index).
+	a)mettre en commentaires la ligne 11  (//#[Route...)
+	b)configurer la route dans le fichier config/routes.yaml
+<code>controllers:
     resource:
         path: ../src/Controller/
@@ Ligne 46: / Ligne 68: @@
     type: attribute
-index:
+app_etudiant:
     path: /etudiant
-    controller: App\Controller\EtudiantController::index
+    controller: App\Controller\EtudiantController::index</code>
-	c) Tester dans le navigateur
+	c)Tester dans le navigateur
 	http://localhost/webstudent23/public/etudiant
-===== Le fichier des routes : =====
+===== Activité =====
+Le but de cette première activité est de créer une page d’accueil affichant « Bonjour les SIO –
+Quelles notes obtiendrez vous au BTS en 2024 ?»
+L’année sera un paramètre nommé pAnnee qui sera passé à la vue.
-Le fichier .../config/routes.yaml permet d'associer une url à un contrôleur et sa méthode.
+) Dans le fichier de routes, créer une route dont l’url à saisir dans le navigateur sera
-Ici l'url saisie sera : http://localhost/webstudent/public/accueil.
+http://localhost/webstudent23/public/etudiant/accueil.
+Cette route redirigera vers la méthode nommée accueil de EtudiantController
-Chaque route est définie par un ensemble de 3 lignes :
+) modifier le contrôleur EtudiantController pour ajouter la nouvelle méthode accueil.=====
-  * le nom de la route (ici ''route_accueil''). Vous pouvez mettre ce que vous voulez mais ce nom doit être unique pour tout votre fichier.
-  * le path = la partie de l'url à saisir dans le navigateur derrière http://localhost/webstudent/public (ici ''/accueil'')
-  * le contrôleur et la méthode associée à la route (ici EtudiantController, méthode index).
-__Fichier .../config/routes.yaml__
-<code php>
-route_accueil:
-    path: /accueil
-    controller: App\Controller\EtudiantController::index
-</code>
-===== Création du contrôleur =====
-Le contrôleur contient la logique applicative. Il utilise la couche modèle pour exploiter les données, effectue éventuellement des traitements et redirige vers une vue.
-Les contrôleurs sont situés dans le dossier ''...\src\Controller'' et ont pour nom ''xxxController''.
 <code>
->php bin/console make:controller
-</code>
-Donner le nom ''EtudiantController''.
-Vérifier la présence du nouveau fichier dans src/Controller, l'éditer et le modifier comme ci-dessous.
-__Fichier .../src/Controller/EtudiantController.php__
-<code php>
-<?php
 namespace App\Controller;
@@ Ligne 103: / Ligne 102: @@
     public function index()
     {
-     	/* Cette simple instruction permet d'envoyer des informations au navigateur sans passer par une vue.
-        return new Response('<html><body>Salut Les SIO</body></html>');
+    //#[Route('/etudiant', name: 'app_etudiant')]
-        */
+    public function index(): Response
+    {
+        return $this->render('etudiant/index.html.twig', [
+            'controller_name' => 'EtudiantController',
+        ]);
+    }
-         // initialise une variable qui sera exploitée dans la vue
-         $annee = '2023';
+    public function accueil(): Response
-         return $this->render('etudiant/accueil.html.twig', ['pAnnee' => $annee,
+    {
-        ]);
+        $annee = '2024';
+        return $this->render('etudiant/accueil.html.twig', ['pAnnee' => $annee,
+       ]);
+    }
     }
 }
 </code>
-La méthode index de ce contrôleur appelée par la route précédente, initialise une variable $annee et renvoie vers une vue nommée ''accueil.html.twig'' en passant en paramètre la variable $annee.
+La méthode accueil de ce contrôleur appelée par la route précédente, initialise une variable $annee et renvoie vers une vue nommée ''accueil.html.twig'' en passant en paramètre la variable $pAnnee.
 ===== Création de la vue =====
-Les vues avec symfony sont générées avec le moteur de templates Twig.
-Il s'agit de simples pages contenant essentiellement du Html et dans lesquelles des morceaux de code php peuvent être exécutés.
-Les vues doivent avoir l'extension ''.html.twig'' et se situer dans le dossier ''../templates.'' du projet.
 Voici la vue renvoyée par le contrôleur ci-dessus et permettant d'afficher un simple message.
 Ce fichier nommé accueil.html.twig est créé dans le dossier ../templates/etudiant.
@@ Ligne 147: / Ligne 151: @@
 ===== Tests =====
-  * Saisir dans le navigateur l'url : http://localhost/webstudent/public/accueil.
+  * Saisir dans le navigateur l'url : http://localhost/webstudent/public/etudiant/accueil.
   * La réponse attendue est :
 {{:symfoaccueil.png?400|}}