Très bien, tout le monde, ça va être vraiment, vraiment amusant.
Nous allons créer une page de contact réelle où les utilisateurs peuvent soumettre des informations de contact et entrer un message
afin qu'ils puissent vous contacter en ligne.
Maintenant, si nous allons au Guide de démarrage rapide sur Flask et que nous accédons aux données de la demande, cela vous montre en
fait comment le gérer.
Et juste ici, dans l'objet de requête, se trouve le code qui nous permet de récupérer les informations du navigateur.
Maintenant, il y a même des choses comme les téléchargements de fichiers afin que nous puissions amener les gens à charger leurs fichiers et à les
envoyer à notre serveur.
Mais pour l'instant, concentrons-nous uniquement sur cela.
Je veux d'abord copier le code et ensuite nous allons parler de ce qui se passe.
Allons sur notre serveur, DCPI, nous avons nos racines de base ici et ajoutons-en une autre.
Comme ça.
Maintenant, la seule chose qui m'importe en ce moment, c'est.
Cette partie ici, je veux créer une nouvelle route que je nommerai pour maintenant soumettre le formulaire, et c'est quelque chose qui
devra réellement créer.
Il va avoir la publication et l'obtention de la méthode et encore une fois, ce n'est que la valeur par défaut qui signifie que le navigateur
veut que nous envoyions des informations, cela signifie simplement que le navigateur veut que nous enregistrions des informations, mais nous ne nous en soucierons
pas pour le moment.
Nous voulons également définir une fonction appelée formulaire de soumission.
Et enfin.
Je veux juste retourner pour l'instant un formulaire soumis son message.
C'est donc notre point de terminaison de formulaire de soumission.
Mais cela ne fait rien pour le moment, nous n'appelons jamais cela sur le front-end du navigateur.
Alors, comment pouvons-nous faire en sorte que cela fonctionne?
Eh bien, allons à l'e-mail de contact et voyons ce qui se passe lorsque nous cliquons sur le bouton.
Et en fait, cherchons-le simplement, si je vais à la page de titre, vous voyez que nous avons le bouton d'envoi.
Ainsi, lorsque nous appuyons sur envoyer, nous envoyons idéalement des informations au serveur.
Alors commandons F et cherchons l'envoi.
Et regarde ça, on dirait que c'est par ici, faisons ça un peu.
Plus gros juste comme ça, donc on voit ce qui se passe.
Nous voyons que nous avons un bouton de type soumettre et c'est le bouton sur lequel nous cliquons pour envoyer.
C'est donc à la ligne soixante-quatorze.
Maintenant, en haut ici, nous voyons que nous avons quelque chose qui s'appelle la forme.
Et avec la forme, nous avons une action que nous pouvons entreprendre, c'est le HMO standard.
A la création de HMO, l'idée était d'afficher des pages, mais aussi à l'aide de ce formulaire, pouvoir envoyer des
données au serveur.
Et nous le faisons en utilisant cet attribut d'action.
Et ici, nous pouvons mettre post ou obtenir.
Et si vous vous en souvenez, c'est exactement ce que nous avons ici.
Ce point de terminaison pourra accepter les méthodes, soit get, soit post.
Maintenant, nous n'avons pas besoin d'entrer dans les détails de ce que get par rapport aux posties, mais une bonne façon d'y
penser est que nous pouvons envoyer des données avec get en attachant simplement les informations à l'URL.
Ici, mais idéalement, nous ne voulons pas envoyer les e-mails et les messages des gens en euro.
Idéalement, nous voulons l'envoyer dans un organisme fiscal qui n'est pas si clair et évident.
Donc dans notre cas, nous allons utiliser post et je vais vous montrer comment cela fonctionne.
Nous allons donc avoir une action ici qui est post.
Maintenant, la façon dont cela fonctionne réellement est que nous devrons appeler le formulaire de soumission, qui, soit dit en
passant, sera notre point final, de sorte qu'avec le formulaire lorsque je clique.
Envoyez ici, il va exécuter ceci, vous envoyez essentiellement un formulaire avec une méthode.
C'est la poste.
Ainsi, le formulaire de soumission d'action sera affiché lorsque je cliquerai sur envoyer.
Enregistrons ceci et vérifions que cela fonctionne, donc je vais dire soumettre le formulaire ici, je vais
enregistrer et pour l'instant je vais simplement retourner le formulaire soumis.
Si nous revenons en arrière et écrivons juste du charabia.
Rafraîchissons-nous en fait, assurez-vous que c'est nouveau si je clique sur envoyer.
Regardez cela, je reçois le formulaire soumis, à droite, et vous voyez que le point final ici est soumettre le formulaire.
C'est l'action que nous avons ajoutée dans l'Alpha.
Encore une fois, si nous revenons en arrière, ouvrez les outils de développement.
Accédez au réseau ici.
Faisons cela un peu plus petit si je clique sur envoyer.
Regardez ça dans mon réseau, vous voyez que nous avons le formulaire simit, si je clique dessus, j'obtiens la réponse qui
est le formulaire soumis.
Et si je vais dans les en-têtes, vous voyez que j'ai fait une méthode post parce que c'est ce que j'ai dit.
Cela va être moi envoyant des données au serveur.
Vous verrez que le type de contenu est l'application X, formez votre URL et codez-la.
Il s'agit simplement d'un type de données standard que nous pouvons envoyer.
Lorsque nous utilisons.
La balise form en HTML, mais nous n'avons pas à nous en préoccuper car nous avons maintenant accès aux données.
Que l'utilisateur a envoyé.
Donc, dans la prochaine vidéo, nous allons essayer de capturer les données que j'ai envoyées au serveur et de les
lire avec notre code Python.
Je verrai dans le prochain par.