Bentornato in questa lezione, continueremo con l'app del campo e aggiungeremo la funzionalità o
la possibilità per un utente di inviare un nuovo campeggio.
Quindi ci sono alcune cose che dobbiamo fare.
Il primo è quello di impostare la rotta postale che effettivamente creiamo il nuovo campeggio aggiunto
alla matrice.
Quindi dobbiamo aggiungere nel parser del corpo e assicurarci che sia importato correttamente e configurato e quindi abbiamo altri
due passaggi qui che riguardano la creazione del modulo e la creazione del percorso per il modulo in cui
un utente può andare a inviare effettivamente quella richiesta POST.
Quindi ci arriveremo.
Iniziamo impostando il percorso postale.
Quindi sono ancora in V-1 e aprirò in realtà sì un annuncio nella nostra bozza di post e lo farò
semplicemente in fondo e salirò post e invece di fare qualcosa come il nuovo campeggio di Slash o il campeggio
in aggiunta, sto andando a fare campeggio nei campi.
Quindi è esattamente lo stesso di RL Come abbiamo per il nostro percorso Ottieni, ma ci sono percorsi completamente diversi perché uno
è un GED e uno è un post e io non sto solo facendo questo per dimostrarti che in effetti possiamo
avere lo stesso ufficio con un metodo di richiesta diverso e ci sono in realtà percorsi diversi.
Sì, questo è parte di esso.
Questo in realtà fa tutto parte di una convenzione per il modo in cui chiamiamo le rotte.
Abbiamo molta libertà nel modo in cui chiamiamo.
Ma in realtà c'è una convenzione chiamata resto e torneremo su questo nei
prossimi video.
Ma tutto ciò che voglio dire al riguardo è che per fare in modo che i nostri
percorsi seguano questa convenzione chiamata riposo quando abbiamo una pagina che mostra tutti i campeggi che dovresti essere dei campeggi.
un percorso in cui possiamo creare un nuovo campeggio, dovrebbe essere lo stesso che taglia il campeggio.
Quando abbiamo una pagina o
Ma dovrebbe essere una richiesta di posta.
Quindi questa è una convenzione è un formato che seguiremo se lo faremo per un amico.
Avremmo amici di Slash che mostrerebbero tutti gli amici e taglieranno gli amici mentre un post è dove inviamo
una richiesta di posta per fare un nuovo amico.
Quindi faremo molta più pratica con questo.
Questa è solo la primissima introduzione ad esso.
realtà sette percorsi diversi che sono riposanti che seguono questa convenzione di riposo che vedremo più avanti.
Ma ci sono in
Quindi all'interno di qui ciò che vogliamo fare è due cose che vogliamo ottenere dati dalla
forma e aggiungerci a un array di campi e quindi vogliamo anche reindirizzare l'accesso alla pagina dei campeggi su questa rotta.
Quindi abbiamo impostato il post ACT UP e possiamo sempre fare solo un punto rosso per mandare qui si preme il percorso postale e
poi possiamo testarlo con il postino.
Quindi mi limiterò a copiare l'euro qui per tornare al postino e il percorso che stiamo testando è il taglio dei
campeggi come post non un get se lo abbiamo fatto come richiesta get.
nostri server non hanno avviato l'H Tim L e la SS che vediamo qui è la pagina di errore.
In realtà non importa perché i
Questa pagina di errore che ci fornisce il cloud 9.
Quindi abbiamo bisogno di avviare il server.
Ora, se torniamo indietro e facciamo la stessa richiesta GET, vedremo la lista con le immagini e le H.
E se facciamo una richiesta di posta, dovremmo solo ricevere un piccolo messaggio che dice che hai colpito la bozza del post.
OK, quindi tutto ciò che faremo con il postman ci dimostra che funziona come post-route e che cosa
faremo dopo è installare il parser del corpo.
dash di body dash e poi lo importeremo qui con le parti del corpo uguali che richiedono parser body e pars.
Quindi dobbiamo fare in modo che NPM esegua il dash del dasher del
E poi dobbiamo dire express per usare parser poddy.
Quindi lo faremo usando il parser Oddy e poi dovremo anche fare il punto euro non patinato e poi passare un oggetto
e tutto ciò che dobbiamo fare è aggiungere il Colan esteso vero.
Ricorda che questa è una linea che vedrà tutto il tempo che puoi semplicemente abituare
a memorizzarlo o semplicemente copiarlo e incollarlo e salverà.
E ora abbiamo le parti del corpo impostate e possiamo dire se funziona solo correndo dietro di noi e
se non riceviamo un errore, siamo a posto.
Ora concentriamoci sul modulo.
Quindi, prima di quello che ti avevo mostrato, è l'app degli amici in cui avevamo il modulo sulla stessa pagina dell'elenco degli
amici, ma non è questo l'approccio che avremo qui.
Piuttosto avremo una pagina e una rotta separate che mostreranno effettivamente il modulo.
Sarà la forma per fare un nuovo campeggio.
E poi si invia il modulo che invia una richiesta di posta per tagliare il campeggio come un
post e poi siamo reindirizzati ai campeggi.
separato e possiamo semplicemente farlo in fondo qui o in mezzo non importa davvero ottenere.
Quindi faremo una pagina separata per fare ciò abbiamo bisogno di un percorso
E questo sarà tagliato di nuovo nei campeggi.
E ancora questo potrebbe essere tutto ciò che vogliamo, ma questa è la convenzione riposante.
Quindi questo è il terzo di quei nomi convenzionali.
arrivo dovrebbe mostrare tutti i campeggi slash campeggi come un post è il percorso in cui è
possibile creare un nuovo campeggio e poi tagliare il campo nuovo slash dovrebbe mostrare il modulo che
invierà i dati a questo percorso così via facciamolo capire e tutto ciò che deve fare è rendere un modulo che non
abbiamo bisogno di passare in nessun dato o altro, quindi faremo solo un rendering rez e il modulo chiamerà solo quello nuovo.
Il primo è stato il campeggio slash come un
Sì, proprio così.
E sicuro.
Ora torniamo qui nella nostra directory delle visualizzazioni, creeremo quel modello.
Quindi le visualizzazioni touch si aprono nuove.
Sì.
E poi apriremo quel modello e all'interno del modello aggiungiamo.
avere metodo e ricordare il metodo dovrebbe essere post e l'azione dovrebbe essere slash campeggi che è la strada Qui.
E ognuno che dice Crea un nuovo campeggio e poi aggiungeremo in un tag form in questo
tag modulo dobbiamo agire e abbiamo bisogno di
Apt up campeggi post slash.
Quindi questo è dove otterremo i dati del modulo e aggiungeremo alla matrice dei campeggi.
E dentro abbiamo bisogno di due input diversi.
Quindi il primo è di tipo perché il testo e il segnaposto saranno solo nomi.
E il secondo farà segnaposto è immagine che rl.
name su entrambi questi nomi così e questo sarà essere uguale al solo nome.
E facciamolo così e lo manterremo come Typee per andare al testo e poi avremo bisogno del nostro pulsante in basso e
qui per dire submit e save e quindi avremo anche bisogno dell'attributo
E qui avremo il nome è uguale all'immagine e usiamo questo attributo nome invece del nostro percorso per
prendere i dati dalla richiesta Abati.
Prima di farlo.
Assicuriamoci che questo modulo sia visualizzato correttamente.
Quindi iniziamo il server e per visitare questo percorso dobbiamo andare a tagliare i campeggi
nuovi e ottenere la nostra forma eccellente.
Non riceviamo alcuno stile di bootstrap.
Non sembra molto ma non lo stiamo ottenendo perché non abbiamo incluso i nostri layout.
Non abbiamo l'intestazione e il piè di pagina in modo che possiamo anche.
Quindi aggiungiamo anche che includiamo lo slash Hetter di Parshall e poi copiamo questa riga qui sotto e includiamo il
piè di pagina di Parshall.
Riavvia il server torna indietro.
Ora otteniamo il bellissimo bootstrap e abbiamo anche il file di intestazione e poi il nostro footer.
significa che il nostro codice invia un modulo di richiesta post per tagliare i campeggi.
E possiamo testare questo per vedere se sta andando sulla strada giusta o semplicemente digitando qualcosa qui e premendo invio e otteniamo
di colpire la rotta postale, il che
E stiamo sistemando questo codirosso.
Ma piuttosto che inviare questo, in realtà vogliamo aggiungere la logica per farlo funzionare.
E ricorda di prendere i dati dal modulo che usiamo per richiedere il corpo e poi abbiamo
richiesto il nome di bodycam e richiesto l'immagine del corpo e li salverò su una variabile.
Nome finora e immagine var.
E poi quello che vogliamo fare è spingere un nuovo campeggio nel nostro schieramento qui.
E per farlo funzionare dobbiamo spostarlo in modo che non sia all'interno dell'app.
Prendiamolo sopra e non è dove rimarrà.
Ricorda che ci stiamo trasferendo in un database molto presto.
Ma per ora lo stiamo posizionando in alto in modo che possiamo accedervi all'interno di questa rotta postale.
Nella funzione di callback.
Quindi stiamo andando a spingere un nuovo campeggio nell'arena del campeggio.
Quindi il campeggio ha messo su spinta e abbiamo bisogno di inserire un oggetto.
Quindi realizzerò quel nuovo oggetto con una variabile.
Quindi lo chiamerò var nuovo campeggio.
È un oggetto e abbiamo il nome uguale al nome e l'immagine è uguale all'immagine solo per abbinarci questo formato
qui o abbiamo il nome e l'immagine e quindi l'ultima cosa che dobbiamo fare è spingere il
nuovo campeggio proprio come tale.
E poi reindirizziamo alla pagina del campeggio.
Così sarà.
Reindirizzamento RAZ per tagliare i campeggi e sì, dobbiamo tagliare i campeggi.
Ma quando eseguiamo un reindirizzamento, l'impostazione predefinita è il reindirizzamento come richiesta get.
Quindi salveremo e proviamo
testiamo il ritorno, aggiungiamo un nuovo campeggio.
Chiameremo solo questa montagna daisy e abbiamo bisogno di un'immagine che io ti copro solo qui.
Torna indietro.
Hit invia.
E per sapere se ha funzionato, dobbiamo scorrere verso il basso e andare avanti.
Bella montagna Daisy.
Vista piuttosto sbalorditiva.
Torniamo indietro e esaminiamo alcune cose.
C'è molto che abbiamo fatto.
La prima cosa che voglio sottolineare sono le rotte che abbiamo fatto.
Quindi ora abbiamo un campo tagliato che ci mostra tutti i campeggi che abbiamo in campeggio
lo stesso ufficio.
Ed è qui che effettivamente facciamo la logica di creare un nuovo campeggio e poi ridirigere il campeggio.
E poi ci sono i campeggi Amtrak tagliati di nuovo.
E quello mostra la forma.
Quindi ricorda che i campeggi mostrano nuovi spettacoli nel modulo che invia una richiesta di posta per tagliare i campeggi che poi
a loro volta ci reindirizzano verso i campeggi che arrivano e che poi ci mostreranno tutti i
campeggi usando il modello del campeggio.
È decisamente un po 'complicato.
Ci sono molti pezzi in movimento, ma questa è una ricetta che seguiremo molto.
Quindi abbiamo un modulo da inviare per inviare richieste da qualche parte.
E poi all'interno di quel percorso postale prendiamo i dati del modulo.
Facciamo qualcosa con esso e poi reindirizziamo da qualche altra parte.
Quindi è davvero tipico per una rotta postale per reindirizzare a un'altra rotta.
L'ultima cosa che dovremmo fare è aprire il modello dei campeggi.
Quindi faremo C9 usare il campeggio slash e aggiungeremo semplicemente un link in alto per renderlo un
tag ancorato per iniziare un campeggio Tref uguale a slash nuovo e quel testo interno sarà aggiungere un nuovo campeggio
proprio così e salveremo.
E poi possiamo riavviare il server e tornare qui alla pagina di destinazione o alla pagina dei campeggi mi
scusi e abbiamo aggiunto un nuovo campeggio.
Cliccaci sopra e arriviamo alla pagina dei campeggi e poi possiamo aggiungere il nostro nuovo campeggio.
Dovremmo anche aggiungere un pulsante indietro in modo che possiamo tornare a visualizzare tutti i campeggi.
Quindi sul nuovo modello in basso includeremo solo il nostro tag di ancoraggio qui.
Una bozza dovrebbe essere uguale a Slash Campground e questo dirà solo indietro o riavvia il server.
Un'ultima volta è tornata fresca in un nuovo campeggio.
OK, così ora abbiamo il collegamento impostato correttamente nel prossimo video.
Ci concentreremo su alcuni stili di base.