Ben tornato.
In questo video ti mostreremo come creare una semplice applicazione molto semplice e l'obiettivo qui
è quello di mostrarti come funzionano le richieste POST ed esprimere come creiamo percorsi che ascoltano le
richieste post e come possiamo testare con il postino e poi vedere come possiamo scrivere un modulo su un modello espresso
diverso e fare in modo che tale modulo faccia una richiesta POST alla nostra app express.
Quindi, come ho detto, creeremo una semplice applicazione insieme e inizierò da
zero e installerò e includerò Express.
E poi inizieremo la vera logica applicativa.
Quindi inizierò ora e creerò una nuova directory che chiamerò CD demo
post richiesta e eseguiremo l'NPM al suo interno e inseriremo appena alcune volte il punto di inserimento.
OK.
Eccoci.
Abbiamo il nostro pacchetto che Jason ora installa il cruscotto rapido.
E mentre siamo qui, installiamo NPM. J. s pure e salva quello.
OK.
Ora creiamo la nostra app.
Sì.
E poi lo apriremo e aggiungeremo il nostro codice di base di cui abbiamo bisogno.
Quindi lo importeremo con require e quindi creeremo una variabile app dove eseguiamo.
EXPRESS E mentre siamo qui faremo anche l'app per impostare il tuo motore come Ejay Sì e lo salverò.
E poi facciamo anche il nostro apt ascolti in basso invece di qui, lo elaboreremo.
E abbiamo capito.
E per elaborare ENFP IP e la nostra funzione di callback.
E infine farò un semplice venire al server di log avviato.
OK.
Quindi abbiamo questo set up.
Ora creiamo la nostra
rotta bruta proprio così e ci limiteremo a rendere un template per ora il rendering del ristorante chiamato home proprio
così e salvare.
Ora facciamo questo modello.
Quindi abbiamo bisogno di una directory usata per creare viste di directory e devi toccare la barra delle viste delle tue home page.
Sì.
E poi apri quel file e all'interno di lì faremo un semplice H-1 che dice la home page proprio così e faremo
in modo che funzioni.
Quindi eseguiamo il nodo Apalachee, torniamo qui, aggiorniamo e otteniamo la pagina iniziale.
OK, quindi abbiamo impostato lo scheletro di base che abbiamo incluso, incluso Ejaz incluso.
Abbiamo impostato il motore di visualizzazione predefinito e abbiamo la nostra rotta.
L'app che stiamo per fare è fondamentalmente un elenco di amici o amici che puoi quindi
inserire e attraverso un modulo puoi aggiungere un nuovo amico al tuo elenco.
contatti o cani, solo qualcosa che avremo una lista di quella che possiamo quindi creare una nuova usando un modulo.
E questo potrebbe essere qualsiasi cosa di amici o di cose da fare o
Quindi faremo degli amici e aggiungeremo in app e otterremo amici slash e questa sarà la pagina del
modello che mostra una lista di amici.
E invece di qui faremo un rendering redstart e lo chiameremo semplicemente amici e ora abbiamo bisogno
di creare quel modello.
Quindi faremo touch views slash friend che ci fanno Ejay e quindi apriamo quel file proprio così.
E all'interno di qui aggiungeremo un altro H-1 elenco di amici giusti va qui e noi eseguiremo il nostro server
assicurarsi che funzioni.
Se andiamo a tagliare amici, la lista degli amici va qui.
OK.
Quindi quello che faremo è visualizzare un elenco di amici.
E quindi abbiamo bisogno di creare quella lista.
Abbiamo bisogno dei dati.
Quindi creerò una serie di nomi di amici e sarà molto
semplice, solo che amici lontani sono uguali e aggiungeremo solo alcuni nomi qui come Tony, Justin Pierre e Lilly.
OK.
Quindi abbiamo una schiera di amici e poi passeremo quella serie di amici al
nostro modello di amici, dove passeremo e visualizzeremo ogni amico come elemento della lista.
Quindi dobbiamo passarlo.
Ricorda che è un oggetto e abbiamo due cose da fare.
Abbiamo bisogno di dargli un nome o una proprietà che useremo per cercarlo nella vista che chiamerei semplicemente amici e
i nostri dati che stiamo trasmettendo come anche amici che è fonte di confusione quando stai appena
iniziando .
quello che vedrai più spesso dove usi lo stesso nome ma ricorda che questo può essere qualsiasi cosa.
Ma questo è
E questo si riferisce alla nostra serie di amici qui.
OK, quindi ora andiamo al modello di studio genio amico e aggiungere nel nostro ciclo e ho intenzione di fare un
per ciascuno.
Quindi scriverò il javascript normale senza parentesi senza l'Ejay.
Quindi abbiamo amici per ogni funzione e la nostra funzione avrà parametri di amici lì e quindi avremo le parentesi graffe
di chiusura di apertura proprio così.
E invece di qui, quello che faremo è un alleato per ognuno che dice che ho un amico proprio così.
Ora torniamo indietro e aggiungiamo le frasi che non abbiamo bisogno di un segno di uguale o ricordiamo che è solo per la logica.
Non vogliamo che nulla si presenti su queste due linee.
Così abbiamo fatto e se salviamo e aggiorniamo dovremmo vedere un alleato che dice che ho un amico per
ogni amico in quella lista e proviamo a fare in modo di non avere errori.
Aggiorna la pagina e otteniamo 5 voci di elenco che dicono che ho un amico.
Ora torneremo di nuovo e invece di dire che ho un amico, in realtà stampiamo il
nome dell'amico.
bisogno del segno di uguale perché vogliamo che il valore valutato sia aggiunto al team stesso qui.
Quindi questa volta abbiamo
Vogliamo che sia sostituito con il valore di un amico che viene da qui nel nostro per ciascuno.
Di nuovo questo può essere qualsiasi cosa.
Chiamalo come vuoi x.
E se mettesse X qui funzionerà.
Quindi lascia che ti mostri questo aggiornamento e riceviamo i nostri cinque amici e poiché X è un
nome di variabile terribile molti tornano ad un amico proprio così per riavviare il server.
Ancora una volta e non vedi nulla cambia.
OK, quindi abbiamo questa lista di amici.
Ora quello che faremo è parlare dell'impostazione del percorso postale.
L'obiettivo alla fine è avere un modulo in fondo a questa pagina e possiamo digitare un nome in
quel modulo e premere il pulsante di invio e aggiungerà un nuovo amico alla nostra lista.
Quindi inseriremo un nuovo nome nell'array Friends e quindi renderizzeremo di nuovo questo modello che aggiungerà un nuovo
punto elenco e una nuova voce di elenco per l'amico appena aggiunto.
dati e vogliamo aggiungerli al database se stiamo registrando un utente o stiamo creando un nuovo commento o
creando un nuovo post o in questo caso un nuovo amico un percorso postale.
Dobbiamo iniziare impostando un post-road e ricordare che utilizziamo un post Strout ogni volta che aggiungiamo dati a qualcosa
quando inviamo i
È ciò che ha più senso anche se non è l'unica opzione.
Per ora lo tratteremo come se fosse l'unica opzione.
Quindi, è solo per il recupero delle informazioni e un post è per l'invio di nuovi dati da aggiungere o
da utilizzare in qualche modo sul lato server.
E tutto ciò che dobbiamo scrivere è apt up post e il nome della route chiamiamolo aggiungere friend
proprio così e sembra lo stesso con la richiesta e la risposta e lo lasceremo per ora.
E dentro faremo solo un riposino send Non faremo un template solo con punti RES.
Hai raggiunto la rotta postale proprio così.
Quindi ora vediamo se possiamo attivarlo se riusciamo a colpirlo aggiungendo un amico come post richiesta usando il postino.
Quindi ho intenzione di prendere questo URL e copiarlo su postino e dove vogliamo fare una richiesta.
Possiamo iniziare semplicemente facendo amicizia con sosh come richiesta di ottenere e vedremo che torneremo a far parte di ogni
squadra con i cinque amici.
Ma ora facciamo una richiesta per posta e ce la stiamo facendo per tagliare l'aggiunta di un amico.
E ora se inviamo una richiesta di posta, otteniamo un messaggio che non è possibile aggiungere un amico e questo è per un motivo sciocco.
Abbiamo bisogno di riavviare il server ogni volta che aggiungiamo una nuova rotta.
E ora se torniamo indietro e mandiamo di nuovo la richiesta, riceviamo un messaggio.
Hai raggiunto il percorso postale.
Quindi stiamo inviando richieste post e lo stiamo facendo tramite postino piuttosto che usare un modulo
ma è la stessa idea esatta.
Funziona allo stesso modo.
Inviamo una richiesta di posta elettronica e questo codice viene eseguito proprio qui.
OK, la prossima cosa che vogliamo fare è usare un modulo per inviare quella richiesta.
Quindi andrò dagli amici a studiare ogni pagina e in fondo un sacco di moduli e questo
modulo si sottometterà a quella rotta.
Quindi ricorda che ci sono due attributi importanti.
C'è azione e quindi metodo.
Quindi iniziamo con il metodo.
Vogliamo inviare una richiesta di posta e l'azione è che tu sei un tutto che è slash e amico.
E ancora questo deve corrispondere a questo tasso qui.
Slash aggiungi un amico come post.
Tutto ok.
E invece di qui avremo un singolo tipo di input uguale al testo e quindi vogliamo anche avere un segnaposto che
dice il nome o qualunque cosa vogliamo mettere lì.
Questo è solo il testo segnaposto e poi aggiungeremo anche un pulsante alla fine
e questo dirà solo che ho creato un nuovo amico e l'ho salvato.
E così questo creerà per noi un modulo in questo momento.
il server e torno indietro e aggiorno la pagina ora ho un modulo qui e se lo
ispezioniamo ha quei due attributi in cui abbiamo azione è il metodo ADD amico è post e ha un singolo input.
Se riavvio
E se scrivo qualcosa qui ho fatto un nuovo amico oggi chiamato Bob e loro cliccano.
Ho fatto un nuovo amico.
Puoi vedere che stiamo ricevendo quella risposta.
Hai raggiunto la rotta postale, il che significa che stiamo inviando una richiesta di posta e che la stiamo
inviando nel posto giusto.
Slash aggiungi un amico ma non stiamo facendo nulla in quel percorso.
messaggio e ciò che in realtà vogliamo fare è prendere i dati dal modulo che vuoi portare a Bob.
Oltre a rispondere con questo
E poi vogliamo aggiungerlo alla serie di amici e poi vogliamo che l'utente torni a questa pagina
dove possono vedere Bob come nuovo punto elenco