Session du samedi 11 février à 13:30

Session du 11 février 2023 à 13h30

Développement Web & Frameworks

Qualité & Architecture

Outils & IDE

Librairie Standard & Modules

Deviens membre Premium magic_button

Cette session de mentorat est réservée aux membres Premium. Rejoignez-nous pour accéder à toutes les rediffusions des sessions de mentorat !

Premium

check +100h de formations
check +180 exercices de code
check +100h de mentorats en rediffusion
check 20 projets
check Mentorats groupés hebdomadaires
check Support individuel avec nos mentors

Découvrir les formules

Voir le détail des fonctionnalités

Composants réutilisables avec les templates Django

Passage en revue des différentes façons de créer des composants avec Django, en utilisant des techniques comme include ou les templates tags :

Création du projet Django sur PyCharm
Inclure un template avec "include"
Explications sur le refactoring de PyCharm
Erreur de récursivité avec include
Envoyer des arguments avec with
Créer un "simple tag" (register.simple_tag)
Créer un nombre aléatoire pour recharger le CSS
Créer un filtre personnalisé (register.filter)
Utiliser le contexte avec takes_context
Inclure un template avec les inclusion_tag
Les limitations du inclusion_tag

La documentation de Django sur la création de balises et filtres personnalisés :
https://docs.djangoproject.com/fr/4.1/howto/custom-template-tags/

Rechercher dans la transcription

00:00:00 :C'est un mixin donc tu le rajoutes dans ta classe.J'ai hérité de celle là et du coup il fallait être connecté pour pouvoir accéder à la vue.

00:00:15 :Tu as plein de façons de faire effectivement. Tu peux le faire en décorateur, tu peux le faire effectivement si je ne me trompe pas dans les urls.

00:00:34 :Tu fais les deux, tu montes les deux.C'est parce que tu peux utiliser le décorateur directement autour de ta vue.D'ailleurs c'est intéressant parce que ça te montre bien justement par rapport au décorateur.

00:00:49 :Si tu le mets tu vois au dessus de ta fonction, un décorateur ça wrap, ça englobe ta fonction, ça l'encapsule on va dire.Et du coup effectivement si tu le mets dans ton fichier d'url, là tu vois clairement ce mécanisme parce que tu fais login record entre parentheses.

00:01:09 :Donc là tu vois vraiment ce côté d'encapsulation.Là tu vois c'est purement du Python, c'est ça qui est marrant.On pourrait se dire c'est un mécanisme Django et tout, mais c'est vraiment le principe des décorateurs.

00:01:29 :Salut Yannick!Il a coupé la caméra.Salut Yannick!Je m'étais un peu planté, j'espère qu'il n'y a pas trop de monde.Du coup je vous excuse, je vais devoir partir.

00:01:51 :Je suis désolé, je pense que d'ici 25 minutes il faudra y aller.Je pense qu'on va pas traîner, on va commencer de toute façon, les autres rejoindront au pire.

00:02:01 :Il y a Céline aussi qui voulait venir.Je l'ai connecté tout à l'heure.Voilà, donc finalement c'est marrant parce que j'avais envoyé des mails les fois d'avant et je m'étais demandé si ça servait vraiment à quelque chose.

00:02:19 :Et les fois d'avant il y avait 10 ou 15 personnes, donc je pense que les mails restent encore le moyen privilégié de communication.Je ne sais pas si vous aviez vu ce que j'avais mis vite fait comme description.

00:02:35 :Je voulais vous montrer, donc je vais vous partager mon écran.Et en plus j'ai remodifié un petit peu mon setup.Et je vais pouvoir du coup repartager enfin l'intégralité de mon écran.

00:02:49 :Parce que j'avais mon écran avec un format bizarre.Donc, en fait ce que je vais vous montrer c'est ça.Est-ce que tout le monde voit bien?

00:03:05 :Je vais peut-être le mettre sur mon écran du haut.Il faudrait que je me fasse un... ça c'est un peu chiant.Il faudrait que je... à chaque fois...

00:03:21 :Ça et le fond là surtout.Ok, on va mettre...Donc, en fait ce que je veux vous montrer c'est différentes façons d'inclure des éléments à l'intérieur d'un template Django.

00:03:41 :Je vais vous le montrer à travers un nouveau projet.Ça du coup c'est Docstring.Je vais repartir d'un projet vierge pour que ce soit plus clair.

00:03:51 :Donc je vais juste le créer.D'ailleurs je voulais vous montrer vite fait justement... alors ça je crois que c'est la version pro uniquement.Là je peux faire un projet pur Python, ce qui est possible avec la version de base.

00:04:05 :Et avec la version pro vous voyez il y a pas mal d'autres choses ici.Je sais plus lesquelles... non je crois peut-être HTML5 ça doit être dans la version de base aussi.

00:04:15 :Là par exemple on a donc Django.Et je ne suis pas sûr exactement de tout ce que ça fait.Je pense que ça fait juste... application name, templates...

00:04:24 :Je pense que ça va juste installer directement Django.Donc je vais le faire, on va prendre la 3.10, on va le mettre là, parfait, Django, ok, super.

00:04:35 :Et new window.Donc je pense que ça va juste créer un environnement virtuel et installer Django directement.Donc, hop, voilà, Django project, manage, parfait.Et je vais ouvrir un terminal.

00:04:55 :Ok, donc là normalement si je fais... hop, ici, si je lance...C'est bon, ok.Et je vais ouvrir, hop, je vais utiliser Brave.Hop, voilà, donc un petit projet rapide.

00:05:16 :Donc, ça, j'en ai pas besoin.Ok, donc, ce que je veux vous montrer c'est comment effectivement on peut inclure dans un fichier de template.Donc là j'en ai encore aucun, on va faire une vue toute simple.

00:05:31 :Hop, on va faire un... tac, je vais même pas... ah si, je vais faire une application.Comme ça, hop, donc désolé je fais un peu vite mais bon ça c'est des trucs que vous avez probablement déjà vu si vous avez fait un peu de Django.

00:05:45 :Startup, on va l'appeler blog, allez, on va pas s'embêter.L'application tu l'as créé en deux secondes, t'as fait comment?L'application, le projet Django?Ah oui, non, c'est bon, non, je n'ai pas vu que tu avais fait l'épitome manage startup, je crois que tu avais trouvé autre chose, un raccourci.

00:06:01 :Ah ouais, ouais, non, non, c'est tout simplement un startup.Et hop, on va... ouais, je vais mettre les urls directs et je vais apporter les views, ok.

00:06:12 :Donc là on va faire une index, request, return, render, request, on va faire un index et voilà.Tac, on va créer donc le template, template, slash blog.

00:06:27 :Tiens, petite astuce en passant, quand vous faites des dossiers, si vous voulez créer directement une structure, une hiérarchie,vous pouvez mettre un slash et il va automatiquement créer le dossier à l'intérieur de l'autre.

00:06:38 :Ça évite de déjà faire template et ensuite refaire un clic droit à new directory.Donc là vous voyez, automatiquement j'ai le template blog qui est créé.

00:06:45 :Et ici, et aussi avec PyCharm, là si je fais option entrée sur Mac, commande, contrôle, contrôle entrée je pense,vous pouvez automatiquement faire create template et là je crois que c'est ça, il vous propose où est-ce que vous souhaitez le mettre.

00:07:00 :Et là justement, alors là c'est ça qui est marrant, justement j'allais dire ça c'est chiant, il n'a pas reconnu et c'est normal,c'est parce que je n'ai pas ajouté l'application ici dans install d'app.

00:07:10 :Et normalement je pense que si je rajoute blog, je devrais quand je refais cette opération, cette fois vous voyez, j'ai bien le blog slash template.

00:07:18 :Donc je peux choisir, soit je le mets dans le template de base et c'est ça qui est intéressant aussi.Donc moi je vais le mettre dans blog template, mais vous voyez que je pense que dans le settings aussi, ici,ah voilà c'est l'in, dans le settings il a dû rajouter, voilà, il a rajouté dans le dirs le template.

00:07:34 :Et ça c'est directement parce que quand j'ai fait un nouveau projet, ici, quand j'ai fait Django, dans more settings,vous voyez il y a template folder et je pense que j'aurais pu, j'imagine que si je mets rien du coup il ne va rien mettre.

00:07:48 :Application name, j'imagine que si j'avais mis blog déjà, il en aurait fait une comme ce que je viens de faire.Enable Django admin, je ne sais pas exactement ce que ça fait.

00:07:58 :Mais voilà, du coup là j'avais mis templates et vous voyez du coup il m'a créé directement un base dirs template.Moi perso je ne suis pas ultra fan toujours de ces trucs qui font pas mal de choses pour vous,parce que justement je trouve que là on n'est pas trop sûr de ce qu'il a fait.

00:08:14 :Il faudrait aller voir concrètement dans la documentation de PyCharm quand on fait un nouveau projet de Django,qu'est-ce qu'il modifie. Voilà, vous voyez ça peut être pratique si vraiment vous savez ce qu'il fait

00:08:25 :et si vous êtes ok avec ça. Là vous voyez qu'il y a des trucs des fois qu'il fait, je ne suis pas forcément au courant.

00:08:31 :Donc c'est pour ça que je préfère faire directement depuis un terminal.Je trouve que comme ça j'ai vraiment le contrôle à 100% sur ce que je fais.

