1
00:00:00,480 --> 00:00:05,460
Bentornato in questa lezione, continueremo con l'app del campo e aggiungeremo la funzionalità o

2
00:00:05,460 --> 00:00:09,070
la possibilità per un utente di inviare un nuovo campeggio.

3
00:00:09,270 --> 00:00:10,990
Quindi ci sono alcune cose che dobbiamo fare.

4
00:00:11,010 --> 00:00:15,540
Il primo è quello di impostare la rotta postale che effettivamente creiamo il nuovo campeggio aggiunto

5
00:00:15,540 --> 00:00:16,130
alla matrice.

6
00:00:16,290 --> 00:00:21,600
Quindi dobbiamo aggiungere nel parser del corpo e assicurarci che sia importato correttamente e configurato e quindi abbiamo altri

7
00:00:21,600 --> 00:00:27,030
due passaggi qui che riguardano la creazione del modulo e la creazione del percorso per il modulo in cui

8
00:00:27,030 --> 00:00:29,760
un utente può andare a inviare effettivamente quella richiesta POST.

9
00:00:29,760 --> 00:00:30,840
Quindi ci arriveremo.

10
00:00:30,840 --> 00:00:32,720
Iniziamo impostando il percorso postale.

11
00:00:32,760 --> 00:00:40,950
Quindi sono ancora in V-1 e aprirò in realtà sì un annuncio nella nostra bozza di post e lo farò

12
00:00:40,950 --> 00:00:49,350
semplicemente in fondo e salirò post e invece di fare qualcosa come il nuovo campeggio di Slash o il campeggio

13
00:00:49,410 --> 00:00:53,380
in aggiunta, sto andando a fare campeggio nei campi.

14
00:00:53,670 --> 00:00:59,550
Quindi è esattamente lo stesso di RL Come abbiamo per il nostro percorso Ottieni, ma ci sono percorsi completamente diversi perché uno

15
00:00:59,580 --> 00:01:05,310
è un GED e uno è un post e io non sto solo facendo questo per dimostrarti che in effetti possiamo

16
00:01:05,310 --> 00:01:09,800
avere lo stesso ufficio con un metodo di richiesta diverso e ci sono in realtà percorsi diversi.

17
00:01:09,810 --> 00:01:10,920
Sì, questo è parte di esso.

18
00:01:10,920 --> 00:01:14,310
Questo in realtà fa tutto parte di una convenzione per il modo in cui chiamiamo le rotte.

19
00:01:14,360 --> 00:01:16,260
Abbiamo molta libertà nel modo in cui chiamiamo.

20
00:01:16,380 --> 00:01:20,580
Ma in realtà c'è una convenzione chiamata resto e torneremo su questo nei

21
00:01:20,580 --> 00:01:21,200
prossimi video.

22
00:01:21,330 --> 00:01:26,370
Ma tutto ciò che voglio dire al riguardo è che per fare in modo che i nostri

23
00:01:27,180 --> 00:01:33,120
percorsi seguano questa convenzione chiamata riposo quando abbiamo una pagina che mostra tutti i campeggi che dovresti essere dei campeggi.

24
00:01:33,120 --> 00:01:38,740
un percorso in cui possiamo creare un nuovo campeggio, dovrebbe essere lo stesso che taglia il campeggio.

25
00:01:39,490 --> 00:01:40,990
Quando abbiamo una pagina o

26
00:01:41,340 --> 00:01:42,780
Ma dovrebbe essere una richiesta di posta.

27
00:01:42,780 --> 00:01:47,370
Quindi questa è una convenzione è un formato che seguiremo se lo faremo per un amico.

28
00:01:47,410 --> 00:01:53,460
Avremmo amici di Slash che mostrerebbero tutti gli amici e taglieranno gli amici mentre un post è dove inviamo

29
00:01:53,460 --> 00:01:56,170
una richiesta di posta per fare un nuovo amico.

30
00:01:56,580 --> 00:01:58,470
Quindi faremo molta più pratica con questo.

31
00:01:58,470 --> 00:02:01,040
Questa è solo la primissima introduzione ad esso.

32
00:02:01,110 --> 00:02:05,940
realtà sette percorsi diversi che sono riposanti che seguono questa convenzione di riposo che vedremo più avanti.

33
00:02:05,940 --> 00:02:07,120
Ma ci sono in

