Les bases de Django

00:00:00 :Dans cette vidéo, on va ajouter des chemins d'URL pour trois articles que j'ai créés au préalable.Ce sont tout simplement des fichiers HTML basiques qui contiennent comme titre article01 et ici un tag h1 avec article01.
00:00:14 :Et pareil pour l'article2 et l'article3 avec à chaque fois le numéro qui change.Tous ces templates, je les ai mis à l'intérieur de mon dossier blog et on va créer des chemins d'URL pour afficher ces différents articles.
00:00:27 :Donc là peut-être que vous êtes tenté de faire quelque chose de ce genre, c'est-à-dire que dans les vues, vous allez vouloir créer une vue pour chaque article et dans les URL, vous allez créer trois URL qui vont renvoyer vers chacune des vues qui vont elles renvoyer vers chacun des articles.
00:00:41 :Donc je vais vous montrer ce que ça donne avec cette façon de faire et comment on peut l'améliorer directement avec les URL.Donc ici on a trois vues, une vue pour article01, article02 et article03 qui à chaque fois renvoient le bon template HTML en fonction de la vue.
00:00:57 :Ensuite dans les URL ici, je peux importer ces trois vues, donc importer article01, article02 et article03.Et ensuite dans mes chemins ici, je pourrais très bien créer des chemins pour chacune de ces vues.
00:01:11 :Donc avec article01 qui pointe vers la vue article01, article02 vers article02 et article03 vers article03.Donc là normalement on a toutes les briques qui sont en place, on a les chemins d'URL qui renvoient vers les vues, qui renvoient vers les templates.
00:01:27 :Donc on va aller tester tout ça, normalement ça devrait marcher ici, donc je vais mettre article01, je valide et là on a bien l'article01 qui est affiché.
00:01:35 :Je vais essayer avec article02, on a bien article02 et avec article03 ça marche également.Sauf que là c'est pas très efficace, vous voyez qu'on a à chaque fois besoin de faire des chemins différents qui renvoient vers des vues différentes.
00:01:47 :Donc ce qu'on va faire à la place, c'est qu'on va créer un seul chemin et ici on va indiquer dans l'URL qu'on va récupérer le numéro de l'article.
00:01:56 :Alors je vais enlever ces chemins ici, je ne vais garder qu'un seul chemin, donc je vais enlever le numéro ici, je vais enlever le numéro ici.
00:02:04 :Et dans les vues je vais créer une seule vue qui va s'appeler article comme ceci et qui va renvoyer vers différents templates en fonction de ce qu'on a dans l'URL ici.
00:02:13 :Alors pour l'instant ici on a mis 01 en dur dans l'URL, donc on va changer ça.Juste avant je vais enlever les imports qui bug ici et à la place je vais importer ma vue article.
00:02:23 :Donc ici plutôt que de mettre 01, ce qu'on va faire c'est qu'on va insérer un élément qui nous permet de récupérer dynamiquement dans la vue ce que l'on a mis à l'intérieur de l'URL.
00:02:33 :Donc pour ça on va utiliser le symbole plus petit que et plus grand que et à l'intérieur ici on va indiquer quel type de données on veut récupérer.
00:02:41 :On pourrait indiquer par exemple qu'on veut récupérer un nombre avec int ou une chaîne de caractère avec string.Dans ce cas-ci vu que nos articles sont nommés 01, 02 et 03, on ne va pas récupérer un nombre mais une chaîne de caractère directement parce que si on mettait un nombre on pourrait récupérer par exemple 1, 2 ou 3 mais on n'aurait pas le 0 avant.
00:02:59 :Donc là dans ce cas-ci je vais récupérer une chaîne de caractère et je vais donner un nom à cette chaîne de caractère.Donc je vais l'appeler par exemple numéro article et je referme ici avec le symbole plus grand que.
00:03:10 :Tout ce qu'on a défini à l'intérieur des symboles plus petit que et plus grand que, on va pouvoir le récupérer dans notre vue grâce au nom qu'on a défini ici.
00:03:18 :Donc le nom numéro article je vais retourner dans ma vue pour l'insérer dans les paramètres de ma fonction article ici.Donc après request je mets une virgule et je mets numéro article.
00:03:29 :Si je fais un print de numéro article, pour l'instant je vais toujours retourner le 01 mais vous allez voir qu'on va avoir accès à ce qu'on a rentré dans l'URL.
00:03:38 :Donc je vais ouvrir le terminal pour vous montrer ce que ça donne.Je vais me rendre ici dans mon navigateur et à la place de 03 je vais mettre 01, je valide, je reviens ici et là on a bien 01 qui est affiché.
00:03:51 :Donc vous voyez que ce qui se passe ici c'est qu'on va récupérer la partie qui est après article- grâce à ce qu'on a intégré dans notre URL ici.
00:04:00 :Donc article- ça c'est toujours statique mais après là on a quelque chose de dynamique qui va être récupéré.Donc là j'ai mis 01 mais je pourrais mettre n'importe quoi c'est à dire que ici je pourrais mettre Patrick, notre cher Patrick, je valide.
00:04:13 :Là j'ai toujours le template 01 qui nous est retourné parce que c'est ce que j'ai mis dans ma vue mais si on retourne voir dans notre terminal on a bien Patrick qui est affiché.
00:04:20 :Donc là c'est une façon comme vous le voyez de récupérer ce qui est passé dans nos URL.Également comme je vous avais dit on pourrait mettre int à la place pour récupérer directement un nombre puisque actuellement on retourne une chaîne de caractère.
00:04:32 :Donc là si je mets int à la place que je reviens sur mon site là actuellement on va avoir une erreur.Alors pourquoi ? Et bien tout simplement parce que notre adresse n'est plus valide.
00:04:41 :Là on a une adresse qui accepte un numéro donc puisqu'on a mis int ici et nous ce qu'on a donné c'est une adresse qui contient une chaîne de caractère.
00:04:49 :Si je fais un petit zoom ici vous voyez que Django nous indique qu'il a cherché une URL qui contenait blog slash article tiré et ensuite un nombre.
00:04:58 :Et là ça n'a pas marché parce qu'on a mis une chaîne de caractère.Si par contre je mets un nombre si je mets 1 par exemple là ça fonctionne puisque on a bien mis le type de données qui était attendu par Django dans notre URL.
00:05:09 :Si je mets n'importe quoi donc par exemple 500 pareil ça fonctionne.Si je mets 01 également ça fonctionne parce que Django va être capable de comprendre que 01 c'est un nombre.
00:05:18 :Par contre si je mets A1 là ça ne fonctionnera plus parce que A1 ce n'est pas un nombre même s'il y a un chiffre à l'intérieur de A1 le A n'est pas compris comme un nombre.
00:05:27 :Donc vous voyez ici que dans notre URL ça c'est très important vous pouvez spécifier différents types.Nous on va rester sur un type string qui va nous permettre de spécifier 01, 02 ou 03 et ensuite d'afficher le bon article en fonction de ce qu'on a passé dans l'URL.
00:05:42 :Donc pour l'instant on retourne toujours 01 ici mais on va pouvoir concaténer ce numéro d'article ici dans le template qui est retourné.Donc là je vais enlever mon print et plutôt que de retourner à chaque fois 01 ici on va utiliser un f-string pour retourner le numéro de l'article correspondant à ce que l'on a rentré dans l'URL.
00:06:00 :Donc je mets un f pour convertir cette chaîne de caractère en f-string et à la place de 01 ici je mets des accolades et je vais mettre numéro article.
00:06:08 :Donc les f-strings nous permettent d'insérer des variables à l'intérieur de notre chaîne de caractère.Donc là on insère ce qu'on a récupéré dans notre URL dans le template qu'on veut retourner.
00:06:18 :Si je reviens sur ma vue ici je vais mettre 01, je valide avec entrée j'ai bien l'article 01 qui est affiché, 02 j'ai bien l'article 02, 03 j'ai l'article 03 et si je vais à 04 là j'aurai une erreur parce que le template 04 n'existe pas.
00:06:35 :Donc ce qui nous est indiqué ici par l'erreur template does not exist.Donc là vous voyez qu'on a quelque chose de dynamique c'est à dire qu'on a plusieurs articles, plusieurs fichiers HTML, on a une seule vue et grâce aux URL et grâce à cette façon de spécifier à l'intérieur des URL des endroits qui vont être dynamiques, qui vont varier, qu'on peut ensuite récupérer dans nos fonctions, vous voyez qu'on a une logique qui est beaucoup plus habile, beaucoup plus versatile.
00:06:58 :On pourrait rajouter ainsi d'autres articles, donc un article 04, 05, 06, etc. et gérer d'une façon un peu plus efficace également des articles qui seraient manquants.
00:07:06 :Par exemple actuellement quand on essaye d'accéder à un article qui n'existe pas on a une erreur 404 comme ceci, et bien à la place ce que je pourrais faire c'est créer un nouveau template.
00:07:16 :Donc ici je fais un nouveau fichier HTML, je vais l'appeler article not found et ici je vais mettre article non trouvé et je mets un h1, l'article n'existe pas.
00:07:29 :Et là dans ce cas-ci on peut retourner dans notre vue et ici on pourrait faire une vérification pour dire if numéro article in est là on va dire 01, 02 ou 03.
00:07:41 :Donc si le numéro de l'article est compris dans cette liste, on va retourner l'article correspondant.Sinon qu'est ce qu'on va faire et bien on va retourner la vue qui nous dit que l'article n'a pas été trouvé.
00:07:51 :Donc là je vais retourner un render sauf qu'à la place de retourner le numéro de l'article ici je vais mettre article not found.Donc si dans l'URL on passe 01, 02 ou 03 on retourne l'article en question et si ce n'est ni 01, ni 02, ni 03 on retourne l'article not found.
00:08:09 :Je teste ça ici avec article 04, je valide avec entrer ici pour rafraîchir la page et on a bien l'article n'existe pas.Donc là on peut rentrer n'importe quoi ici, on peut mettre 10, on aura toujours l'article n'existe pas.
00:08:20 :Si je mets 01 par contre, 02 ou 03 là l'article en question est bien trouvé.Donc voilà pour la logique derrière tout ça, on peut aller beaucoup plus loin bien entendu.
00:08:31 :Là vous remarquez qu'on a quand même créé des fichiers html pour chaque article, dans la réalité on ne ferait pas ça.Ce qu'on ferait c'est qu'on aurait un fichier article.html et à l'intérieur de cette vue on irait récupérer en fonction du numéro de l'article
00:08:45 :dans notre base de données les informations pour l'article correspondant et toutes ces informations on les passerait au contexte de notre vue.C'est ce contexte qu'on avait vu qui nous permet de passer des informations ici directement dans la fonction render et à l'intérieur de notre fichier article.html on pourrait afficher les différents articles en fonction des données qu'on a récupérées dans notre vue.
00:09:05 :Donc ça ce serait vraiment la façon optimale de faire en production.Là je voulais juste vous montrer qu'on n'est pas obligé à chaque fois d'écrire 10 urls qui vont être ce qu'on appelle hardcoded.
00:09:14 :Donc c'est à dire avec à chaque fois l'url précise qui est indiqué ici, on peut avoir des urls dynamiques grâce à cette syntaxe.Donc avec le symbole plus petit que et plus grand que et des paramètres que l'on indique directement à l'intérieur de nos urls.

Ajouter la vue pour les articles

Débloquez votre potentiel ! ✨

Prêt à passer au niveau supérieur ?

Toutes les questions

Sebastien

Techniques de concaténation et syntaxe inconnue dans Python

Rechercher sur le site