00:08:38 :Donc, là j'ai bien mon fichier index, voilà.Fichier d'url, du coup là on va faire views.index et on va importer from blog.importviews.Donc normalement si je reviens sur mon Brave ici, je peux aller là et là j'ai rien.

00:08:59 :Et si je vais, on va séparer un petit peu, si je vais là je fais un h1, bonjour, ça devrait, voilà.Ok parfait, donc voilà tout est bon, tout est setupé.

00:09:13 :Et d'ailleurs là vous voyez que j'ai fait un petit truc aussi.Ça je me demande aussi si c'est juste pas Harm Pro ou Community.Là vous voyez moi j'ai lancé directement depuis le terminal,mais vous pouvez aussi en fait quand vous avez une configuration,et je crois effectivement que c'est que avec la version Pro,

00:09:32 :en fait vous pouvez faire une configuration Django Server.Ça fait vraiment pas grand chose de plus, c'est juste que vous avez du coup directement la possibilité de faire un Python manage.py run server et de lancer directement depuis l'interface ici.

00:09:49 :Donc voilà, c'est pas...Ouais Gab, je sais pas si c'était voulu.Ouais c'est vrai, le run server ça en fait je le configure moi-même dans les settings de Python.

00:10:03 :Ouais. Et du coup tu dis que dans la version Pro il en configure un direct tout seul en fait, c'est ça?Ouais bah en fait tu vois effectivement, là où je m'en allais, c'est que j'allais dire en fait que tu vois tu peux très bien du coup faire tout simplement un shell script.

00:10:18 :Tu vois tu pourrais très bien tout simplement faire un shell script, dire script path,du coup je crois que c'est... non script text, voilà c'est ça.

00:10:27 :Là tu vois tu pourrais faire un Python, enfin mettre le chemin de ton environnement peut-être.Donc il doit être, tu vois, tu pourrais faire ça, slash amp slash bin slash python manage.py run server tu vois.

00:10:41 :Et finalement ça sera la même chose tu vois.Là c'est juste que bah il te permet, je sais même pas vraiment si ça a d'autres intérêts.

00:10:50 :Ouais parce qu'il y a pas vraiment beaucoup d'options en plus.Donc ah si tu vois tu peux lancer le browser si tu veux.Bon moi je préfère là encore ouvrir celui que je veux puisque des fois ça change.

00:11:01 :Donc je préfère le faire moi-même.Test server, ça je sais pas.Bon tu vois t'as quelques petites options en plus que j'ai jamais utilisées du coup.

00:11:09 :Mais voilà du coup ça permet de lancer le serveur facilement comme ça.Donc ce que je voulais vous montrer c'est que souvent on a besoin,c'est quelque chose qu'on voit assez régulièrement dans d'autres frameworks,ou alors qui sont vraiment, j'allais dire la façon d'être de framework comme React justement,

00:11:29 :qui sont, dont le principe de fonctionnement tourne autour du principe de composants.Et avec Django donc il y a plusieurs façons de faire.La façon la plus simple c'est de faire un include.

00:11:41 :Donc là par exemple ici si je fais tout simplement, je vais réduire un petit peu ça,on a un peu plus de place.Donc si je fais un autre fichier, je vais copier celui-là, on va l'appeler card par exemple.

00:11:53 :Et là je vais faire un div et on va faire un h2 hello world et un p avec un loren.Donc si je fais une carte comme ça, je peux l'inclure tout simplement avec un include comme ça,et je mets le chemin qui va être,tiens du coup je les ai pas mis, c'est marrant il l'a pas mis dans le blog.

00:12:13 :Je vais les mettre là.Là d'ailleurs autre petit truc sympa, à chaque fois dans PyCharm vous avez les refactoring comme ça,vous voyez ça n'a normalement rien cassé parce que si je vais dans ma vue,vous voyez il a bien renommé automatiquement blog slash index.

00:12:26 :Donc c'est toujours super important ça quand vous faites des modifications de passer par le refactoring de PyCharm.Allez pas dans le terminal pour renommer un truc ou sur le finder par exemple,si vous allez là, open in finder, si vous renommez depuis ici,vous êtes assuré de casser des choses.

00:12:44 :Si par contre ici là je change, je fais refactor rename,je peux l'appeler, vous l'aurez deviné Patrick,vous voyez là ça va changer partout.Donc là j'ai bien Patrick qui a été changé, j'ai Patrick qui a été changé.

00:12:56 :Donc ça c'est très important quand vous faites des renaming,vous pouvez même le changer vous voyez dans les commentaires et les chaînes de caractère.Si vous le faites ça et que vous avez vraiment un gros projet,je vous conseille quand même de vérifier, de faire un preview avant,parce que des fois ça peut être pas souhaitable.

00:13:14 :Par exemple imaginez là je pense que si je fais justement un,on va faire ici par exemple, si je fais bonjour Patrick ici,et que du coup je fais un refactor rename,je vais faire un, je vais l'appeler index,je vais faire un preview et là vous allez voir je pense,

00:13:36 :dans le blog view, voilà.Ah non il me l'a pas, non vous voyez il est, ah ok.Je pense que c'est si j'avais peut-être mis Patrick.html comme ça par exemple,

00:13:45 :ou peut-être juste Patrick sans majuscule je sais pas,mais voilà si vous cherchez dans les chaînes de caractère il se peut qu'il le trouve ici.

00:13:50 :Et donc là est-ce que vous voulez vraiment le changer ici, ça peut être le cas,si vraiment vous mettez le nom du fichier ça peut être ce que vous souhaitez.

00:13:57 :Mais ouais, des fois ça peut y avoir des petits effets de bord comme ça,mais généralement vous avez quand même vraiment beaucoup de flexibilité parce que vous pouvez vraiment choisir justement où est-ce que vous voulez chercher,et moi généralement j'ai pas eu trop de soucis avec ça.

00:14:12 :Yannick t'avais une question je crois?Vous m'entendez?Ouais, super.Non en fait c'était juste par rapport à ce truc là du refactoring,je suis un petit peu on va dire timide à l'utiliser parce que j'ai l'impression que,par exemple la index généralement c'est la template que tu vas utiliser

00:14:37 :pour quasiment toutes tes applications sur la page de départ,et du coup quand tu refactorises un index,j'ai toujours un petit peu le doute de quels index il va me refactoriser et s'il n'est pas sur le point de me mettre un gros bordel dans mes templates,c'est pour ça que je l'utilise vraiment quasiment pas,

00:14:57 :bien que des fois ça serait très pratique comme tu dis,si tu veux juste changer un nom et puis que ça s'adapte dans tout ton script,et du coup je suis un peu free à l'utiliser,je sais pas comment toi tu l'utilises, si tu veux gagner à moi.

00:15:11 :Ouais, c'est une très bonne remarque parce qu'effectivement il y a des cas de figure dans lesquels je l'utilise pas et tu vas comprendre pourquoi justement,parce qu'en fait je sais maintenant moi pourquoi,et pourquoi dans le cas d'un index, au contraire en fait,tu as beaucoup plus de risque d'avoir des problèmes justement avec un search and replace,

00:15:29 :parce que le search and replace il va vraiment remplacer tous les index que tu peux avoir quelque part,alors que là en fait, si tu veux, et tu vas le voir si je fais un ctrl B,commande B, sur, bah là je suis dans le même fichier donc ça va pas marcher,

00:15:44 :mais si je fais un include par exemple ici, tu vois là, il me ramène bien à ce fichier index,et pareil si je vais dans la view et que je fais ctrl B, il me ramène bien dans ce fichier,et je pourrais avoir un autre fichier qui serait, je sais pas, shop index,

00:15:57 :il arriverait à faire la différence entre les deux, parce que là vraiment,PyCharm il comprend la structure d'un projet Django,il comprend que là en fait ce blog ici c'est un dossier de template,il comprend que ce blog c'est une application parce que je l'ai mis dans settings,et tu vois tout est lié, c'est aussi ce que je disais tout à l'heure,

00:16:15 :si j'enlève le blog ici, là on va commencer à avoir des messages qui me disent,bah en fait ça je sais pas ce que c'est, et tu vois là il le surligne,et si je refais un commande B, tu vois il trouve pas la déclaration,donc ça c'est vraiment parce qu'il a une compréhension de, ok t'as une application blog,

00:16:30 :qui est un fichier template dans lequel du coup je retrouve l'index,donc là tu vois c'est pour ça que moi dans ce cas-ci, là j'ai aucun soucis à faire un rename,directement avec le refactoring de PyCharm, parce que je sais que,il va comprendre que ce index là est différent d'un autre,

00:16:43 :par contre, il y a des cas de figure, si j'utilise par exemple une bibliothèque externe,ou que j'utilise des fonctionnalités de Django assez avancées,pour lesquelles je sais que justement PyCharm par expérience ne va pas faire les liens,bah là tu vois je vais probablement ne pas passer par un refactoring.

00:17:06 :Ça peut être le cas justement, bah c'est parfait, ça va me permettre de faire la transition,parce qu'en fait, ce que je vais vous montrer là,c'est que ça va nous permettre de faire des trucs comme ça custom.

00:17:17 :Par exemple je pourrais faire un button comme ça, en disant texte égale hello,icon égale, je sais pas, rocket par exemple.Et là tu vois par exemple, ça ça peut être les cas de figure,ou si tu renommes, parce que là ton button ici, tu vas avoir une fonction button,