34
00:02:07,470 --> 00:02:16,710
Quindi all'interno di qui ciò che vogliamo fare è due cose che vogliamo ottenere dati dalla

35
00:02:16,770 --> 00:02:29,140
forma e aggiungerci a un array di campi e quindi vogliamo anche reindirizzare l'accesso alla pagina dei campeggi su questa rotta.

36
00:02:30,630 --> 00:02:38,400
Quindi abbiamo impostato il post ACT UP e possiamo sempre fare solo un punto rosso per mandare qui si preme il percorso postale e

37
00:02:38,850 --> 00:02:40,630
poi possiamo testarlo con il postino.

38
00:02:40,770 --> 00:02:47,690
Quindi mi limiterò a copiare l'euro qui per tornare al postino e il percorso che stiamo testando è il taglio dei

39
00:02:48,120 --> 00:02:52,220
campeggi come post non un get se lo abbiamo fatto come richiesta get.

40
00:02:52,460 --> 00:02:57,780
nostri server non hanno avviato l'H Tim L e la SS che vediamo qui è la pagina di errore.

41
00:02:57,780 --> 00:02:59,300
In realtà non importa perché i

42
00:02:59,430 --> 00:03:02,460
Questa pagina di errore che ci fornisce il cloud 9.

43
00:03:02,460 --> 00:03:04,800
Quindi abbiamo bisogno di avviare il server.

44
00:03:05,530 --> 00:03:11,440
Ora, se torniamo indietro e facciamo la stessa richiesta GET, vedremo la lista con le immagini e le H.

45
00:03:11,820 --> 00:03:17,130
E se facciamo una richiesta di posta, dovremmo solo ricevere un piccolo messaggio che dice che hai colpito la bozza del post.

46
00:03:17,360 --> 00:03:22,800
OK, quindi tutto ciò che faremo con il postman ci dimostra che funziona come post-route e che cosa

47
00:03:22,800 --> 00:03:25,140
faremo dopo è installare il parser del corpo.

48
00:03:25,260 --> 00:03:36,600
dash di body dash e poi lo importeremo qui con le parti del corpo uguali che richiedono parser body e pars.

49
00:03:37,230 --> 00:03:43,910
Quindi dobbiamo fare in modo che NPM esegua il dash del dasher del

50
00:03:43,910 --> 00:03:46,190
E poi dobbiamo dire express per usare parser poddy.

51
00:03:46,260 --> 00:03:54,990
Quindi lo faremo usando il parser Oddy e poi dovremo anche fare il punto euro non patinato e poi passare un oggetto

52
00:03:54,990 --> 00:03:59,680
e tutto ciò che dobbiamo fare è aggiungere il Colan esteso vero.

53
00:03:59,980 --> 00:04:04,470
Ricorda che questa è una linea che vedrà tutto il tempo che puoi semplicemente abituare

54
00:04:04,470 --> 00:04:07,290
a memorizzarlo o semplicemente copiarlo e incollarlo e salverà.

55
00:04:07,290 --> 00:04:13,050
E ora abbiamo le parti del corpo impostate e possiamo dire se funziona solo correndo dietro di noi e

56
00:04:13,050 --> 00:04:15,370
se non riceviamo un errore, siamo a posto.

57
00:04:15,390 --> 00:04:17,490
Ora concentriamoci sul modulo.

58
00:04:17,520 --> 00:04:24,180
Quindi, prima di quello che ti avevo mostrato, è l'app degli amici in cui avevamo il modulo sulla stessa pagina dell'elenco degli

59
00:04:24,180 --> 00:04:27,080
amici, ma non è questo l'approccio che avremo qui.

60
00:04:27,090 --> 00:04:31,530
Piuttosto avremo una pagina e una rotta separate che mostreranno effettivamente il modulo.

61
00:04:31,770 --> 00:04:34,610
Sarà la forma per fare un nuovo campeggio.

62
00:04:34,680 --> 00:04:41,280
E poi si invia il modulo che invia una richiesta di posta per tagliare il campeggio come un

63
00:04:41,280 --> 00:04:44,070
post e poi siamo reindirizzati ai campeggi.

64
00:04:44,070 --> 00:04:48,930
separato e possiamo semplicemente farlo in fondo qui o in mezzo non importa davvero ottenere.

65
00:04:49,440 --> 00:04:53,430
Quindi faremo una pagina separata per fare ciò abbiamo bisogno di un percorso

