Alles klar, alle zusammen, das wird wirklich, wirklich Spaß machen.
Wir werden eine eigentliche Kontaktseite erstellen, auf der Benutzer Kontaktinformationen übermitteln und eine Nachricht eingeben können, damit
sie Sie online kontaktieren können.
Wenn wir nun zum QuickStart Guide auf Flask gehen und auf Anfragedaten zugreifen, zeigt Ihnen dies tatsächlich, wie
Sie damit umgehen.
Und genau hier im Request-Objekt befindet sich der Code, mit dem wir tatsächlich Informationen aus dem Browser abrufen können.
Jetzt gibt es sogar Dinge wie Datei-Uploads, damit wir Leute dazu bringen können, ihre Dateien zu laden und sie tatsächlich an unseren
Server zu senden.
Aber jetzt konzentrieren wir uns nur darauf.
Ich möchte zuerst den Code kopieren und dann werden wir darüber sprechen, was passiert.
Gehen wir zu unserem Server DCPI, wir haben hier unsere grundlegenden Wurzeln und fügen einen weiteren hinzu.
So was.
Das Einzige, was mich jetzt interessiert, ist.
In diesem Teil hier möchte ich eine neue Route erstellen, die ich jetzt mit einem Formular benennen werde, und dies ist etwas, das tatsächlich
erstellt werden muss.
Es wird Methods post und get haben und wieder, dies ist nur die Standardeinstellung get bedeutet, dass der Browser möchte, dass
wir Informationen senden. post bedeutet einfach, dass der Browser möchte, dass wir Informationen speichern, aber darüber machen wir uns
vorerst keine Gedanken.
Wir wollen auch eine Funktion namens Submit Form definieren.
Und schlussendlich.
Ich möchte vorerst nur ein Formular zurücksenden, das ihre Nachricht übermittelt hat.
Das ist also unser Absendeformular-Endpunkt.
Aber es tut im Moment nichts, wir rufen das nie am Frontend des Browsers auf.
Wie können wir das also zum Laufen bringen?
Nun, gehen wir zur Kontakt-E-Mail und finden heraus, was passiert, wenn wir auf die Schaltfläche klicken.
Und eigentlich, lassen Sie uns einfach danach suchen, wenn ich zur Titelseite gehe, sehen Sie, dass wir den Senden-Button haben.
Wenn wir also auf Senden klicken, senden wir idealerweise einige Informationen an den Server.
Lassen Sie uns also F befehlen und nach dem Senden suchen.
Und sieh dir das an, es sieht so aus, als wäre es hier drüben, lass uns das ein bisschen machen.
Einfach größer, damit wir sehen, was los ist.
Wir sehen, dass wir eine Schaltfläche vom Typ "Senden" haben und auf diese Schaltfläche klicken, um sie zu senden.
Es ist also auf Zeile vierundsiebzig.
Hier oben sehen wir, dass wir etwas namens Form haben.
Und mit Form haben wir eine Aktion, die wir ergreifen können, das ist Standard-HMO.
Als HMO erstellt wurde, war die Idee, Seiten anzuzeigen, aber auch mit diesem Formular Daten an den Server senden
zu können.
Und das tun wir mit diesem Aktionsattribut.
Und hier können wir Post setzen oder bekommen.
Und wenn Sie sich erinnern, haben wir genau das hier.
Dieser Endpunkt kann Methoden akzeptieren, entweder get oder post.
Jetzt müssen wir nicht mehr auf die Details von get und posties eingehen, aber eine gute Denkweise besteht darin, dass
wir Daten mit get senden können, indem wir einfach die Informationen an die URL anhängen.
Hier drin, aber idealerweise möchten wir die E-Mails und Nachrichten der Leute nicht in Euro versenden.
Idealerweise möchten wir es an eine Steuerbehörde schicken, die nicht so klar und offensichtlich ist.
In unserem Fall verwenden wir also Post und ich zeige Ihnen, wie das funktioniert.
Also werden wir hier eine Aktion haben, die Post ist.
Nun, die Art und Weise, wie dies tatsächlich funktioniert, ist, dass wir das Absendeformular aufrufen müssen, was übrigens
unser Endpunkt sein wird, damit mit dem Formular, wenn ich klicke.
Senden Sie hierher, es wird dies ausführen, Sie senden im Wesentlichen das Formular mit einer Methode.
Das ist Post.
Das Aktions-Sendeformular wird also gepostet, wenn ich auf Senden klicke.
Lassen Sie uns das speichern und überprüfen, ob es funktioniert, also sage ich hier Formular senden,
ich werde speichern und vorerst nur das gesendete Formular zurücksenden.
Wenn wir zurückgehen und nur ein bisschen Kauderwelsch schreiben.
Lassen Sie uns tatsächlich aktualisieren, stellen Sie sicher, dass es neu ist, wenn ich auf Senden klicke.
Sehen Sie sich das an, ich bekomme das Formular gesendet, richtig, und Sie sehen, dass der Endpunkt hier das Formular senden ist.
Dies war die Aktion, die wir in der Alpha hinzugefügt haben.
Wenn wir zurückgehen, öffnen Sie erneut die Entwicklertools.
Gehen Sie hier zum Netzwerk.
Lassen Sie uns dies etwas kleiner machen, wenn ich auf Senden klicke.
Schauen Sie sich das in meinem Netzwerk an, Sie sehen, dass wir das Simit-Formular haben. Wenn ich darauf klicke, bekomme ich die Antwort,
die das Formular gesendet hat.
Und wenn ich zu den Headern gehe, sehen Sie, dass ich eine Post-Methode gemacht habe, weil ich das gesagt habe.
Das wird sein, dass ich Daten an den Server schicke.
Sie werden sehen, dass der Inhaltstyp Anwendung X ist, bilden Sie Ihre URL und codieren Sie sie.
Dies ist nur ein Standarddatentyp, den wir senden können.
Wenn wir verwenden.
Das Formular-Tag in HTML, aber darüber müssen wir uns keine Gedanken machen, da wir jetzt Zugriff auf die Daten haben.
Das hat der Benutzer gesendet.
Im nächsten Video werden wir also versuchen, die Daten, die ich an den Server gesendet habe, zu erfassen und
mit unserem Python-Code tatsächlich auszulesen.
Ich schaue im nächsten mal vorbei.