00:17:33 :je vais vous montrer ça tout de suite,bah là tu vois si tu fais un refactoring, je suis pas absolument sûr que Django va comprendre que ce bouton là c'est un tag custom, et que du coup ici il faut aller le renommer.

00:17:46 :Donc tu vois il y a des cas de figure comme ça dans lesquels je ferai quelques vérifications avant,et c'est là où je te dis, ce qui est intéressant c'est que tu peux toujours faire,quand tu fais un rename, tu peux faire un preview.

00:17:56 :Donc tu fais le preview, tu regardes à peu près où est-ce qu'il a trouvé tous les trucs,et après effectivement des fois il peut y avoir un petit coup de poker,tu peux te dire des fois, bon bah il me semble qu'il a bien repéré tout ce qu'il faut,

00:18:07 :donc je lui fais confiance et c'est bon.Des fois comme je te dis, je vais plutôt y aller avec un social replace,et je vais moi-même dans des cas de figure comme ça où je suis pas sûr,vraiment vérifier moi-même avec un search, je vais dire, je cherche le bouton,

00:18:21 :et tous les endroits où je les trouve, est-ce que c'est bien celui-là que je veux remplacer,je vais le faire à la main comme ça.

00:18:26 :Donc je te dirais, c'est beaucoup de l'expérience de connaître ce que PyCharm connaît de ton projet,et après effectivement il y a quand même quelques cas de figure où j'utilise encore du social replace dans certains cas.

00:18:38 :Ok. Donc après je te dirais, si vraiment tu vois sur des,ça m'est arrivé vraiment de faire des gros refactoring,et là après il n'y a pas de secret, vraiment des fois que tu passes par l'un ou par l'autre,si vraiment tu as un truc à changer sur 80 fichiers, à la fois des fichiers Python, des fichiers HTML etc,

00:19:05 :tu sais que c'est probable que soit le social replace ou toi tu en loupes un,ou alors que justement avec un social replace tu remplaces des trucs qui n'étaient pas censés être remplacés et que du coup ça fasse bugger, en fait là je te dirais qu'il n'y a pas de secret,

00:19:16 :soit tu as des tests un peu partout qui testent à la fois ton front-end et ton back-end,ce qui est assez rare, que tu aies aussi des tests qui testent tout le côté front.

00:19:26 :Donc là en fait c'est un peu, moi je te dirais, tu vois sur des trucs comme ça,j'y vais un petit peu en m'assurant à la main que tout fonctionne, tu vois.

00:19:33 :Dans un vrai gros truc, tu vois, si tu travaillais à Google ou à Stripe,normalement ils auraient des tests partout et pas juste des tests de fichiers indépendants,mais des tests, merde j'ai plus le nom, mais des tests qui font un processus complet si tu veux,donc ils vont aller sur la page d'accueil, ils vont ensuite essayer de créer un compte etc.

00:19:51 :et donc là tu peux être assuré que s'il y a un truc qui a été remplacé, qui a brisé, tu vas le voir,mais ça c'est vraiment dans des grosses structures.

00:19:59 :Et du coup quand tu fais preview, ça veut dire que tu vas voir tous les endroits où il va refactoriser et tu peux individuellement, chaque endroit, accepter la refactorisation ou pas?

00:20:10 :Alors je crois que oui, je ne sais plus si tu peux les marquer, par exemple tu vois ici,ouais c'est ça, tu peux exclure.Donc tu peux dire, lui tu vois, je ne le veux pas et je ne sais pas si tu peux,j'allais dire, est-ce que tu peux refactoriser juste un truc?

00:20:28 :Après tu vois ça, ce qui est bien avec PyCharm aussi, c'est qu'à chaque fois quand ils te présentent des trucs comme ça,ça c'est des éditeurs, donc tu pourrais dire ici, alors lui, oui en fait je sais, il ne faut pas l'appeler comme ça,on va l'appeler detail, donc tu vois tu le changes ici, et puis après tu continues,

00:20:42 :et tu peux refaire après du coup un rerun, donc tu pourrais dire, celui-là je sais que ça doit être detail et qu'on ne le touche pas, et après tu fais un rerun, et du coup tu ne le trouveras plus dans ton truc.

00:20:54 :Donc ouais, tu as quand même un bon niveau de granularité là-dessus.Et la refactorisation ensuite, tu peux genre l'annuler?Oui, oui, oui, alors tu peux l'annuler tout de suite après, après si tu l'as fait deux jours avant,je ne suis pas sûr que tu puisses, ben tu peux le faire si tu as Git et que tu as bien séparé tes trucs,

00:21:12 :mais là du coup c'est avec Git.Ouais d'accord, l'idéal ça serait alors de faire une branche et puis de…Ouais, voilà, si tu sais vraiment que tu as un truc à changer et que tu n'es pas sûr,tu te fais une branche, tu modifies et puis comme ça tu as un commit bien isolé avec juste ces modifications-là

00:21:28 :et comme ça tu peux le revert si tu veux à un moment.Ouais ok.Ce serait la façon la plus sûre de pouvoir t'assurer que tu peux revenir en arrière.

00:21:36 :Du coup, d'autres questions là-dessus ou c'est bon?Pour moi c'est bon, merci.Ok, alors, donc comme je vous disais ici ce qu'on peut faire, c'est qu'on peut faire un include du coup,donc je peux faire un include de blog slash card et ça tout simplement ça va inclure…Oui, alors oui, parce que là j'ai fait un…

00:22:02 :Donc là vous voyez petite erreur de…C'est marrant parce que ça aussi on n'y pense pas des fois,mais on peut avoir des erreurs de récursion aussi, de récursivité à l'intérieur des templates Django,parce que là en fait vous voyez je fais…C'est plus clair je trouve dans les imports circulaires,

00:22:18 :des fois vous avez probablement déjà eu ça avec Python et des fois avec Python c'est pas trop clair parce que justement on a plusieurs imports et ça peut être des boucles qui sont pas juste entre deux fichiers,donc vous avez un fichier qui appelle un autre fichier qui appelle un troisième fichier

00:22:36 :et c'est en fait ce troisième fichier qui rappelle le premier,donc c'est pas forcément évident.Là vous voyez on a un exemple très facile à comprendre du index qui inclut la card,la card qui inclut le index, le index qui inclut la card etc.

00:22:48 :et donc là en fait on a une erreur de récursivité.Donc si j'enlève ça, je rafraîchis, voilà c'est bon.Donc là vous voyez j'inclus ma card, donc ça c'est très pratique parce que du coup je peux dupliquer ça et si ça arrête de buguer…Donc vous voyez là ça me permet comme ça d'avoir un seul template,

00:23:08 :et si je veux changer un truc finalement je fais un h3,je le reviens, voilà j'ai changé, on va enlever un petit peu de ça,on va dire test, vous voyez ça me permet de facilement avoir un composant que je réutilise.

00:23:21 :Ce qui est intéressant aussi c'est que…Ouais Gabriel?Excuse-moi, donc en fait le include ça va inclure une page HTML dans une autre?Ouais c'est vraiment juste ça.

00:23:32 :C'est pas plus compliqué que ça et c'est effectivement différent du extend qui lui va prendre un template.Ça c'est vraiment un truc différent, le extend perso je l'utilise vraiment juste pour le truc classique que je montre,pour tout ce qui est barre de navigation, footer,donc en fait tu fais ton template de base avec les trucs que tu as sur toutes les pages de ton site

00:23:55 :et après tu inclues, tu extends toutes les pages avec ça.C'est vraiment 99% du cas de figure du extend.Le include c'est vraiment pratique comme ça quand tu sais que tu as un petit truc que tu vas réutiliser souvent et ce qui est intéressant aussi c'est que vous pouvez utiliser un with et dire en fait que vous allez modifier quelque chose.

00:24:14 :On va dire with text par exemple, on va dire title, title égale…Je sais pas, quittons 3.11, on va faire comme si on faisait un blog justement.

00:24:23 :Title égale JavaScript, une nouveauté.Et voilà, et là du coup ça veut dire que je peux mettre…On va remettre le rem ici.Là je peux mettre du coup mon title comme si c'était une variable.

00:24:42 :Et là si j'actualise vous voyez que j'ai bien les titres.Ce qui est intéressant aussi c'est que ça ne plante pas si j'ai pas de titre.

00:24:47 :Vous voyez, là je l'ai mis un titre juste sur les deux premiers et là en fait je dis…Et ça c'est valable dans tous les templates Django.

00:24:55 :Là si je mets Patrick et qu'il est pas défini ça va pas planter.Donc ça vous voyez j'actualise, il n'y a pas d'erreur.C'est juste que ça va rien afficher.

00:25:03 :Donc ça c'est assez cool à savoir que vous pouvez avoir…C'est assez cool et des fois c'est vrai que ça peut causer des petits soucis parce que justement des fois ça m'arrive très souvent.

00:25:13 :Par exemple sur Docstring c'est un des trucs qu'il faut que je refactorise.J'ai pas une bonne cohérence, vous voyez, parce que j'ai pas justement assez planifié.

00:25:21 :C'est pas très grave mais ça montre bien à quel point justement des fois quand on planifie pas tout le site à l'avance on peut avoir des problèmes d'incohérence comme ça.

00:25:29 :Par exemple sur mes articles de blog je crois que c'est blog.title.Par contre sur mes formations c'est formation.name.Parce que quand j'ai fait le modèle pour les blogs je me suis dit bah c'est un titre d'un article donc ça faisait du sens de l'appeler title.

