- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
Deviens membre Premium magic_button
Débloque cette session en devenant Membre Premium 🚀
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte person00:00:11 :On va voir rapidement le langage de gabarit de Django.C'est un langage qui ressemble assez fortement au Python, qui est un petit peu différent.Ça va être une syntaxe à apprendre, mais vous allez voir que vous n'allez pas être perdus.
00:00:31 :Vous allez voir que c'est très puissant et c'est là qu'on commence vraiment à s'amuser puisqu'on va pouvoir avoir quelque chose de dynamique.C'est-à-dire qu'on va récupérer des données, des informations dans notre vue ici et on va pouvoir les envoyer à notre fichier html pour qu'il s'affiche différemment,pour qu'il nous affiche des informations différentes en fonction des données que l'on a récupérées dans notre vue.
00:00:50 :Pour faire ça, on va donner un troisième argument à notre fonction render.Cet argument s'appelle context, donc on va donner un dictionnaire à ce paramètre context.
00:01:01 :Ce dictionnaire va être des clés et des valeurs.Les clés, c'est ce qu'on va utiliser à l'intérieur de notre fichier index.html.Pour vous donner un exemple, je pourrais faire une clé qui s'appelle test et qui contient une valeur de 5.
00:01:15 :Cette clé, c'est ce qu'on va utiliser dans notre template.Si je veux afficher cette valeur de 5 dans mon template, il faut que j'utilise la clé test.
00:01:24 :Pour ça, je vais enlever ici mon texte qui est affiché.Je vais utiliser deux accolades.Deux accolades au début, deux accolades à la fin, ça va me constituer un bloc dans lequel je vais pouvoir insérer des variables qui sont envoyées avec le contexte.
00:01:38 :Dans ce cas-ci, je vais insérer le test ici qui contient le nombre 5.Je mets test ici à l'intérieur de mes deux accolades.Si je reviens sur mon site, j'actualise.
00:01:48 :Vous voyez que j'ai bien 5 qui s'affichent.Comme ça, vous voyez qu'on a quelque chose de dynamique.On a ici la même variable qui ne bouge pas, donc test à l'intérieur de mes accolades.
00:01:56 :Dans ma vue, dans ce cas-ci, j'ai 5.Mais si à un moment c'est 10 ou à un autre moment c'est 15, à chaque fois que l'on va actualiser notre vue, ce nombre va changer et l'affichage va changer pour l'utilisateur.
00:02:07 :C'est très pratique et c'est ça qui fait toute la puissance de Django.Ce qu'on va faire aussi, c'est pouvoir passer autre chose que juste des nombres.
00:02:14 :On va pouvoir par exemple passer une liste.Si je fais liste nombre et qu'ici à la place de 15, je mets range de 10, je vais pouvoir passer une liste de nombre à mon template.
00:02:25 :Cette liste, on va pouvoir également boucler dessus et c'est là que c'est encore plus puissant.Pour faire une boucle, on va utiliser une boucle for.
00:02:32 :La boucle for va être définie par des accolades et un symbole pourcentage.C'est la syntaxe du langage de gabarit de Django.C'est le petit truc qu'il faut apprendre.
00:02:42 :Ce n'est vraiment pas compliqué.En 5 minutes, vous allez être opérationnel avec tout ça.La boucle for, on va dire pour nombre in liste nombre.
00:02:50 :On va fermer cette ligne ici en remettant un symbole pourcentage et une accolade.Et à l'intérieur de cette boucle, on peut remettre du html.Je vais mettre mon tag h1 et ici je vais intégrer ma variable nombre.
00:03:03 :La variable nombre, bien entendu, je ne peux pas juste la mettre comme ça,puisque là, ce serait considéré comme du texte.Il faut que je remette les doubles accolades ici pour dire que je veux insérer une variable.
00:03:12 :Et la variable, ça va être donc nombre qui est la variable qui est récupéréequand on boucle sur notre liste de nombre.Dans ce cas-ci, ça va être 0, 1, 2, 3, 4, 5, 6, 7, 8 et 9.
00:03:21 :Ensuite, on a un dernier truc à faire, c'est fermer cette boucle for.Ça, c'est une des grosses différences qu'on n'a pas en Python.En Python, on n'a pas besoin de fermer notre boucle for.
00:03:31 :On peut juste faire pour nombre in liste nombre, on affiche le nombre et c'est tout.Ici, dans le langage de gabarit, il va falloir indiquer où se situe la fin de la boucle.
00:03:38 :Pour ça, on va rouvrir une accolade avec un pourcentageet on va dire end for, tout attaché en minuscule,et on referme notre balise ici avec un pourcentage et une accolade encore.
00:03:49 :Voilà la façon de faire une boucle avec le langage de gabarit de Django.On a les accolades et les pourcentages pour ouvrir nos balises ici.
00:03:57 :Ensuite, ici, ça ressemble exactement à ce qu'on aurait avec du Python.Pour nombre dans liste nombre, là, on peut mettre autant de HTML qu'on veut.
00:04:04 :On peut mettre des tags HTML, on pourrait mettre une dizaine de lignes si on veut,à l'intérieur de notre boucle, ça ne pose aucun problème.
00:04:10 :On va pouvoir également afficher des variables,que ce soit la variable nombre ici qui est la variable qui est récupérée quand on boucle sur notre liste,mais on pourrait également afficher d'autres choses.
00:04:19 :Si j'avais d'autres clés ici avec d'autres valeurs,je pourrais bien entendu les afficher à l'intérieur de ma boucle ou à l'extérieur, n'importe où.N'importe où dans notre fichier index.html,
00:04:28 :on peut afficher des variables qui sont envoyées via notre contexte dans la vue.Donc là, si je sauvegarde tout ça,donc pas besoin de sauvegarder, on est en Python, ça se sauvegarde tout seul bien entendu,mais si je considère que c'est terminé et que je reviens sur mon site, je vais actualiser.
00:04:44 :Et là, on a bien 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 qui s'affichent,qui prouvent donc qu'on a bien notre boucle qui s'exécute.
00:04:50 :Et là encore, je vais pouvoir revenir dans ma vue,changer par exemple pour mettre 15 nombres ici,et je relance.Alors des fois, ça peut arriver en fait, c'est quand vous relancez trop vite.
00:05:00 :En fait, comme je vous avais dit, si on revient dans notre terminal,si on raffiche le terminal ici, à chaque fois qu'on fait un changement,eh bien le serveur va se relancer.
00:05:08 :Et donc là en fait, je suis allé trop vite, c'est-à-dire que le serveur était en train de se relancer,et moi j'ai directement actualisé.Et donc en fait, je suis arrivé sur une page qui m'a dit que le site n'était pas fonctionnel,puisque le serveur n'avait pas encore eu le temps de se remettre en place.
00:05:21 :Donc vous voyez que si on réactualise en attendant un petit peu, ça se remet en place,et là on a bien notre liste qui a été mise à jour.
00:05:27 :Donc voilà le fonctionnement de base des contextes,donc du contexte ici que l'on envoie à notre template,et du langage de gabarit de Django.Donc là on a vu la boucle for, dans les parties qui suivent,on verra d'autres balises, comme les balises pour les structures conditionnelles par exemple.
00:05:40 :Et on va pouvoir comme ça, commencer à récupérer les données de notre API,donc les données que l'on a créées dans la première partie,avec notre fichier API.py ici.
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.