Les formulaires avec Django

00:00:00 :Dans cette partie, on va voir comment récupérer les données que l'on envoie avec notre formulaire dans notre vue signup dans laquelle on crée notre formulaire.
00:00:09 :Actuellement, dans cette vue, on crée un formulaire qui est vide et on le passe à notre vue.Quand on se rend à l'adresse signup ici, on a un formulaire vide qu'on nous demande de remplir.
00:00:19 :Ici, si je mets un pseudo, une adresse mail, un mot de passe et que je laisse ça ici,par exemple je peux choisir quelque chose d'autre, laisser le CGU Accept coché,je clique sur m'inscrire et là vous voyez qu'on a quelque chose qui se passe,c'est que déjà le formulaire est vidé, donc ça c'est normal puisqu'en fait on retourne sur notre vue signup
00:00:36 :et donc on a un nouveau formulaire qui est vide, mais en plus si vous regardez l'adresse,on a toutes les informations qui ont été transmises dans le formulaire qui sont affichées dans l'adresse.
00:00:45 :Donc ça c'est parce qu'en fait dans notre formulaire ici, on n'a pas spécifié la méthode et par défaut il va utiliser la méthode get.Et la méthode get, ça va envoyer ces informations dans l'URL directement.
00:00:55 :Donc vous conviendrez que ce n'est pas très très sécuritaire puisque là par exemple,on voit le mot de passe qui est affiché en clair dans l'URL.
00:01:02 :Donc si par exemple vous aviez un log ou des fichiers qui vous permettraient d'avoir accès à ces URL sur votre serveur, et bien vous aurez les mots de passe qui seraient affichés en clair.
00:01:11 :Donc généralement c'est une très mauvaise façon de faire, on ne passe pas par la méthode get pour soumettre un formulaire, en plus si vous envoyez des données sensibles comme celle-ci,à la place on va passer par la méthode post.
00:01:22 :Et la méthode post, ça va nous permettre de ne pas avoir ces informations affichées directement dans l'URL.Et en plus donc là, vous voyez qu'on n'a en fait pas récupéré les données,puisque les données elles sont dans l'URL, et pour l'instant on n'y a accès nulle part.
00:01:35 :Donc ce qu'on va faire, c'est qu'on va déjà spécifier la méthode ici,donc on va dire méthode égal, et on va dire qu'on veut envoyer avec la méthode post au lieu de la méthode get qui est la méthode par défaut.
00:01:44 :Donc je mets post ici, à noter que ce n'est pas obligé de le mettre en majuscule,vous pouvez le mettre en minuscule, mais généralement on le met en majuscule.
00:01:50 :Donc voilà méthode égal post, ça va me permettre de spécifier que je veux envoyer ce formulaire avec la méthode post.Donc si je remets un pseudo ici, et que je soumets le formulaire,vous allez voir que cette fois-ci le formulaire est soumis,et alors là je vais juste actualiser puisqu'il a remis le formulaire avec la méthode get,
00:02:07 :donc je pense que c'est juste un problème d'actualisation du template.Et donc là je vais mettre un pseudo, un email, un password,et là vous allez voir quelque chose, on va avoir une erreur, donc je clique sur m'inscrire,et là on a une erreur qui nous dit que la vérification CSRF a échoué.
00:02:24 :Donc le CSRF, qu'est-ce que ça signifie ?Ça signifie Cross Site Request Forgery,donc c'est un mot un peu barbare tout ça pour dire en fait que c'est un type d'attaque qui est une vulnérabilité sur certains sites web,puisque ça va permettre en fait à un utilisateur malveillant de falsifier la requête qui a été effectuée avec votre formulaire.
00:02:44 :Donc en fait Django a un mécanisme qui va permettre d'éviter ça en utilisant un jeton unique qui va être envoyé avec le formulaire,et qui va permettre d'authentifier que le formulaire a bien été envoyé par la bonne personne et n'a pas été modifié en chemin.
00:03:00 :Donc ce que je peux faire ici pour ne plus avoir cette erreur et pour avoir beaucoup plus de sécurité lors de l'envoi de mon formulaire,c'est utiliser une balise que vous devez mettre donc partout dans tous vos formulaires,sinon vous allez de base avoir cette erreur.
00:03:12 :Donc il y a moyen de dire à Django que vous ne voulez pas utiliser ce CSRF token,mais je vous conseille de laisser ça comme ça à moins de vraiment savoir ce que vous faites.
00:03:20 :Il est préférable de laisser ce processus en place et de simplement rajouter donc ici la balise qui nous permet d'envoyer le CSRF token.Donc la balise vous l'avez ici, elle est indiquée,donc on peut la copier tout simplement,et cette balise elle est comme pour toutes les balises du langage de gabarit de Django,
00:03:36 :entourée donc des accolades avec les pourcentages au début et à la fin.Donc ça, ça va nous permettre d'envoyer un jeton automatiquement.Vous allez voir, je vais actualiser la page et je vais faire View Page Source et vous allez voir que maintenant on a un nouveau input ici qui est hidden,
00:03:49 :donc qui n'est pas affiché et qui s'appelle donc CSRF middleware token avec une valeur ici qui va être envoyée avec notre formulaire et c'est ça qui va permettre à Django de certifier que le formulaire a bien été envoyé directement et n'a pas été modifié.
00:04:04 :Donc si je reviens ici et que j'essaie de relancer donc la submission de mon formulaire,vous allez voir que cette fois-ci ça va fonctionner.Donc je mets un mot de passe, je clique sur s'inscrire et là vous voyez qu'on a bien le formulaire qui a été envoyé,on n'a pas les données qui sont incluses dans l'URL,
00:04:18 :donc ça c'est normal puisqu'on est avec une méthode post cette fois-ci.Et donc maintenant ce qu'on va faire c'est récupérer ces données qui sont envoyées à l'intérieur de notre vue ici.
00:04:26 :Donc dans la vue, dans Sign Up, on va pouvoir vérifier quel est le type de méthode qui est effectuée par la requête.Donc pour ça on va pouvoir utiliser request.method
00:04:35 :et donc ça, ça va nous retourner soit la chaîne de caractère post si on est avec une méthode post, soit la chaîne de caractère get dans le cas d'une requête get.
00:04:44 :Donc ici ce qu'on va pouvoir faire c'est vérifier si on est en présence d'une requête post.Donc on va faire tout simplement une structure conditionnelle et on va dire que si la requête est de type post,et bien on va afficher pour l'instant les données qui sont envoyées dans cette variable ici request.post
00:04:59 :qui est tout simplement un dictionnaire qui va contenir les données qui sont envoyées avec la requête post.Donc pour l'instant je vais juste faire ça.
00:05:06 :On va afficher ici donc l'onglet run qui va nous permettre de voir ce qui est affiché par le serveur.Donc là vous voyez qu'on avait notre vue forbidden avec le csrf.com
00:05:14 :qui était missing.Donc là ce que je vais faire c'est juste revenir dans ma vue,actualiser et relancer un formulaire.Donc je remets des indications ici.
00:05:23 :Je soumets le formulaire et cette fois-ci vous allez voir qu'on a bien notre dictionnaire qui est affiché.Donc un query dict et là vous voyez qu'on a un dictionnaire avec ce fameux csrf middleware token.
00:05:33 :Donc il est affiché mais vous n'avez pas besoin de vous en soucier.C'est vraiment Django qui va automatiquement faire la vérification de son côté.Par contre si je continue ici vous voyez qu'on a le pseudo,l'email, le mot de passe, le job et le cgu accept.
00:05:46 :Et vous remarquez ici qu'on a donc un dictionnaire avec des clés et des valeurs et également que pour l'instant ces données ne sont pas forcément dans le bon format.
00:05:54 :Par exemple le cgu accept qui est un champ booléen,et bien ça nous retourne une valeur on.Donc en fait cette valeur c'est la valeur que l'on va retrouver au niveau du html.
00:06:03 :Si je reviens dans mon fichier, que je fais un clic droit pour voir le fichier source, on va voir ici qu'on a un input de type checkbox et le input de type checkbox il va nous retourner la valeur on ou off.
00:06:15 :Donc ça c'est pas très pratique puisque en fait nous ce qu'on aimerait bien avoir à la place de on ou off c'est un booléen,donc true ou false.
00:06:22 :Donc ici je pourrais récupérer cette valeur en faisant un get pour récupérer la valeur associée à la clé puisque post ici c'est un dictionnaire.Donc si je fais ça, que j'actualise mon formulaire et que je ressoumets des données, vous allez voir ici qu'on va bien récupérer notre on qui est pour l'instant une chaîne de caractère.
00:06:38 :Donc là ce serait un peu problématique de devoir vérifier par exemple ici si on est bien en présence de on avec un symbole d'égalité et là dans ce cas-ci ça nous retournerait un booléen donc true ou false si on a on ou pas ici dans la chaîne de caractère.
00:06:50 :Donc ça c'est possible mais ce n'est pas la meilleure façon de faire.La meilleure façon de faire c'est de passer directement par notre formulaire et ça c'est encore un mécanisme très puissant de Django,c'est-à-dire qu'on va pouvoir passer ces données directement à notre formulaire qui va nous permettre automatiquement
00:07:03 :de vérifier déjà si les données sont valides et également ça va nous permettre de récupérer ces données de façon nettoyée, donc je dis nettoyée parce que le terme en anglais qui est utilisé c'est cleaned,donc en fait c'est des données qui vont être converties si vous voulez dans le bon type.
00:07:16 :Donc par exemple pour un champ qui est de type booléen field ici comme on avait donc le cguaccept qui est un booléen field,une fois qu'on va récupérer ces données nettoyées et qu'on sera sûr qu'elles soient valides,et bien automatiquement on va récupérer un booléen.
00:07:29 :Donc je vais vous montrer ce que ça donne,ce qu'on va faire c'est qu'on va dire form égale sign up form et cette fois-ci on va passer request.post.
00:07:35 :Donc on va passer le dictionnaire, si vous vous souvenez bien en fait quand on crée un formulaire on peut lui passer directement des données dans un dictionnaire, donc on peut initialiser des données et les passer à ce formulaire, donc là c'est exactement ce qu'on fait en passant directement notre dictionnaire request.post
00:07:48 :à notre formulaire que l'on instancie.Donc là ce que je vais pouvoir faire ensuite c'est vérifier si le formulaire est valide,donc en faisant if form.isvalid
00:07:57 :et si les données sont valides je vais pouvoir les afficher avec clean data.Donc ça attention vous ne pouvez le faire que si vous avez utilisé isvalid avant.
00:08:05 :Si vous essayez d'accéder à clean data sans avoir vérifié auparavant si elles étaient valides ça ne fonctionnera pas.C'est vraiment parce que vous appelez cette méthode ici isvalid que le formulaire va vérifier si les données sont valides et qu'il va ensuite vous retourner ce dictionnaire avec les données nettoyées,
00:08:22 :donc les données vous allez voir qui vont être dans le bon format.Donc une fois qu'on a fait ça on va retourner ici sur notre site on va actualiser la page et on va relancer un formulaire donc je remets des données ici au hasard je clique sur s'inscrire et là vous allez voir cette fois ci si on va en bas
00:08:36 :qu'on a bien nos données qui sont affichées donc là ça veut dire que le formulaire a été validé on a bien le pseudo avec type h, le email, le password et là vous voyez que cette fois ci le cgu accept est égal à true donc ça c'est ce que je vous disais c'est vraiment ce nettoyage des données
00:08:50 :qui fait qu'on va avoir automatiquement les données qui vont être converties dans le bon type donc ça c'est vraiment très pratique ça vous permet d'éviter d'avoir à faire des conversions entre ce que le html nous retourne donc comme on avait vu avec le html qui nous retournait la chaîne de caractère on dans le cas d'une checkbox
00:09:05 :là en passant par le formulaire on a directement un boulet.Donc voilà comment récupérer ces données vous remarquez par la même occasion que pour l'instant en fait le formulaire que l'on a une fois qu'on a soumis ces données il est vide donc ça c'est normal puisque ici on vérifie si la méthode est post
00:09:21 :on récupère le formulaire et on fait tout simplement un affichage des données mais ensuite on recrée un formulaire vide et c'est ce formulaire que l'on passe à notre contexte donc ce qu'on pourrait faire à la place c'est mettre un else et mettre notre formulaire dans le else donc si on est en présence d'une méthode post
00:09:36 :on récupère un formulaire avec form on affiche les données pour par exemple les traiter ou les sauvegarder quelque part et ensuite donc notre formulaire c'est celui-ci c'est celui avec les données qui va être envoyé à notre vue donc là ça va nous permettre d'avoir un formulaire qui va toujours avoir les données
00:09:52 :donc je vais actualiser la page et là je vais vous montrer en fait pourquoi ça peut être intéressant puisque par exemple imaginez que je mette quelque chose ici je mets test at gmail.com
00:10:00 :je mets un mot de passe et imaginez que ici on fasse des vérifications et on considère que le formulaire ne contient pas les bonnes données si je mets s'inscrire ici donc si je clique sur s'inscrire là vous voyez qu'on retourne sur la page et on a encore les données
00:10:14 :on a juste le mot de passe qui a été effacé ça c'est normal c'est un comportement par défaut avec les champs de type password en html en fait quand vous actualisez la page le mot de passe va être effacé donc ça c'est normal mais tout le reste vous voyez
00:10:26 :il a été conservé donc c'est très pratique de passer par ça puisque si jamais vous considérez que le formulaire n'est pas valide et que vous souhaitez que l'utilisateur rentre d'autres données vous pouvez lui permettre de ne pas avoir à retaper toutes les entrées dans le formulaire à chaque fois
00:10:40 :ce qu'on pourrait faire également ici c'est que si le formulaire est valide et bien on retourne autre chose donc on ne retourne pas la page sign up mais par exemple on retourne un http response en disant merci de vous être inscrit au site donc là bien sûr on mettrait quelque chose
00:10:54 :d'un peu plus intéressant par exemple on pourrait retourner un autre template avec une page qui dit que vous avez bien été inscrit sur le site pour l'instant je retourne juste ça pour l'exemple donc là vous allez voir que si je soumets quelque chose de valide on va donc passer dans cette condition
00:11:06 :et on va retourner le http response donc je clique sur s'inscrire et là j'ai bien ce http response qui m'est retourné donc voilà comment récupérer des données du formulaire en mettant ici donc la méthode égale à post en mettant le csrf token ensuite à l'intérieur de notre vue et bien on passe
00:11:24 :les données qui sont récupérées dans le request.post à notre formulaire et on peut ensuite les valider et afficher les données nettoyées pour ensuite pouvoir les traiter donc par exemple pour sauvegarder un modèle dans notre base de données ou quoi que ce soit de ce genre. Une dernière chose à vous
00:11:38 :signaler ici on a mis méthode égale à post on n'a pas mis l'action donc l'action en fait c'est là où va rediriger le formulaire donc par exemple si je mettais google ici et bien on serait redirigé vers google lorsque l'on clique sur le bouton submit. Si on ne met pas l'action
00:11:52 :par défaut on va être redirigé vers cette vue sign up dans laquelle j'avais mon formulaire mais vous pouvez très bien spécifier l'action donc ça ça peut être pratique si vous souhaitez envoyer le formulaire dans une autre vue donc si vous voulez vérifier les données non pas dans cette vue sign up directement mais dans
00:12:06 :une autre vue qui soit spécifique pour la vérification de votre formulaire et de ces données et bien vous pourriez spécifier avec action ici une autre page et là généralement on utiliserait donc la balise url qui nous permettrait de renvoyer dynamiquement vers une url qui serait calculée automatiquement en fonction de ce qu'on a mis dans
00:12:22 :notre fichier urls.py Donc voilà comment récupérer des données avec les formulaires de Django Donc ça fait beaucoup d'informations n'hésitez pas à tester de votre côté il y a pas mal de choses qu'il ne faut pas oublier comme le csrf token la méthode et ensuite bien comprendre ici ce qu'on fait avec notre structure conditionnelle

Récupérer les données dans la vue

Toutes les questions

Gabriel Trouvé

récupérer les données de mon formulaire dans la vue

Rechercher sur le site

Récupérer les données dans la vue

Inscris-toi

Toutes les questions

Gabriel Trouvé

récupérer les données de mon formulaire dans la vue

Rechercher sur le site