66
00:04:53,670 --> 00:04:57,900
E questo sarà tagliato di nuovo nei campeggi.

67
00:04:58,260 --> 00:05:02,860
E ancora questo potrebbe essere tutto ciò che vogliamo, ma questa è la convenzione riposante.

68
00:05:02,880 --> 00:05:06,010
Quindi questo è il terzo di quei nomi convenzionali.

69
00:05:06,060 --> 00:05:12,120
arrivo dovrebbe mostrare tutti i campeggi slash campeggi come un post è il percorso in cui è

70
00:05:12,120 --> 00:05:18,210
possibile creare un nuovo campeggio e poi tagliare il campo nuovo slash dovrebbe mostrare il modulo che

71
00:05:18,210 --> 00:05:25,960
invierà i dati a questo percorso così via facciamolo capire e tutto ciò che deve fare è rendere un modulo che non

72
00:05:25,960 --> 00:05:33,400
abbiamo bisogno di passare in nessun dato o altro, quindi faremo solo un rendering rez e il modulo chiamerà solo quello nuovo.

73
00:05:33,400 --> 00:05:36,720
Il primo è stato il campeggio slash come un

74
00:05:36,970 --> 00:05:38,460
Sì, proprio così.

75
00:05:39,090 --> 00:05:40,340
E sicuro.

76
00:05:40,360 --> 00:05:44,290
Ora torniamo qui nella nostra directory delle visualizzazioni, creeremo quel modello.

77
00:05:44,410 --> 00:05:47,760
Quindi le visualizzazioni touch si aprono nuove.

78
00:05:47,880 --> 00:05:48,440
Sì.

79
00:05:48,730 --> 00:05:54,530
E poi apriremo quel modello e all'interno del modello aggiungiamo.

80
00:05:54,540 --> 00:06:04,900
avere metodo e ricordare il metodo dovrebbe essere post e l'azione dovrebbe essere slash campeggi che è la strada Qui.

81
00:06:04,900 --> 00:06:13,900
E ognuno che dice Crea un nuovo campeggio e poi aggiungeremo in un tag form in questo

82
00:06:13,900 --> 00:06:18,380
tag modulo dobbiamo agire e abbiamo bisogno di

83
00:06:18,550 --> 00:06:20,820
Apt up campeggi post slash.

84
00:06:20,860 --> 00:06:24,850
Quindi questo è dove otterremo i dati del modulo e aggiungeremo alla matrice dei campeggi.

85
00:06:25,090 --> 00:06:27,540
E dentro abbiamo bisogno di due input diversi.

86
00:06:27,640 --> 00:06:34,570
Quindi il primo è di tipo perché il testo e il segnaposto saranno solo nomi.

87
00:06:35,290 --> 00:06:39,600
E il secondo farà segnaposto è immagine che rl.

88
00:06:39,710 --> 00:06:45,470
name su entrambi questi nomi così e questo sarà essere uguale al solo nome.

89
00:06:45,460 --> 00:06:54,280
E facciamolo così e lo manterremo come Typee per andare al testo e poi avremo bisogno del nostro pulsante in basso e

90
00:06:54,280 --> 00:06:59,320
qui per dire submit e save e quindi avremo anche bisogno dell'attributo

91
00:06:59,320 --> 00:07:07,180
E qui avremo il nome è uguale all'immagine e usiamo questo attributo nome invece del nostro percorso per

92
00:07:07,180 --> 00:07:09,580
prendere i dati dalla richiesta Abati.

93
00:07:09,620 --> 00:07:10,370
Prima di farlo.

94
00:07:10,390 --> 00:07:12,760
Assicuriamoci che questo modulo sia visualizzato correttamente.

95
00:07:12,850 --> 00:07:21,880
Quindi iniziamo il server e per visitare questo percorso dobbiamo andare a tagliare i campeggi

96
00:07:21,970 --> 00:07:25,870
nuovi e ottenere la nostra forma eccellente.

97
00:07:25,880 --> 00:07:28,160
Non riceviamo alcuno stile di bootstrap.

98
00:07:28,390 --> 00:07:33,090
Non sembra molto ma non lo stiamo ottenendo perché non abbiamo incluso i nostri layout.

99
00:07:33,160 --> 00:07:36,990
Non abbiamo l'intestazione e il piè di pagina in modo che possiamo anche.