00:25:41 :Et en fait le titre d'une formation je trouvais ça moins clair donc c'est le nom de la formation.Donc là vous voyez ce qui est problématique après c'est que du coup quand j'affiche mes cartes, si j'ai une div justement ici qui fait une carte et que je veux afficher à la fois, donc je veux avoir mon modèle

00:25:57 :là je peux pas mettre title à chaque fois parce que en fonction si c'est un blog ou une formation ça va être différent.Donc là il faut que je refactorise pour que je mette name partout par exemple.

00:26:07 :Et donc ça, pourquoi je dis ça?C'est un peu problématique parce que du coup des fois vous avez vous allez avoir justement un modèle générique qui peut être un blog ou une formation et finalement vous avez oublié que pour certains cas de figure c'est pas title mais c'est name.

00:26:20 :Et là du coup dans votre template vous allez pas voir le titre du coup il n'y aura pas d'erreur mais c'est juste que ça va rien afficher.

00:26:27 :Et du coup vous allez tourner en rond pendant un moment parce que vous allez pas comprendre pourquoi il n'y a rien qui est affiché.Une fois que vous avez eu l'erreur une ou deux fois vous vous rappelez qu'effectivement c'est peut-être que si ça s'affiche pas la variable est pas bonne et que c'est juste que ça plante pas.

00:26:42 :Mais du coup avec le wit vous voyez là je peux, donc si je reviens là,je peux indiquer des choses qui vont être différentes selon les cartes.

00:26:53 :Et vous pouvez mettre plusieurs choses aussi à la suite.Je pourrais mettre par exemple description égale, on va remettre Patrick,et là du coup je pourrais mettre à la place de ça la description.

00:27:06 :Et là il suffit de les mettre à la suite.Le seul truc chiant, je sais pas si je croise les doigts,j'espère c'est vraiment un espoir fort dans les prochaines versions de Django,je sais pas si je suis le seul à avoir ce problème,mais je l'ai vu passer quelques fois sur Stack Overflow,

00:27:25 :c'est qu'avec ces balises ici, les accolades et le pourcentage,on peut pas faire de retour à la ligne.Alors j'ai vu des façons un petit peu à l'embliqué de faire avec des modules complets à importer,ou des trucs qui changeaient complètement la façon d'utiliser ces balises.

00:27:42 :Du coup j'aime pas trop parce que je me dis si le module est plus trop suivi et que finalement tout ton projet repose là-dessus, c'est un peu chiant.

00:27:51 :Mais le seul problème que je trouve avec ça,c'est que quand vous avez des trucs assez longs,ça fait des lignes à rallonge parce qu'on peut pas aller à la ligne.

00:28:00 :Moi j'aimerais bien pouvoir dire à un moment,on fait un truc comme ça par exemple, ça serait un petit peu plus clair.Mais malheureusement on peut pas, même si on met un slash comme ça,si je le retrouve, ça marche pas.

00:28:11 :Donc vous êtes obligés de mettre le truc à la suite,et quand imaginez que vous avez une description assez longue,du coup c'est pas très facile à lire.

00:28:20 :Mais voilà, donc ça c'est la première façon de faire,qui est la façon simple qui peut marcher si jamais vous savez que c'est un...Je dirais par exemple, si vous avez, j'essaie de réfléchir à des cas de figure,si vous avez par exemple un truc que vous affichez peut-être 3-4 fois gros max

00:28:41 :sur tout le site par exemple, je sais pas vous avez un site,et justement il y a certaines parties qui sont réservées aux gens qui sont inscrits à votre site,donc vous vous faites un petit modèle comme ça de carte qui va dire cette partie est réservée aux membres, accès restreint.

00:28:59 :Vous avez quasiment rien à changer, vous savez que ça va toujours être le même titre,vous avez pas besoin de mettre de wits etc.Plutôt que de copier-coller ce truc là 4-5 fois dans votre site,vous vous faites un petit template séparé, vous faites un include,et à chaque fois que vous avez besoin de le mettre, vous faites un include,

00:29:18 :et voilà, pas besoin d'aller plus loin.Par contre, si vous avez des trucs comme des boutons, des barres de navigation,des trucs comme ça, là ça peut être important d'utiliser ce qu'on appelle des inclusion tags,qui vont vous permettre de faire ce que je vous disais,c'est-à-dire un tag custom comme ça par exemple,

00:29:36 :sur lequel vous allez pouvoir mettre pas mal de choses différentes.Par exemple, vous allez pouvoir dire variant primary, texte égal,je sais pas, bonjour, s'inscrire, etc.

00:29:48 :Là encore, le problème c'est qu'on peut pas aller à la ligne,donc ça va faire des templates qui sont un peu longs.J'ai vu qu'il y a des librairies quand même assez suivies,que j'ai hésité à utiliser sur docstring,qui permettent de faire des composants un peu plus complexes

00:30:03 :avec un tag de début et de fin.Vous pouvez le faire aussi, mais là ça devient pas mal plus complexe,et finalement je pense que j'en aurais pas eu besoin,mais vous pouvez faire un peu comme avec les endifs,c'est-à-dire qu'on pourrait faire un tag qui soit button,et ensuite dire ici, là on va mettre le texte, on va dire bonjour,

00:30:24 :ensuite on va mettre une description, etc.Et à la fin on ferait un end button.Donc c'est possible de faire ça aussi, ça donne un peu plus de flexibilité,moi finalement je suis resté avec un truc plus simple,parce que c'est quand même beaucoup plus de code à écrire,

00:30:41 :il faut vraiment faire sa propre classe qui va parser le HTML pour trouver le tag de début, le tag de fin,qui va filtrer ce qu'il y a à l'intérieur, etc.

00:30:50 :Donc c'est pas mal plus de travail,et finalement je suis resté sur un tag comme ça,ça fait des lignes un peu assez longues effectivement,mais finalement c'est pas très problématique.

00:31:01 :Donc comment on fait ça?Ah non, tu dois y aller Gab,bah écoute, c'est enregistré, donc tu pourras voir la version.Ah désolé, ça me fait chier, mais je n'ai vraiment pas le choix là.

00:31:11 :Pas de soucis.Ok, valet, bonne après-midi tout le monde.Merci, toi aussi.Donc qu'est-ce qu'on va pouvoir faire avec ces tags?Ça va ressembler un petit peu, vous allez voir, il y a différentes façons d'inclure ces tags.

00:31:33 :Donc là je vais aller dans la doc de Django,parce qu'il y a pas mal de choses à montrer.La documentation est assez bien faite d'ailleurs là-dessus.

00:31:41 :Alors, tag, inclusion tag, je vais taper, je ne sais plus exactement où il est.Parce qu'il y a plein de types de tags en fait.

00:31:51 :Voilà, custom, how-to, voilà.Vous voyez, vous avez des symbol tags, inclusion tags, donc symbol tags.Donc il y a plein de trucs qui sont assez intéressants, par exemple celui-là,tout simplement le copier.

00:32:04 :Et je vais vous montrer aussi, parce qu'il faut les mettre dans les fichiers de settings.Donc là je vais me faire, je crois qu'il y a une nomenclature plus ou moins indiquée.

00:32:15 :Je vais l'appeler custom tag tout simplement.Et je vais copier ça ici.Et après il faut les register dans les settings, dans templates si je me souviens bien.

00:32:28 :Ça doit être quelque part là-dedans, dans les templates.Et c'est dans les options je crois, c'est pas contexte processor.Et là vous voyez c'est le genre de truc, ça permet de montrer bien aussi à quel point justement on se souvient jamais de tout.

00:32:43 :Et ça c'est le genre de truc que vous faites une fois au début de votre projet,et du coup vous le faites pas tous les jours.

00:32:48 :Alors où est-ce qu'il me dit? Template tags.Ah oui alors c'est ça, vous pouvez le faire un peu comme si je le mets ici dans un dossier template tags.

00:32:59 :Il va être reconnu normalement automatiquement.Donc là je le déplace ici.Donc là normalement, current time, je vais essayer comme ça directement.Et c'est comme ça.

00:33:13 :Et je crois qu'il faut quand même que je le load.Voilà c'est ça, effectivement.Là en fait il y a plusieurs trucs, c'est pour ça que c'est un petit peu mélangeant.

00:33:22 :Là vous voyez j'ai créé un dossier qui s'appelle template tags,dans lequel j'ai mis custom tags.Et automatiquement là je peux faire load custom tags.

00:33:31 :C'est exactement comme quand vous faites load statique.Ça vous l'avez vu si vous avez déjà travaillé avec des fichiers statiques,vous avez besoin de faire load statique pour ensuite par exemple utiliser static et dire je veux aller chercher le fichier style.css.

00:33:44 :Donc là vous voyez c'est exactement le même truc.D'ailleurs si je fais commande B, on arrive dans static.py.Et on se retrouve effectivement avec un peu ce qu'on va voir.

00:33:53 :Vous voyez, register tag, statique.Et ce tag, vous voyez, il va faire des trucs un peu plus compliqués,comme je vous disais, avec des template nodes.

00:34:02 :Et ça c'est vraiment le truc qu'il faut faire avec la fonction render, etc.Si vous voulez faire des trucs un peu plus complexes.Heureusement, vous allez voir, c'est beaucoup plus simple pour ce que je vais vous montrer.

