Ben tornato.
Quindi questo video è una continuazione dell'ultimo video in cui abbiamo fatto una panoramica concettuale di questa app per la demo
di cani e abbiamo parlato del TO GET route di richiesta.
Quindi, ancora una volta per reiterare la stessa aspettativa di applicare.
Non devi capire il 99 percento di questo codice se puoi semplicemente considerare le cose come blocchi concettuali
e puoi capire che questo codice qui è responsabile per il percorso dei cani e in qualche modo ti rimanda a una pagina
che ha un gruppo di cani su esso.
Questo è tutto ciò che devi sapere per ora.
Lo stesso vale per i nuovi concetti.
Impareremo in questo video.
L'attenzione non è sulla sintassi ma sui concetti.
Quindi qui c'è una terza via che non ho menzionato nel primo video ed è leggermente diversa
in quanto è un percorso postale.
Quindi, questo codice qui verrà eseguito solo quando un utente fa una richiesta POST per tagliare dog dog.
E solo per fare jogging nella memoria, un utente non può effettuare una richiesta POST digitando qualcosa in te o Albar.
nove nove nove percento delle volte che faranno una richiesta POST è attraverso un modulo.
Novantanove virgola
Quindi lo vedremo in azione tra poco.
Ma posso anche dimostrare di fare una richiesta POST tramite postino.
Quindi, postare le richieste per creare dog dog.
E quello che farà è che prenderà il nome nella razza che inviamo nella richiesta che è
ciò che sta accadendo proprio qui nome è richiesta up nome del corpo richiesta di razza up corpo outbreed.
Quindi in qualche modo nella richiesta c'è un nome e una razza in questa cosa chiamata corpo e la stiamo usando per
fare un nuovo cane.
E poi reindirizziamo l'utente ai cani slush come richiesta get che eseguirà tutto questo codice
che troverai tutti i cani e renderizzi la pagina dei cani.
Succedono un sacco di cose.
Cominciamo dall'inizio inviando una semplice richiesta di posta per creare dog dog.
Quindi andiamo al postino e lo cambierò al post e poi avremo bisogno di cambiare il
percorso per essere localhost 3000 slash create dog e dobbiamo assicurarci che il server stia ancora andando OK quando
lo è.
send dove non manderemo un nome e una lettura e vedremo cosa succede.
E poi possiamo iniziare premendo semplicemente
Quindi, se guardi cosa abbiamo indietro, è la stessa pagina dei cani dove Rustie ha deciso perché è Daisy Sitka.
E poi c'è anche un cane vuoto senza nome e senza razza.
E se vado qui al mio browser e mi rinfresco, faccio un'altra richiesta di tagliando i cani che attiverà il
codice che recupera tutti i cani dal database e fa un po 'di live per ognuno.
Puoi vedere infatti che abbiamo un cane vuoto nel database e questo perché non abbiamo inviato alcun dato.
Non abbiamo inviato un nome e una razza con cui rendere il nostro nuovo cane.
Quindi erano vuoti e il nostro codice ha appena creato un cane vuoto e lo ha salvato nel database.
Quindi, per inviare i dati con il postino, possiamo andare al corpo e poi possiamo semplicemente scrivere alcune cose da aggiungere
al corpo.
Quindi vogliamo un nome per essere Charlie e leggere e il valore di Breede sarà laboratorio proprio così.
Questo è tutto ciò che dobbiamo fare attraverso il postino per fare una richiesta di posta che ha nome e razza all'interno del
suo corpo.
E colpirò send.
Ora vedrai la risposta che otteniamo.
Sono di nuovo tutti i cani questa volta alla fine.
Abbiamo Charlie come laboratorio.
E se mi rinfresco qui faccio un'altra richiesta, ottengo tutti i cani.
Charlie è stato aggiunto.
Ricapitoliamo tutto in 30 secondi qui.
Quindi faccio una richiesta di post per creare un altro tipo di richiesta.
E nella richiesta del corpo che è qui, aggiungo nome e allevo Charlie e lab.
E poi premo invio e poi nel mio codice sul server è in attesa di una richiesta di posta per tagliare il cane.
non faccia il nome e chieda a qualcuno di uscire che sono le due cose che abbiamo mandato con il postino.
E crea un cane con la richiesta che qualcuno
E poi, dopo aver creato il cane, ci reindirizza a tagliare i cani, quindi non ci invia una pagina o una qualsiasi
età per lui.
In realtà esegue il codice nei cani da taglio proprio qui che poi trova tutti i cani incluso il nuovissimo
che abbiamo appena creato.
Charlie o nel caso precedente era un cane vuoto senza nome e senza razza.
Li recupera tutti e quindi restituisce il modello di quel cane che abbiamo visto.
E per ognuno ci rende piccoli alleati.
Succedono un sacco di cose.
Sta ascoltando una richiesta POST.
Aggiunge un nuovo cane a un database e ci sta reindirizzando per tagliare i cani.
Ora parliamo di come possiamo farlo con un modulo.
Ricorda che non possiamo fare una richiesta POST premendo enter nella barra ma possiamo crearne una usando un modulo.
Quindi aggiungerò un modulo solo ai miei cani.
Sì.
In fondo.
Sto solo facendo un tag form e ci sono due parti in un modulo che ora avranno più senso ne abbiamo parlato
quando introduco le forme in origine ma non hai molto contesto per capire cosa
volessero dire.
Quindi questi due attributi sono azione e metodo.
Quindi inizierò con il metodo.
Stiamo facendo una richiesta per posta e spesso la vedi anche in maiuscolo.
Non importa.
E poi l'azione è dove stiamo facendo una richiesta di posta che è solo una striscia di creare cane.
Quindi, ogni volta che questo modulo viene inviato invierà una richiesta di post per creare un cane, che è quello che ci aspettiamo
qui.
La richiesta POST crea dog eseguirà questo codice.
Quindi dobbiamo aggiungere i nostri input.
Quindi avremo due input.
Digita il testo uguale a entrambi in questo modo e il titolare fuori sede per questo che dice solo
il nome.
E poi il prossimo sarà per la razza.
E l'ultima cosa che faremo è avere un tipo di input chiamato submit che sarà il nostro pulsante e
se aggiorniamo la pagina ora abbiamo un modulo ma c'è un problema.
Se lo compilo
Quindi aggiungiamo un altro cane qui Skittles che può essere un barboncino quando premo invio invierà una richiesta di posta
per creare dog dog.
Ma attenzione quando lo faccio, finiamo con un cane vuoto.
E questo perché anche se ho due input non ho detto al browser quale sia il nome di
questi input.
E questo deve essere chiamato nome che è un nome un po 'confuso perché nome e questo ha
bisogno di essere allevato e così fa un segnaposto.
Quindi, ora quello che abbiamo fatto è aggiungere questo attributo del nome che abbiamo detto al browser quando l'utente ha inviato
questo modulo per inviare una richiesta di post per creare un cane con due pezzi di dati.
Il nome dovrebbe essere uguale a qualsiasi cosa in questo input e razza è uguale a qualsiasi cosa sia in questo input pure.
Trascorreremo un sacco di tempo a scrivere moduli e a gestire i diversi attributi.
Quindi non farti coinvolgere da questo.
Ma ciò che è importante ora è che stiamo aggiungendo dati al corpo.
E se aggiorno e aggiungo Skittles che è un barboncino e ora ho inviato, puoi vedere che ha
inviato una richiesta di post e puoi vederlo qui per creare un cane.
E poi quello che è successo è che invece di creare un cane proprio qui ha creato un cane con i dati
dalla forma il nome e la razza.
E poi, dopo aver creato quel cane e aver salvato il database, non importa quanto funzioni.
Ma funziona e basta.
Poi reindirizziamo al taglio dei cani, motivo per cui in realtà è stampata una seconda piccola cosa che dice che è
stata fatta una richiesta per tagliare i cani anche se in realtà non ho premuto invio.
Quello che è successo è quando ho fatto una richiesta per creare il cane come post alla fine di ciò
che effettivamente fa un'altra richiesta per farmi tagliare i cani.
E poi quello trova tutti i cani e poi rende il modello di cani che vediamo qui e poi otteniamo il
modulo in basso e tutte le bugie del cane.
Ed è per questo che lo vediamo qui.
Quindi se presti molta attenzione a questa icona proprio qui vedrai in effetti un altro cane di nome
Snicker che è in armonia con il tema delle caramelle e anche le snickers possono essere un laboratorio.
Quando premo invio.
Guarda questo da vicino.
Sarà molto veloce.
Ma è cambiato solo per un istante.
E questo è importante perché mostra che quando faccio una richiesta in realtà mi porta via
da questa pagina e poi ci stiamo reindirizzando qui semplicemente super veloce, quindi non stiamo solo su questa
pagina per tutto il tempo che ci porta via per un istante e poi ci reindirizza e ci mostra questo contenuto
e questo è ciò che sta accadendo qui.
Quando fai una richiesta per creare un cane, allora ci indirizza verso il taglio dei cani.
E poi all'interno dei cani ci rende il modello del cane che è come vediamo tutto questo nel browser.
OK.
Quindi abbiamo coperto molto lì.
Lasciatemi solo sottolineare le parti importanti.
Uno è che all'interno del nostro codice server possiamo distinguere tra una richiesta get e una richiesta post e possiamo
fare un codice diverso a seconda di cosa accadeva quando e ricordare un get è recuperare informazioni e
un post è aggiungere o inviare informazioni che è cosa stiamo usando per.
Slash crea dog come post è come puoi creare un nuovo cane.
E ci sono due cose che devono essere nel corpo della richiesta il nome e la razza.
E se non ci sono, farà un cane vuoto.
Ma qualunque sia il tipo di cane che fa, ci reindirizza a tagliare i cani che poi esegue tutto questo codice.
E l'altra cosa importante è che quando inviamo questo c'è un aggiornamento istantaneo.
È davvero molto veloce ma è ancora un aggiornamento dove stiamo facendo una richiesta da qualche altra parte.
Proprio come se l'avessi fatto e ho premuto Invio, stiamo facendo un'altra richiesta.
Stessa idea qui.
Quando premo invio.
Continua a guardare qui fa una richiesta ogni volta.
Quindi questo è tutto ciò di cui voglio parlare attorno a questa introduzione, due server e due percorsi e HTP.
Abbiamo finito per ora.
Quindi ci concentreremo su come impostare il nostro ambiente di sviluppo e installare tutti gli strumenti necessari
in modo che possiamo iniziare a scrivere codice come questo.