100
00:07:37,420 --> 00:07:47,680
Quindi aggiungiamo anche che includiamo lo slash Hetter di Parshall e poi copiamo questa riga qui sotto e includiamo il

101
00:07:47,680 --> 00:07:50,130
piè di pagina di Parshall.

102
00:07:51,040 --> 00:07:54,360
Riavvia il server torna indietro.

103
00:07:54,380 --> 00:07:59,290
Ora otteniamo il bellissimo bootstrap e abbiamo anche il file di intestazione e poi il nostro footer.

104
00:08:00,460 --> 00:08:04,870
significa che il nostro codice invia un modulo di richiesta post per tagliare i campeggi.

105
00:08:04,880 --> 00:08:11,440
E possiamo testare questo per vedere se sta andando sulla strada giusta o semplicemente digitando qualcosa qui e premendo invio e otteniamo

106
00:08:11,440 --> 00:08:13,430
di colpire la rotta postale, il che

107
00:08:13,570 --> 00:08:15,290
E stiamo sistemando questo codirosso.

108
00:08:15,580 --> 00:08:20,590
Ma piuttosto che inviare questo, in realtà vogliamo aggiungere la logica per farlo funzionare.

109
00:08:20,750 --> 00:08:26,240
E ricorda di prendere i dati dal modulo che usiamo per richiedere il corpo e poi abbiamo

110
00:08:26,260 --> 00:08:31,550
richiesto il nome di bodycam e richiesto l'immagine del corpo e li salverò su una variabile.

111
00:08:31,570 --> 00:08:36,060
Nome finora e immagine var.

112
00:08:36,350 --> 00:08:41,830
E poi quello che vogliamo fare è spingere un nuovo campeggio nel nostro schieramento qui.

113
00:08:42,040 --> 00:08:47,590
E per farlo funzionare dobbiamo spostarlo in modo che non sia all'interno dell'app.

114
00:08:47,600 --> 00:08:52,240
Prendiamolo sopra e non è dove rimarrà.

115
00:08:52,250 --> 00:08:54,690
Ricorda che ci stiamo trasferendo in un database molto presto.

116
00:08:55,000 --> 00:08:59,790
Ma per ora lo stiamo posizionando in alto in modo che possiamo accedervi all'interno di questa rotta postale.

117
00:09:00,080 --> 00:09:01,460
Nella funzione di callback.

118
00:09:01,880 --> 00:09:05,130
Quindi stiamo andando a spingere un nuovo campeggio nell'arena del campeggio.

119
00:09:05,430 --> 00:09:08,950
Quindi il campeggio ha messo su spinta e abbiamo bisogno di inserire un oggetto.

120
00:09:09,080 --> 00:09:11,310
Quindi realizzerò quel nuovo oggetto con una variabile.

121
00:09:11,360 --> 00:09:15,570
Quindi lo chiamerò var nuovo campeggio.

122
00:09:15,590 --> 00:09:24,350
È un oggetto e abbiamo il nome uguale al nome e l'immagine è uguale all'immagine solo per abbinarci questo formato

123
00:09:24,350 --> 00:09:31,550
qui o abbiamo il nome e l'immagine e quindi l'ultima cosa che dobbiamo fare è spingere il

124
00:09:31,540 --> 00:09:33,580
nuovo campeggio proprio come tale.

125
00:09:33,740 --> 00:09:36,890
E poi reindirizziamo alla pagina del campeggio.

126
00:09:37,060 --> 00:09:37,960
Così sarà.

127
00:09:38,000 --> 00:09:47,270
Reindirizzamento RAZ per tagliare i campeggi e sì, dobbiamo tagliare i campeggi.

128
00:09:47,380 --> 00:09:51,310
Ma quando eseguiamo un reindirizzamento, l'impostazione predefinita è il reindirizzamento come richiesta get.

129
00:09:51,380 --> 00:09:53,630
Quindi salveremo e proviamo

130
00:09:57,400 --> 00:10:01,140
testiamo il ritorno, aggiungiamo un nuovo campeggio.

131
00:10:01,210 --> 00:10:08,820
Chiameremo solo questa montagna daisy e abbiamo bisogno di un'immagine che io ti copro solo qui.

132
00:10:09,080 --> 00:10:10,520
Torna indietro.

133
00:10:10,850 --> 00:10:12,640
Hit invia.