00:34:13 :On va pas pouvoir faire 99% de ce qu'on a besoin de faire.Mais voilà, c'est exactement la même chose.Vous allez devoir faire un load de votre tag.

00:34:21 :Donc là, si vous le mettez ici, il est reconnu automatiquement.Vous voyez, quand j'ai commencé à taper C,vous voyez qu'il comprend bien que je peux importer custom tags.

00:34:29 :Il est reconnu.Et si je vais ici sur mon site, je vais...Alors c'est ça.Du coup, le dernier truc que je me disais,je ne suis plus sûr, je vais redémarrer le serveur.

00:34:41 :Parce qu'il me semble qu'il faut le mettre...Non, ok.D'accord.Alors vous voyez, là il a juste fallu que je redémarre le serveur.En fait, c'est juste que là, il faut lui passer un format string, c'est ça?

00:34:53 :Donc en fait, il faut lui passer un...Par exemple, je crois, on va faire un ymd.On va essayer ça.Non.Alors c'est peut-être... Ouais, les pourcentages, je pense.

00:35:06 :Parce que...I'm ok.Et comment on le met? Je ne sais plus.Non, c'est comme ça.Voilà, ok.Je vais y arriver.Il ne veut pas, toujours pas.

00:35:20 :Alors, attendez.Comment il l'utilise?Normalement, j'ai un blanc.Ils ne le disent même pas.Bon, on va faire un truc plus simple.Comment on fait pour passer un argument à un tag?

00:35:36 :Normalement, c'est comme ça.J'ai un blanc.Current time...Ou alors, c'est... Non.Oui, non, si c'est comme ça.Ok, bon, je ne sais plus.Je vais faire un truc plus simple.

00:35:52 :Je reviendrai plus tard.On va juste faire un return Patrick.Et là, du coup, je peux l'utiliser comme ça.Donc là, si je reviens ici,j'actualise, vous voyez, j'ai bien Patrick qui s'affiche.

00:36:06 :Ok, donc là, vous voyez, c'est vraiment très très simple.Je fais un tag.Et effectivement, c'est la question que je me posais.Je n'ai pas besoin de modifier quoi que ce soit dans le dossier de settings.

00:36:16 :Là, il fallait juste redémarrer le projet Django parce qu'il y a des fois des trucs comme ça quand on ajoute des nouveaux dossiers pour qu'il les ait en mémoire.

00:36:24 :Il ne va pas les loader automatiquement.Donc, il faut que je redémarre le projet.Mais une fois que j'ai redémarré le projet, vous voyez, là, je peux loader Custom Tags.

00:36:31 :Il l'a bien reconnu et je peux utiliser mon tag.Il ne faut pas oublier de le loader.Et c'est ça, justement, le dernier truc que je veux vous montrer.

00:36:37 :C'est qu'on peut l'ajouter si on n'a pas envie, justement,à chaque fois dans tous les fichiers de faire load Custom Tag.Si on sait qu'on va utiliser dans quasiment tous nos fichiers le bouton ou le truc qu'on crée comme ça,on peut le rajouter dans les settings.

00:36:55 :Et c'est ça que je veux trouver.Du coup, je vais essayer de le trouver.On va taper Template Settings.Et ça doit être quelque part là-dedans.

00:37:07 :Templates.Form Renderer.Alors, voilà, Templates.Templates.Alors, est-ce qu'il m'explique?Backend, non.Name.Dire, ça me dit.OK, Options.Voilà, Options.For the Options, voilà, Context Processor.

00:37:31 :Donc ça, c'est les Context Processor, c'est ceux-là.Voilà.Et là, on a normalement Libraries.Bon, vous voyez, je vais retourner voir dans Dockstring, du coup.

00:37:45 :Hop.Est-ce que je l'avais fait sur Dockstring?Settings.Alors, c'est dans Templates.Ah, c'est Built-ins, tout simplement.OK.Qu'est-ce qu'il dit ici?Built-ins.Built-ins, The list of.

00:38:09 :Template Tax Module, voilà, c'est ça.Exactement.Donc là, vous voyez, Template Tax Module.OK, c'est pas très explicite, vous voyez, c'est pour ça que c'est un peu dur à trouver.

00:38:19 :Mais en fait, c'est ça.Donc là, vous allez pouvoir lui dire dans les options, je veux rajouter un Built-ins.Et là, vous allez dire, je veux rajouter blog.templatetax.customtax.

00:38:27 :Et là, ce que ça permet, du coup, quand vous faites ça, c'est que là, j'ai plus besoin de loader.Et là, vous voyez, j'ai pas d'erreur.

00:38:33 :Enfin, même PyCharm, il comprend que le truc, je peux l'utiliser partout.Et si je reviens ici, du coup, j'actualise.J'ai bien Patrick qui est affiché.

00:38:40 :OK.Et j'ai vu Céline, ouais, j'ai vu que tu m'avais dit, ouais, c'est ça, faut mettre l'argument tout de suite après.Oui, OK, d'accord, c'est ça, effectivement.

00:38:49 :Et là, si je reviens, parce que ça, c'est un SimpleTax, parce que vous pouvez aussi faire des filtres.C'est pour ça que j'ai buggé un peu.

00:38:56 :Si vous faites le current time, vous êtes à 50.En fait, voilà, vous pouvez mettre YM, je pense, si mes souvenirs sont bons, comme ça.

00:39:09 :Et donc là, si je reviens, voilà, j'ai bien 2023-2012, effectivement, parce que là, en fait, vous lui passez un argument.Et donc ça, c'est effectivement intéressant.

00:39:17 :Je préfère tout simplement un print qui ne servirait pas à grand chose.On va dire, on va appeler affiche texte, et là, je retourne le texte.

00:39:27 :Et là, je pourrais dire, par exemple, affiche Patrick.Ça permet de passer, voilà, ça peut être pratique des fois, je ne sais pas si vous voulez,bon là, c'est vraiment un exemple très stupide, mais voilà, du coup, ça affiche le texte que vous voulez afficher.

00:39:42 :Donc voilà, j'imagine que vous pouvez penser à d'autres choses qui pourraient être intéressantes,si vous voulez mettre en forme des trucs.Ce qui est intéressant, c'est qu'après, du coup, là, on a accès à Python.

00:39:51 :Moi, je l'utilise, par exemple, pour faire des... des fois, vous avez besoin,et ça, je crois qu'il n'y a pas de tag, justement, inclue avec Django,vous avez besoin de faire des... quand vous faites un fichier, justement,

00:40:03 :si vous faites un stylesheet, je ne sais même plus, d'ailleurs, non, c'est un rel.Vous voyez, ceci, c'est le genre de truc qu'on fait une fois, link, link, voilà, link.

00:40:14 :Là, justement, vous faites un static styles.css, upload static,et justement, vous voulez, en fait, que... on va faire ça, par exemple.En fait, ça, c'est quelque chose qu'on fait parce que, pour forcer le refresh,si vous ne mettez pas ça, en fait, le fichier, ça va toujours être quelque chose,

00:40:36 :slash styles.css, et du coup, quand vous faites des modifications,les modifications, les gens qui vont regarder votre site,ils vont avoir le fichier css en cache, et ça, ça va arriver,beaucoup de gens, il y a des gens qui désactivent le cache complètement,il y a des gens qui ont un cache qui va rester 10 minutes, d'autres 10 jours,

00:40:59 :d'autres 3 ans, et donc le problème, c'est que le site, en fait,il y a plein de paramètres qui font que le navigateur ou votre site, etc.,

00:41:08 :va forcer le refresh, même au niveau, vous, vous pouvez dire,pour votre site, vous pouvez dire, même si la personne, elle a dit que son cache, il est de 30 jours sur Firefox, par exemple,moi, je veux qu'à chaque fois, il aille chercher mon fichier styles.css,

00:41:22 :comme ça, il est toujours à jour. Vous pouvez choisir de faire ça,ça ne sera pas forcément très efficace parce que ça veut dire que là,tous vos utilisateurs, à chaque fois, ils vont aller télécharger le fichier styles.css, même s'il n'y a eu aucune modification, donc ce n'est pas

00:41:34 :très efficace. Par contre, ce qui est intéressant, c'est que si vous voulez des fois forcer le refresh parce que vous faites des grosses modifications et là, vous voulez absolument que tout le monde ait ces modifications,vous allez rajouter un petit paramètre à la fin, comme dans une URL,quand vous avez google.com, vous allez avoir un slash search

00:41:54 :ou un Q égal, voilà, je ne sais pas quoi, vous pouvez rajouter un petit paramètre à la fin qui n'aura aucune incidence sur votre fichier CSS,sauf que si vous avez V1 et que vous faites ensuite V2, le navigateur va dire tiens, le fichier, ce n'est plus le même. Avant, c'était moi en cache

00:42:11 :gstyles.css V égal 1 et là, il y a un V égal 2, donc ce n'est plus le même,donc il va aller le rechercher et mettre en cache cette version.

00:42:20 :Donc ce qui est pratique, c'est que des fois, vous avez besoin,si vous voulez, par exemple, à chaque fois, justement, ça m'est arrivé,je ne sais plus pourquoi, mais en fait, je ne pouvais pas désactiver le cache,je crois que c'était dans une boîte où justement, on ne pouvait pas

