Va bene, gente, sarà davvero, davvero divertente.
Creeremo una pagina di contatto effettiva in cui gli utenti possono inviare informazioni di contatto e inserire un messaggio
in modo che possano contattarti online.
Ora, se andiamo alla Guida rapida su Flask e andiamo ad accedere ai dati della richiesta, questo mostra
effettivamente come gestirlo.
E proprio qui nell'oggetto request c'è il codice che ci permette di prendere effettivamente le informazioni dal browser.
Ora ci sono anche cose come il caricamento di file in modo che possiamo convincere le persone a caricare i propri file e inviarli
effettivamente al nostro server.
Ma per ora, concentriamoci solo su questo.
Voglio prima copiare il codice e poi parleremo di cosa sta succedendo.
Andiamo al nostro server, DCPI, abbiamo le nostre radici di base proprio qui e aggiungiamone un altro.
Come questo.
Ora, l'unica cosa che mi interessa in questo momento è.
Questa parte qui, voglio creare un nuovo percorso che chiamerò per ora il modulo di invio, e questo è qualcosa che
dovrà effettivamente creare.
Avrà il post di Method e get e ancora, questo è solo il get predefinito significa che il browser vuole
che inviamo informazioni post significa semplicemente che il browser vuole che salviamo le informazioni, ma per ora non ci
preoccuperemo di questo.
Vogliamo anche definire una funzione chiamata submit form.
E infine.
Voglio solo restituire per ora un modulo inviato il suo messaggio.
Quindi questo è il nostro endpoint del modulo di invio.
Ma non sta facendo nulla in questo momento, non lo chiameremo mai sul front-end del browser.
Quindi come possiamo farlo funzionare?
Bene, andiamo all'e-mail di contatto e scopriamo quando clicchiamo sul pulsante cosa succede.
E in effetti, cerchiamo solo di cercarlo, se vado alla pagina del titolo, vedi che abbiamo il pulsante di invio.
Quindi, quando premiamo invio, idealmente inviamo alcune informazioni al server.
Quindi diamo il comando F e cerchiamo l'invio.
E guarda questo, sembra che sia qui, facciamolo un po'.
Più grande così, così vediamo cosa sta succedendo.
Vediamo che abbiamo un pulsante di tipo invia e questo è il pulsante che stiamo facendo clic per inviare.
Quindi è sulla linea settantaquattro.
Ora, qui in alto, vediamo che abbiamo qualcosa chiamato forma.
E con la forma, abbiamo un'azione che possiamo intraprendere, questo è HMO standard.
Quando è stato creato HMO, l'idea era quella di visualizzare le pagine, ma anche utilizzando questo modulo, essere in grado di inviare
dati al server.
E lo facciamo usando questo attributo di azione.
E qui dentro possiamo mettere post o ottenere.
E se ricordi, è esattamente quello che abbiamo qui.
Questo endpoint sarà in grado di accettare metodi, get o post.
Ora, non abbiamo bisogno di entrare nei dettagli di cosa get contro postie, ma un buon modo di
pensarci è che possiamo inviare dati con get semplicemente allegando le informazioni all'URL.
Qui, ma idealmente, non vogliamo inviare e-mail e messaggi alle persone nell'euro.
Idealmente, vogliamo inviarlo a qualche ente fiscale che non è così chiaro e ovvio.
Quindi, nel nostro caso, useremo post e ti mostrerò come funziona.
Quindi avremo un'azione qui che è post.
Ora, il modo in cui funziona effettivamente è che dovremo chiamare il modulo di invio, che, tra l'altro, è quello che
sarà il nostro punto finale, in modo che con il modulo quando clicco.
Invia qui, eseguirà questo, essenzialmente stai inviando il modulo con un metodo.
Questa è posta.
Quindi il modulo di invio dell'azione verrà pubblicato quando clicco su Invia.
Salviamo questo e ricontrolliamo che funzioni, quindi dirò invia il modulo qui, salverò
e per ora restituirò il modulo inviato.
Se torniamo indietro e scriviamo solo un po' di incomprensioni.
Aggiorniamo effettivamente, assicurati che sia nuovo se clicco su invia.
Guarda questo, ricevo il modulo inviato, giusto, e vedi che il punto finale qui è l'invio del modulo.
Questa era l'azione che abbiamo aggiunto nell'Alpha.
Ancora una volta, se torniamo indietro, apri gli strumenti per sviluppatori.
Vai alla rete qui.
Se clicco su invia, lo rendiamo un po' più piccolo.
Guardalo nella mia rete, vedi che abbiamo il modulo simit, se clicco su di esso, ottengo la risposta che
è il modulo inviato.
E se vado alle intestazioni, vedi che ho fatto un metodo post perché è quello che ho detto.
Questo sarò io a inviare dati al server.
Vedrai che il tipo di contenuto è l'applicazione X, forma il tuo URL e codificalo.
Questo è solo un tipo di dati standard che possiamo inviare.
Quando usiamo.
Il tag form in HTML, ma non dobbiamo preoccuparcene perché ora abbiamo accesso ai dati.
Che l'utente ha inviato.
Quindi, nel prossimo video, cercheremo di acquisire i dati che ho inviato al server e di leggerli effettivamente
con il nostro codice Python.
Vedrò nel prossimo da.