134
00:10:13,270 --> 00:10:17,060
E per sapere se ha funzionato, dobbiamo scorrere verso il basso e andare avanti.

135
00:10:17,090 --> 00:10:18,700
Bella montagna Daisy.

136
00:10:18,700 --> 00:10:20,240
Vista piuttosto sbalorditiva.

137
00:10:20,230 --> 00:10:22,200
Torniamo indietro e esaminiamo alcune cose.

138
00:10:22,210 --> 00:10:23,620
C'è molto che abbiamo fatto.

139
00:10:23,620 --> 00:10:26,170
La prima cosa che voglio sottolineare sono le rotte che abbiamo fatto.

140
00:10:26,170 --> 00:10:33,790
Quindi ora abbiamo un campo tagliato che ci mostra tutti i campeggi che abbiamo in campeggio

141
00:10:33,790 --> 00:10:35,480
lo stesso ufficio.

142
00:10:35,600 --> 00:10:40,370
Ed è qui che effettivamente facciamo la logica di creare un nuovo campeggio e poi ridirigere il campeggio.

143
00:10:40,900 --> 00:10:44,520
E poi ci sono i campeggi Amtrak tagliati di nuovo.

144
00:10:44,650 --> 00:10:46,330
E quello mostra la forma.

145
00:10:46,690 --> 00:10:55,070
Quindi ricorda che i campeggi mostrano nuovi spettacoli nel modulo che invia una richiesta di posta per tagliare i campeggi che poi

146
00:10:55,070 --> 00:11:01,490
a loro volta ci reindirizzano verso i campeggi che arrivano e che poi ci mostreranno tutti i

147
00:11:01,820 --> 00:11:03,930
campeggi usando il modello del campeggio.

148
00:11:04,740 --> 00:11:07,490
È decisamente un po 'complicato.

149
00:11:07,540 --> 00:11:11,360
Ci sono molti pezzi in movimento, ma questa è una ricetta che seguiremo molto.

150
00:11:11,410 --> 00:11:13,910
Quindi abbiamo un modulo da inviare per inviare richieste da qualche parte.

151
00:11:14,050 --> 00:11:16,990
E poi all'interno di quel percorso postale prendiamo i dati del modulo.

152
00:11:17,020 --> 00:11:20,530
Facciamo qualcosa con esso e poi reindirizziamo da qualche altra parte.

153
00:11:20,530 --> 00:11:24,570
Quindi è davvero tipico per una rotta postale per reindirizzare a un'altra rotta.

154
00:11:25,070 --> 00:11:28,140
L'ultima cosa che dovremmo fare è aprire il modello dei campeggi.

155
00:11:28,610 --> 00:11:37,930
Quindi faremo C9 usare il campeggio slash e aggiungeremo semplicemente un link in alto per renderlo un

156
00:11:37,930 --> 00:11:48,790
tag ancorato per iniziare un campeggio Tref uguale a slash nuovo e quel testo interno sarà aggiungere un nuovo campeggio

157
00:11:48,910 --> 00:11:51,250
proprio così e salveremo.

158
00:11:51,350 --> 00:11:59,300
E poi possiamo riavviare il server e tornare qui alla pagina di destinazione o alla pagina dei campeggi mi

159
00:11:59,290 --> 00:12:02,390
scusi e abbiamo aggiunto un nuovo campeggio.

160
00:12:02,530 --> 00:12:07,040
Cliccaci sopra e arriviamo alla pagina dei campeggi e poi possiamo aggiungere il nostro nuovo campeggio.

161
00:12:07,270 --> 00:12:12,080
Dovremmo anche aggiungere un pulsante indietro in modo che possiamo tornare a visualizzare tutti i campeggi.

162
00:12:12,380 --> 00:12:17,980
Quindi sul nuovo modello in basso includeremo solo il nostro tag di ancoraggio qui.

163
00:12:18,120 --> 00:12:26,650
Una bozza dovrebbe essere uguale a Slash Campground e questo dirà solo indietro o riavvia il server.

164
00:12:26,770 --> 00:12:32,320
Un'ultima volta è tornata fresca in un nuovo campeggio.

165
00:12:32,530 --> 00:12:35,900
OK, così ora abbiamo il collegamento impostato correttamente nel prossimo video.

166
00:12:35,920 --> 00:12:37,970
Ci concentreremo su alcuni stili di base.