00:42:38 :désactiver le cache, enfin non, on ne pouvait pas changer justement le cache et j'avais des problèmes de refresh, etc. Donc en fait, moi, ce que je voulais faire,

00:42:46 :c'est mettre un nombre aléatoire justement à chaque fois qu'il recharge la page et il n'y a pas de template Django pour ça. Donc là, vous voyez,

00:42:52 :vous pouvez vous faire un petit truc, vous allez l'appeler rendint par exemple et ici, du coup, je fais un rendint et ce que je vais faire, je ne mets aucun argument et je vais juste dire, tu retournes random.rendint entre 1 et, on va mettre 50 000,

00:43:06 :on importe random, et là, du coup, ça me permet de faire un rendint avec rien, j'enlève ça, je reviens là et là, vous voyez, j'ai un nombre aléatoire à chaque fois. C'est très pratique, je pourrais même, si je veux, mettre des paramètres

00:43:22 :comme ça, si je voulais justement, et là, on pourrait dire, voilà, a, b, a, b et a, b.Et là, du coup, j'ai bien un nombre aléatoire entre 1 et ce que j'ai indiqué, 1 et 1 000.

00:43:38 :Donc vous voyez, ça peut être vraiment très pratique, désolé, c'était un peu long,mais je pense que ça vous montre des cas de figure assez sympa.

00:43:45 :Pour vérifier si l'utilisateur a le bon fichier, ce que j'ai dit là sur le v égal,non, c'est vraiment juste pour, tu vois, par exemple, tu vas avoir dogstring.fr

00:43:57 :slash static slash styles.css, donc en fait, si tu fais ça, si je ne mets pas de truc comme ça à la fin, le fichier, ça sera tout le temps le même. Donc en fait, le cache,

00:44:10 :il va se dire, style.css, je l'ai déjà en cache, donc je ne le recharge pas.Donc toi, si tu fais des modifications importantes, les gens qui vont regarder ton site,ils ne vont pas forcément avoir les dernières modifications parce qu'à la place,le navigateur va utiliser le fichier qu'il a en cache. Sauf que si tu mets un v1 ici,

00:44:27 :le navigateur, il va dire, ah, j'ai le fichier styles.css v égal 1 en cache.Et donc toi, si à un moment, tu veux forcer les gens qui regardent ton site à recharger le fichier,tu vas changer, tu vas dire v égal 2. Et là, du coup, les gens qui regardent ton site,

00:44:42 :ils vont dire, tu vois, la personne qui arrive sur ton site, le navigateur va dire,bah moi, j'ai cette version en cache, mais là, je viens de voir qu'il y a un nouveau fichier.

00:44:52 :Et donc l'intérêt de mettre ça, c'est que tu vois, le nom du fichier n'est plus le même.Et ça te permet de modifier, si tu veux, le nom du fichier sans avoir besoin de modifier spécifiquement le nom du fichier. Parce qu'imagine, si à chaque fois, tu avais besoin de faire v1,

00:45:06 :en fait, c'est pour éviter de faire ça comme ça, tu vois. Parce que si tu mettais v1 comme ça et à chaque fois, tu devais mettre v2, v3, v4, bah là, tu modifies directement le nom du fichier,ce qui n'est pas très pratique pour le suivi, par exemple, dans Git.

00:45:17 :Donc là, c'est plus pratique de directement dans l'URL, tu vois, de mettre ce numéro de version qui va te permettre de forcer le navigateur à aller chercher la nouvelle version du fichier.

00:45:27 :Donc voilà, c'est juste ça. Et du coup, si tu mets un numéro aléatoire,bah ça permet à chaque fois d'avoir un fichier différent, et donc à chaque fois d'aller rechercher une version à jour du fichier. Donc voilà. Et donc là, je vous ai montré, donc vous voyez,

00:45:41 :on a un simple tag, on a aussi d'autres choses, on a les filtres. Donc là, je vais revenir où j'étais.Voilà, donc il y a les tags, je ne sais pas s'ils sont... Voilà, custom filter, voilà.

00:45:52 :Vous voyez, c'est bien séparé en deux. Et c'est pour ça que je me plantais, vous avez, voilà,les filtres, c'est avec le pipe. Et là, vous voyez, par exemple, qu'est-ce qu'ils donnent comme exemple?

00:46:02 :Je ne sais pas, je ne sais pas ce qu'ils font, voilà, lower, ouais. Voilà, donc ça c'est un bon exemple.Donc là, et ça, comment il le register? Voilà, il faut le... Je crois, ouais c'est ça, on peut mettre,

00:46:15 :on peut mettre, il me semble bien aussi, un truc comme ça. Donc voilà, et ça, register,tiens, ça c'est marrant, je n'ai même pas besoin de l'importer, oui, ok. Ok, j'ai un doute là,

00:46:34 :je ne vais pas me planter, non, ok. Donc le décorateur, ah oui, parce que j'ai mis, voilà,c'est ça, je me disais aussi, je me disais, c'est bizarre, je n'ai pas importé register,mais c'est ça en fait. Register, donc c'est un importé de template, et voilà, et on fait un filtre, ok.

00:46:49 :Et donc là, vous voyez ce que ça permet de faire, on peut même lui donner du coup, comme vous l'avez peut-être vu,un nom différent, on pourrait dire, minuscule, on pourrait le mettre en, voilà, dire que notre code est en anglais,mais que dans les fichiers template, c'est un client français, donc on veut le mettre en français, voilà.

00:47:05 :Donc c'est possible d'avoir les deux. Et là vous voyez tout simplement ce que ça fait, c'est que c'est un filtre là,dans ce cas-ci, donc là ça va me permettre de dire, par exemple, je vais dire, on va remettre Patrick,Patrick et d'ailleurs je me pose la question, je peux pas le mettre, tiens ça c'est marrant,

00:47:28 :ah oui non, parce que oui, non, il faut le mettre comme ça, Patrick et lower, voilà.Donc tout simplement ce que ça va faire, vous voyez, ça le met en minuscule. Donc là vous voyez, c'est un filtre,

00:47:42 :donc là c'est le pipe, et du coup on passe la valeur, donc la valeur c'est quoi, c'est ce qui est avant le pipe,et ensuite on fait un value.lower, donc on retourne ça et tout simplement ça le met en minuscule.

00:47:53 :Et tiens, c'est marrant, parce que j'ai mis lower, alors que j'ai mis name minuscule,donc j'imagine qu'on peut utiliser les deux, ah c'est marrant ça.

00:48:02 :Donc il enregistre quand même les deux, ah ça je pensais pas, parce que par défaut si on met rien,il va utiliser du coup le nom de la fonction, donc là si je mets minuscule, vous voyez, il me le surligne et ça marche plus,par contre si je mets lower, ça marche. Par contre si je spécifie le nom, je peux utiliser les deux.

00:48:15 :Ça vous voyez, je savais pas. Et ce qui est marrant, c'est qu'on peut aussi passer des arguments,si je me trompe pas, comme ça, ça vous le voyez des fois justement, il y a certains templates comme ça de Django,si vous avez par exemple log.date, vous pouvez faire un date, et ensuite lui passer le format, par exemple dire comme ça.

00:48:32 :Donc vous voyez, vous avez un filtre, et en plus vous pouvez passer des options au filtre.Et donc ça on peut faire ça aussi, je sais plus du coup comment ça marche dans ce cas-ci,peut-être que le premier, je pense que ça doit être ça, value, et puis on va mettre other,

00:48:45 :si je fais ça, je pense que là du coup ça va rajouter le test à la fin.Non, il veut pas. Un argument, deux provided, je sais plus comment ça marche dans ce cas-ci.

00:48:57 :Non, il veut pas, ok, bon je sais plus, mais en tout cas c'est possible.Donc voilà, les filtres ça peut être pratique aussi dans certains cas de figure.

00:49:05 :Moi ce que je voulais vous montrer, et ce qui est la partie intéressante là,qui est vraiment le truc que je voulais vous montrer, c'est qu'on peut faire aussi du coup,donc là j'étais dans les filtres, donc vous voyez, vous avez les filtres,vous avez les simple tags, pour faire des trucs assez simples, qui vont pas très loin.

00:49:22 :Vous pouvez aussi, tiens, oui, petit détail important quand même, mettre le take context,et ça vous le retrouvez partout en fait.C'est-à-dire que là vous voyez, le current, non, merde, je suis plus dans le bon truc.

00:49:36 :Bon, voilà, c'est encore un exemple de timezone.Là vous voyez, il dit take context égale à true, et du coup le premier argument c'est le contexte.

00:49:42 :Et ce qui est intéressant c'est que du coup ça vous permet d'avoir accès au contexte.Donc si là par exemple, je sais pas si c'est très clair, mais je vais mettre,contexte égale, hop, pack, name, Patrick, là j'ai accès à Patrick ici, à name,du coup si j'affiche ça, j'ai bien Patrick, ok?

00:50:06 :Et donc ce qui est intéressant c'est que là du coup je peux faire, je peux prendre,on va reprendre un exemple simple, on va mettre lower, hop, là je vais mettre,voilà, vous voyez, merci Copilot, il a compris.

00:50:21 :Donc là je prends le contexte, hop, je prends le contexte,et du coup j'ai accès au contexte et je peux retourner le name en lower.

00:50:27 :Donc là ce qui est marrant c'est que je peux mettre, je peux faire du coup,alors là c'est un tag, du coup, tag, oui je peux mettre lower comme ça tout simplement, c'est ça.

00:50:37 :Et là vous voyez automatiquement il va trouver Patrick.Vous voyez, j'ai pas besoin de spécifier quoi que ce soit.Donc ça peut être pratique, par exemple si vous avez,si vous savez que par exemple vous avez toujours votre utilisateur,ça c'est d'ailleurs quelque chose qui est très utilisé,tous ces trucs là que je vous montre c'est beaucoup utilisé dans l'interface d'administration de Django.

00:50:55 :Donc si vous voulez voir des exemples concrets de comment tout ça est utilisé à l'échelle avec des trucs un peu plus poussés, vous pouvez aller voir tous les fichiers de l'administration de Django qui sont dans la bibliothèque.

00:51:05 :Du coup si vous allez dans site packages, Django, vous allez avoir les apps qui vont être core,je ne sais plus, c'est là, je ne sais plus, templates, je ne sais plus,mais c'est quelque part ici, je ne sais plus.

00:51:28 :Mais vous avez toutes les sources de Django et vous pouvez retrouver les fichiers d'admin à l'intérieur de ça.Et donc ce qui est intéressant c'est que par exemple l'utilisateur, qu'il soit logué ou pas,vous le savez peut-être, on a accès à la variable user,et on peut dire par exemple isAnonymous ou isAuthenticated,

00:51:46 :il y a plein de trucs qu'on peut faire comme ça,et on a du coup accès à l'utilisateur qui est logué ou qui n'est pas logué sur notre site.

00:51:53 :Donc là ça peut être sympa par exemple si vous avez un truc show user info,là vous n'avez pas forcément besoin à chaque fois de passer le request.user.

00:52:01 :Vous pouvez considérer que du coup on a toujours accès à l'utilisateur,et du coup ici vous pouvez, si vous mettez le texte context,vous pouvez faire user.username par exemple,

00:52:17 :et dire if context y comprend, merci,else on va mettre, c'est génial, copying up.On pourrait faire un truc du genre qui dit je sais que je veux afficher le nom de mon utilisateur sur plein de pages différentes, donc je me fais un petit tag show user info,et puis là vous montrez le nom de l'utilisateur.

00:52:39 :Et c'est bien, ça va me permettre de faire la transition,parce que là vous voyez, vous pourriez vous dire,bon ok c'est pratique mais là finalement on retourne juste une chaîne de caractère,généralement c'est rare qu'on retourne juste du texte,on va vouloir le mettre un petit peu en forme avec du HTML.

00:52:52 :Donc là ce que vous pourriez tenter de faire,je vais mettre mon HTML directement ici, on va faire un h1 comme ça,là pareil on va faire un fstring, et on va mettre, voilà.

00:53:02 :On pourrait faire un truc comme ça,le problème c'est que faire du HTML dans du Python c'est jamais une très bonne idée,même si certains frameworks j'avais inscrit fonctionnent comme ça,je ne citerai pas de nom.

00:53:14 :Donc là vous voyez le problème c'est que si vous faites justement,comme on disait tout à l'heure Yannick,si vous faites du refactoring ou des trucs comme ça,ce n'est pas forcément évident que PyCharm va comprendre que là c'est du HTML,et que si tu as des classes et que tu changes un nom ou un index ou un truc comme ça,

00:53:31 :ce n'est pas sûr qu'il va aller le chercher jusqu'ici.Donc ce n'est jamais une très bonne idée de faire du HTML directement ici.La bonne nouvelle c'est que du coup vous pouvez le faire avec des inclusion tags,donc le dernier truc que je vais vous montrer qui est pas mal plus intéressant,

00:53:49 :c'est que vous pouvez, je vais vous reprendre un exemple,et vous voyez c'est exactement là, ici justement ils en parlent,je crois que c'est là, il me semble qu'ils mentionnaient l'interface d'admin,je ne sais plus, mais il me semble qu'ils en parlent à un moment ici,que justement ils utilisent ce truc là souvent dans l'interface d'administration.

00:54:15 :Et donc là ce qui est intéressant c'est que vous allez pouvoir faire,donc on va reprendre notre exemple de card, ici, donc j'ai ma card,et je vais lui dire ici title et on va dire description,et du coup ce qui est intéressant c'est que ici je peux faire un at register.inclusion tag,

00:54:36 :et on va lui donner le card.html.Et on va faire un card, je vais faire un truc comme ça,on va rien lui passer, et ici on va juste retourner,bah si du coup on va récupérer directement les descriptions,et généralement ça peut ressembler dans sa forme la plus simple à un truc comme ça.

00:54:57 :Voilà, donc là vous voyez je lui dis inclue-moi,donc vous donnez le nom du fichier html, vous avez ensuite une fonction,là on récupère des informations et ensuite on les repasse directement,donc là c'est vraiment juste comme, pensez un peu comme le contexte en fait,c'est vraiment comme quand on fait, on retourne ici des informations dans le contexte,

00:55:15 :c'est exactement la même chose ici, on lui retourne en fait un dictionnaire,donc quand on fait un inclusion tag, ce qu'on doit retourner à chaque fois c'est vraiment un dictionnaire,c'est un dictionnaire qui va avoir des clés et des valeurs,et ces clés et ces valeurs on va pouvoir les utiliser ici exactement comme

00:55:29 :quand on fait un contexte ici avec des clés et des valeurs.Ok, donc c'est vraiment le même principe,et ce qui est intéressant ici c'est que du coup maintenant je peux faire card,et je peux dire title égale les nouveautés de Python,et description égale, et on va mettre un lorem ipsum.

00:55:47 :Et donc là si je reviens ici, j'affiche, j'ai bien ma carte qui s'affiche.Je suis allé un petit peu vite, je ne sais pas si je vais revenir sur tout ce qui se passe ici,donc là on a bien ce même mécanisme avec les accolades etc,on peut lui passer des éléments, donc là c'est exactement comme ce qu'on avait fait

00:56:05 :avec le register simple tag.La seule chose qui change ici c'est que, en plus, on va retourner un fichier HTML.Donc ce n'est pas juste comme on le faisait avec le simple tag,où on récupérait des éléments potentiellement dans notre fonction,et à l'intérieur ensuite on faisait des choses et on retournait ces choses là

00:56:23 :sous forme de chaîne de caractère.C'est d'ailleurs la différence entre les deux, le register simple tag,ici vous voyez on retourne une chaîne de caractère.

00:56:31 :Là on retourne indirectement aussi une chaîne de caractère qui est un fichier template,on va retourner aussi un fichier HTML qui est juste des caractères,mais ce qu'on retourne dans la fonction c'est le contexte qu'on va fider,qu'on va donner à ce HTML, et ensuite ça va retourner le HTML ici dans mon index.

00:56:50 :Ce qui est très intéressant ici, c'est un peu le nouveau monde de possibilités que ça vous ouvre ici, c'est que là en fait on peut faire plein de choses.

00:57:00 :Là vous voyez je retourne juste ça, mais là on pourrait dire title égale title.heupper justement,et si je reviens ici j'ai bien mon titre en majuscule.

00:57:09 :Ce qui est très sympa aussi c'est que du coup si, imaginez ici, on a un modèle,imaginez vous avez un blog post, vous pouvez passer votre blog post,et ce qui est intéressant c'est que là vous allez pouvoir faire beaucoup plus de choses que ce qu'on peut faire dans un fichier de template,

00:57:25 :ce qu'il vaut mieux éviter de faire dans le fichier template.C'est là où ça devient un petit peu compliqué, des fois on se demande où est-ce qu'il vaut mieux le faire.

00:57:33 :Est-ce que par exemple ici je fais, par exemple, imaginez que j'ai un blog post ici,donc là j'en ai pas mais bon voilà on va faire un exemple comme ça.

00:57:44 :Ouais j'ai vu ta question Yannick, je te réponds après.Donc on pourrait dire, est-ce que je fais un truc comme ça, par exemple je vais dire blog post url égal up blog post.getabsoluteurl et puis vous passez l'utilisateur,

00:57:58 :et puis voilà vous passez l'url ici, et du coup après dans mon index je vais passer directement l'url du blog post et blog post.title par exemple.

00:58:09 :Donc on pourrait le faire comme ça, désolé je suis un peu vide, je reprends.Je récupère mon blog post, là je suis dans la vue, je récupère mon blog post,je récupère dans la vue l'url, là on est en contexte Python donc on peut très bien utiliser une fonction sur notre instance, lui passer si on veut, voilà,

00:58:25 :imaginez que l'article soit différent selon les utilisateurs, justement si l'utilisateur il a payé pour l'article ou pas, vous allez lui afficher quelque chose de différent.

00:58:33 :Donc là ici c'est ce que je fais, je récupère l'url en fonction de l'utilisateur,qui va être différente selon l'utilisateur, je la retourne après ici par exemple,dans le contexte, je ne l'ai pas mis mais c'était implicite dans ma tête,je retourne l'url et ensuite ma carte je lui passe l'url, le blog post,

00:58:50 :et ici du coup on peut retourner directement l'url, title, on va récupérer l'url ici,et comme ça ici je peux mettre un ahref égale à l'url.

00:59:03 :Donc on peut faire ça comme ça, là le problème je dirais c'est que vous allez récupérer l'url dans la vue et imaginez que finalement on ait une autre vue,ici on va l'appeler search, là ça veut dire qu'à chaque fois dans vos vues il faut penser à aller récupérer l'url, donc là c'est pas forcément la meilleure

00:59:18 :chose à faire, ce serait plus intéressant de faire directement dans votre tag ici,de dire je vais récupérer tout simplement le blog post, et à partir de ça je peux ici faire title égale blog post, blog post.title, url ça va être blog post.getabsoluteurl,

00:59:39 :et là ce qui est intéressant c'est que ici aussi vous pouvez récupérer avec le text context le context, donc là on pourrait dire comme ça, context user, vous faites exactement la même chose, on dit je prends le context, comme ça j'ai accès au context, ici je fais juste lui passer mon blog post, et je fais juste lui dire affiche moi la carte du blog post,

01:00:01 :voilà, et là du coup je vais afficher tout ce qu'il faut en fonction du blog post.Ok je suis allé un peu vite désolé je sais pas si c'était tout clair, si vous avez pas compris certaines parties n'hésitez pas, et Yannick du coup ta question?

01:00:14 :Ouais tu veux dire si ici t'as du CSS, genre je sais pas, marding top, et puis que là t'as un bout de javascript ici, c'est ça que tu veux dire? Un truc comme ça? Ouais

01:00:33 :ouais tout à fait, c'est vraiment là c'est du HTML et tu peux faire tout ce que tu veux,là justement tu pourrais dire ici, tu pourrais dire par exemple, tu pourrais ici faire un if par exemple, dire if blog post, tu vois enfin tu peux faire tout ce que tu veux,

01:00:50 :c'est vraiment un fichier de template, donc tout ce que tu fais dans un fichier de template,et après ça ça va être récupéré et renvoyé tout simplement, donc oui y'a pas du tout de soucis avec ça. Donc voilà, ça fait à peu près le tour de ce que je voulais vous

01:01:08 :montrer, je suis allé un petit peu vite à la fin comme je vous dis, après vraiment si vous voulez en voir plus il faut vraiment aller fouiller un petit peu, regarder tous les exemples dans la documentation, il faut s'approprier le truc aussi, voyez y'a plein de choses qu'on peut faire, voyez là il mixe un petit peu tous les trucs ici, où

01:01:24 :justement il passe des tags différents, ensuite il met un filtre avec le lower, voilà y'a plein de choses que vous pouvez faire ici. Moi les limitations que je vois de ça qui

01:01:38 :sont assez pénibles, là aussi j'espère que ça sera un petit peu modifié dans les prochaines versions de Django, après en fait je sais pas si ça va être modifié parce que justement la plupart des gens qui veulent passer par des composants en fait finalement se tournent vers du vue ou du react, ce que je trouve un peu dommage parce que finalement

01:01:54 :là encore on finit par utiliser un gros framework javascript juste pour avoir quelques petites fonctionnalités qui sont sympas dans ces frameworks en plus, alors qu'on a quasiment tout ce qu'il faut directement avec ça ici. Les limitations que je vois c'est que justement

01:02:08 :ici en fait on peut pas, on peut du coup le faire de façon un peu détournée, mais en fait vous avez certaines, imaginez ici que je veux justement passer une URL, je peux pas faire URL égale blogpost.getabsolute URL, je peux pas mettre des parenthèses ici,

01:02:28 :je peux pas lui passer quelque chose. Donc imaginez, je sais pas, je réfléchis, qu'est-ce qu'on pourrait avoir, on pourrait vouloir ici directement, enfin du coup c'est ça,faut passer par des trucs un peu détournés des fois, parce que vous pouvez pas, vous êtes un petit peu limité dans ce que vous pouvez faire entre ces accolades. Je réfléchis,

01:02:48 :il y a un autre truc qu'on peut pas faire, que j'ai plus en tête. Oui par exemple,voilà, très bon exemple, moi je m'en sers avec htmx, et du coup des fois en fait je veux que sur mes boutons je puisse mettre du htmx. Donc là j'ai trouvé un moyen assez

01:03:05 :détourné de le faire qui est pas très clean mais bon qui marche. Pour ceux qui ont fait un peu de htmx, vous avez dû le voir déjà, en fait on va avoir un attribut hxget par exemple ici, on va lui dire tu vas chercher sur get block post par exemple. Là c'est

01:03:21 :un attribut hxget avec un tiré. Le problème c'est que ici je peux pas faire un hx-get,là je peux pas mettre un tiré comme ça. Moi ce que j'ai fait comme tour de passe-passe

01:03:30 :c'est que je le mets comme ça, je le mets avec un tiré du bas, et dans ma fonction ici justement, je passe ça dans des quarks, je passe les quarks et je boucle sur mes quarks,et je dis if value.startsWith htx comme ça, du coup en fait je fais un truc comme ça

01:03:53 :quoi. Htxget et puis je récupère la partie après. Donc voilà c'est vraiment de la tambouille,mais bon finalement ça marche, et ça me permet directement d'avoir ce même pattern, parce qu'au début je me disais bon ça va être chiant, je vais faire un bouton spécifique,enfin je vais repasser par un truc sans template etc, ou faire du include ou je sais pas, mais

01:04:13 :finalement bon ça marche comme ça aussi. Donc voilà, il y a quelques petits écueils comme ça des fois dans lesquels vous allez tomber, mais on peut toujours trouver des moyens de contourner un petit peu comme ça, donc finalement ça va. Voilà, donc je vous

01:04:26 :conseille, je vous mettrai le lien là, sinon je sais pas quel est le nom de la page, how to create custom, vous tapez custom template et vous allez finir par le trouver. Comme

01:04:34 :je vous dis il y a pas mal de choses un peu plus complexes à la fin, voilà si on va là. Là c'est la partie un peu plus complexe, vous pouvez faire avec la node qu'on a vu

01:04:45 :passer vite fait tout à l'heure, donc vous pouvez vous faire un truc beaucoup plus complexe.Ah excusez, je pense que j'ai une livraison qui arrive, je reviens dans deux minutes,j'avais oublié de vous prévenir pour ça, je reviens. De retour, enfin il arrive dans

01:05:27 :dix minutes donc ça va, je vais avoir le temps de finir la présentation. Ok, du coup,est-ce que j'avais une question? Non? Ok, super, merci, c'est Lionel non je crois? Ouais

01:05:41 :c'est ça. Donc voilà, je vous mettrai le lien aussi dans les notes du cours, mais si vous voulez aller voir, ça devient un petit peu chiant là, je trouve, il y a tout un setup à mettre en place avec l'unit parce que justement il faut, c'est un petit peu

01:06:05 :bizarre, il faut passer par une méthode render, il faut déjà récupérer les infos avec un parseur, donc le parseur va en fait récupérer, c'est un peu comme du scrapping si vous voulez,ça va aller chercher le template de fin, ça va vous récupérer toutes les lignes que vous avez entre le tag de début et le tag de fin, et ça va, et après entre ça, après

01:06:33 :vous allez définir ce que vous voulez faire avec tout ça, donc vraiment ça fait pas mal de trucs un petit peu dans tous les sens, mais bon, ça peut être pratique dans certains cas de figure. Voilà, donc ça fait le tour de ce que je voulais vous montrer, est-ce

01:06:47 :qu'il y a des dernières questions? Non, ça va, c'est tout bon? Céline tu vas pouvoir retourner à Java? C'est un truc qui est…J'avoue, j'ai jamais fait de web avec Java, je sais que j'ai un ami… Ouais si, si,non, mon ami c'est Sharp qui l'a fait, mais ouais je sais que c'est possible, c'est

01:07:20 :beaucoup utilisé aussi, mais je sais pas, ça me donne pas envie de voir à quoi ça ressemble en fait je crois. Ouais ouais, mais c'est vrai que ces trucs d'inclusion tag,

01:07:33 :tout ça, ça fait partie des trucs qu'on voit pas beaucoup, c'est pas beaucoup mis de l'avant, faut vraiment aller dans des trucs assez niches et poussés et avancés de Django sur Youtube et tout pour trouver des gens qui en parlent, pourtant c'est très pratique. J'en ai eu ça aussi en Java. Ouais, c'est un principe qui est quand même assez

01:07:49 :universel, qu'on retrouve assez souvent, les coups d'include, d'extend, des trucs comme ça, de faire ces tags comme ça, donc ouais c'est sûr. Si c'est pas parfait comme

01:08:00 :je vous le disais sur Django, je trouve qu'il y a quand même des trucs qui pourraient être améliorés, ou après sinon c'est ça, faut partir sur le dernier truc que je vous ai montré, mais bon c'est un peu chiant à mettre en place quoi. Après il y a des librairies

01:08:11 :qui sont, si vous regardez Django Components, ça se base un peu tous là-dessus, ça permet justement d'inclure plus facilement tous ces trucs là, mais voilà, forcément c'est des librairies tierces, moi je préfère toujours, surtout sur des trucs comme ça qui sont névralgiques dans votre projet, c'est vous utiliser une librairie qui fait le rendu de tous vos boutons,

01:08:30 :tous vos tables, tous vos composants sur l'application, faut être sûr qu'elle est bien, et pour l'instant ces librairies là elles sont pas ultra suivies, enfin un petit peu aussi quand même, mais bon c'est toujours un petit peu un risque à prendre, donc à voir.

Session du 11 février 2023 à 13h30

Deviens membre Premium magic_button

Premium

Composants réutilisables avec les templates Django

Rechercher sur le site

Formulaire de contact