1
00:00:00,150 --> 00:00:01,250
Ben tornato.

2
00:00:01,290 --> 00:00:08,310
Quindi questo video è una continuazione dell'ultimo video in cui abbiamo fatto una panoramica concettuale di questa app per la demo

3
00:00:08,310 --> 00:00:11,850
di cani e abbiamo parlato del TO GET route di richiesta.

4
00:00:12,180 --> 00:00:15,110
Quindi, ancora una volta per reiterare la stessa aspettativa di applicare.

5
00:00:15,360 --> 00:00:21,690
Non devi capire il 99 percento di questo codice se puoi semplicemente considerare le cose come blocchi concettuali

6
00:00:21,840 --> 00:00:29,910
e puoi capire che questo codice qui è responsabile per il percorso dei cani e in qualche modo ti rimanda a una pagina

7
00:00:29,910 --> 00:00:32,580
che ha un gruppo di cani su esso.

8
00:00:32,700 --> 00:00:34,660
Questo è tutto ciò che devi sapere per ora.

9
00:00:34,680 --> 00:00:36,720
Lo stesso vale per i nuovi concetti.

10
00:00:36,720 --> 00:00:38,350
Impareremo in questo video.

11
00:00:38,370 --> 00:00:41,100
L'attenzione non è sulla sintassi ma sui concetti.

12
00:00:41,430 --> 00:00:47,070
Quindi qui c'è una terza via che non ho menzionato nel primo video ed è leggermente diversa

13
00:00:47,580 --> 00:00:49,450
in quanto è un percorso postale.

14
00:00:49,710 --> 00:00:57,300
Quindi, questo codice qui verrà eseguito solo quando un utente fa una richiesta POST per tagliare dog dog.

15
00:00:58,190 --> 00:01:03,870
E solo per fare jogging nella memoria, un utente non può effettuare una richiesta POST digitando qualcosa in te o Albar.

16
00:01:04,290 --> 00:01:09,330
nove nove nove percento delle volte che faranno una richiesta POST è attraverso un modulo.

17
00:01:09,330 --> 00:01:10,060
Novantanove virgola

18
00:01:10,290 --> 00:01:12,970
Quindi lo vedremo in azione tra poco.

19
00:01:13,170 --> 00:01:16,880
Ma posso anche dimostrare di fare una richiesta POST tramite postino.

20
00:01:17,370 --> 00:01:20,190
Quindi, postare le richieste per creare dog dog.

21
00:01:20,370 --> 00:01:26,610
E quello che farà è che prenderà il nome nella razza che inviamo nella richiesta che è

22
00:01:26,610 --> 00:01:33,280
ciò che sta accadendo proprio qui nome è richiesta up nome del corpo richiesta di razza up corpo outbreed.

23
00:01:33,300 --> 00:01:39,720
Quindi in qualche modo nella richiesta c'è un nome e una razza in questa cosa chiamata corpo e la stiamo usando per

24
00:01:39,720 --> 00:01:41,020
fare un nuovo cane.

25
00:01:41,370 --> 00:01:46,920
E poi reindirizziamo l'utente ai cani slush come richiesta get che eseguirà tutto questo codice

26
00:01:46,920 --> 00:01:50,850
che troverai tutti i cani e renderizzi la pagina dei cani.

27
00:01:51,120 --> 00:01:52,560
Succedono un sacco di cose.

28
00:01:52,830 --> 00:01:58,910
Cominciamo dall'inizio inviando una semplice richiesta di posta per creare dog dog.

29
00:01:59,250 --> 00:02:05,880
Quindi andiamo al postino e lo cambierò al post e poi avremo bisogno di cambiare il

30
00:02:05,880 --> 00:02:13,380
percorso per essere localhost 3000 slash create dog e dobbiamo assicurarci che il server stia ancora andando OK quando

31
00:02:13,380 --> 00:02:14,230
lo è.

32
00:02:14,730 --> 00:02:19,860
send dove non manderemo un nome e una lettura e vedremo cosa succede.

33
00:02:19,860 --> 00:02:22,090
E poi possiamo iniziare premendo semplicemente

34
00:02:23,550 --> 00:02:31,010
Quindi, se guardi cosa abbiamo indietro, è la stessa pagina dei cani dove Rustie ha deciso perché è Daisy Sitka.

35
00:02:31,200 --> 00:02:35,250
E poi c'è anche un cane vuoto senza nome e senza razza.

36
00:02:35,310 --> 00:02:41,670
E se vado qui al mio browser e mi rinfresco, faccio un'altra richiesta di tagliando i cani che attiverà il

37
00:02:41,670 --> 00:02:46,800
codice che recupera tutti i cani dal database e fa un po 'di live per ognuno.

38
00:02:46,950 --> 00:02:53,100
Puoi vedere infatti che abbiamo un cane vuoto nel database e questo perché non abbiamo inviato alcun dato.

39
00:02:53,130 --> 00:02:56,630
Non abbiamo inviato un nome e una razza con cui rendere il nostro nuovo cane.

40
00:02:56,670 --> 00:03:01,300
Quindi erano vuoti e il nostro codice ha appena creato un cane vuoto e lo ha salvato nel database.

41
00:03:01,500 --> 00:03:09,090
Quindi, per inviare i dati con il postino, possiamo andare al corpo e poi possiamo semplicemente scrivere alcune cose da aggiungere

42
00:03:09,090 --> 00:03:09,870
al corpo.

43
00:03:10,080 --> 00:03:19,900
Quindi vogliamo un nome per essere Charlie e leggere e il valore di Breede sarà laboratorio proprio così.

44
00:03:19,920 --> 00:03:25,830
Questo è tutto ciò che dobbiamo fare attraverso il postino per fare una richiesta di posta che ha nome e razza all'interno del

45
00:03:25,830 --> 00:03:26,430
suo corpo.

46
00:03:26,760 --> 00:03:28,210
E colpirò send.

47
00:03:28,770 --> 00:03:30,630
Ora vedrai la risposta che otteniamo.

48
00:03:30,660 --> 00:03:34,150
Sono di nuovo tutti i cani questa volta alla fine.

49
00:03:34,170 --> 00:03:36,090
Abbiamo Charlie come laboratorio.

50
00:03:36,270 --> 00:03:41,400
E se mi rinfresco qui faccio un'altra richiesta, ottengo tutti i cani.

51
00:03:41,700 --> 00:03:43,100
Charlie è stato aggiunto.

52
00:03:43,530 --> 00:03:46,090
Ricapitoliamo tutto in 30 secondi qui.

53
00:03:46,290 --> 00:03:51,310
Quindi faccio una richiesta di post per creare un altro tipo di richiesta.

54
00:03:51,540 --> 00:03:57,450
E nella richiesta del corpo che è qui, aggiungo nome e allevo Charlie e lab.

55
00:03:57,840 --> 00:04:05,040
E poi premo invio e poi nel mio codice sul server è in attesa di una richiesta di posta per tagliare il cane.

56
00:04:05,510 --> 00:04:11,370
non faccia il nome e chieda a qualcuno di uscire che sono le due cose che abbiamo mandato con il postino.

57
00:04:11,370 --> 00:04:13,730
E crea un cane con la richiesta che qualcuno

58
00:04:14,220 --> 00:04:21,420
E poi, dopo aver creato il cane, ci reindirizza a tagliare i cani, quindi non ci invia una pagina o una qualsiasi

59
00:04:21,420 --> 00:04:22,310
età per lui.

60
00:04:22,470 --> 00:04:29,670
In realtà esegue il codice nei cani da taglio proprio qui che poi trova tutti i cani incluso il nuovissimo

61
00:04:29,670 --> 00:04:31,260
che abbiamo appena creato.

62
00:04:31,380 --> 00:04:35,870
Charlie o nel caso precedente era un cane vuoto senza nome e senza razza.

63
00:04:36,000 --> 00:04:40,500
Li recupera tutti e quindi restituisce il modello di quel cane che abbiamo visto.

64
00:04:40,680 --> 00:04:43,740
E per ognuno ci rende piccoli alleati.

65
00:04:44,640 --> 00:04:46,330
Succedono un sacco di cose.

66
00:04:46,440 --> 00:04:48,060
Sta ascoltando una richiesta POST.

67
00:04:48,270 --> 00:04:52,650
Aggiunge un nuovo cane a un database e ci sta reindirizzando per tagliare i cani.

68
00:04:52,650 --> 00:04:56,170
Ora parliamo di come possiamo farlo con un modulo.

69
00:04:56,220 --> 00:05:01,920
Ricorda che non possiamo fare una richiesta POST premendo enter nella barra ma possiamo crearne una usando un modulo.

70
00:05:02,010 --> 00:05:05,630
Quindi aggiungerò un modulo solo ai miei cani.

71
00:05:05,770 --> 00:05:06,240
Sì.

72
00:05:06,290 --> 00:05:07,330
In fondo.

73
00:05:07,410 --> 00:05:14,680
Sto solo facendo un tag form e ci sono due parti in un modulo che ora avranno più senso ne abbiamo parlato

74
00:05:14,680 --> 00:05:19,180
quando introduco le forme in origine ma non hai molto contesto per capire cosa

75
00:05:19,180 --> 00:05:19,730
volessero dire.

76
00:05:19,750 --> 00:05:24,170
Quindi questi due attributi sono azione e metodo.

77
00:05:24,520 --> 00:05:26,150
Quindi inizierò con il metodo.

78
00:05:26,230 --> 00:05:30,780
Stiamo facendo una richiesta per posta e spesso la vedi anche in maiuscolo.

79
00:05:30,790 --> 00:05:31,750
Non importa.

80
00:05:31,990 --> 00:05:38,870
E poi l'azione è dove stiamo facendo una richiesta di posta che è solo una striscia di creare cane.

81
00:05:39,120 --> 00:05:45,760
Quindi, ogni volta che questo modulo viene inviato invierà una richiesta di post per creare un cane, che è quello che ci aspettiamo

82
00:05:45,750 --> 00:05:46,130
qui.

83
00:05:46,150 --> 00:05:50,080
La richiesta POST crea dog eseguirà questo codice.

84
00:05:50,290 --> 00:05:52,210
Quindi dobbiamo aggiungere i nostri input.

85
00:05:52,270 --> 00:05:54,020
Quindi avremo due input.

86
00:05:54,190 --> 00:06:01,720
Digita il testo uguale a entrambi in questo modo e il titolare fuori sede per questo che dice solo

87
00:06:01,720 --> 00:06:02,360
il nome.

88
00:06:02,500 --> 00:06:05,270
E poi il prossimo sarà per la razza.

89
00:06:05,860 --> 00:06:14,770
E l'ultima cosa che faremo è avere un tipo di input chiamato submit che sarà il nostro pulsante e

90
00:06:14,760 --> 00:06:20,520
se aggiorniamo la pagina ora abbiamo un modulo ma c'è un problema.

91
00:06:20,590 --> 00:06:21,620
Se lo compilo

92
00:06:21,730 --> 00:06:30,760
Quindi aggiungiamo un altro cane qui Skittles che può essere un barboncino quando premo invio invierà una richiesta di posta

93
00:06:31,120 --> 00:06:32,870
per creare dog dog.

94
00:06:33,190 --> 00:06:37,450
Ma attenzione quando lo faccio, finiamo con un cane vuoto.

95
00:06:37,810 --> 00:06:44,350
E questo perché anche se ho due input non ho detto al browser quale sia il nome di

96
00:06:44,350 --> 00:06:44,940
questi input.

97
00:06:45,400 --> 00:06:53,140
E questo deve essere chiamato nome che è un nome un po 'confuso perché nome e questo ha

98
00:06:53,130 --> 00:06:56,870
bisogno di essere allevato e così fa un segnaposto.

99
00:06:56,880 --> 00:07:03,250
Quindi, ora quello che abbiamo fatto è aggiungere questo attributo del nome che abbiamo detto al browser quando l'utente ha inviato

100
00:07:03,250 --> 00:07:08,600
questo modulo per inviare una richiesta di post per creare un cane con due pezzi di dati.

101
00:07:08,920 --> 00:07:14,920
Il nome dovrebbe essere uguale a qualsiasi cosa in questo input e razza è uguale a qualsiasi cosa sia in questo input pure.

102
00:07:15,490 --> 00:07:19,040
Trascorreremo un sacco di tempo a scrivere moduli e a gestire i diversi attributi.

103
00:07:19,240 --> 00:07:20,760
Quindi non farti coinvolgere da questo.

104
00:07:20,920 --> 00:07:24,810
Ma ciò che è importante ora è che stiamo aggiungendo dati al corpo.

105
00:07:24,820 --> 00:07:33,310
E se aggiorno e aggiungo Skittles che è un barboncino e ora ho inviato, puoi vedere che ha

106
00:07:33,310 --> 00:07:39,260
inviato una richiesta di post e puoi vederlo qui per creare un cane.

107
00:07:39,880 --> 00:07:46,410
E poi quello che è successo è che invece di creare un cane proprio qui ha creato un cane con i dati

108
00:07:46,420 --> 00:07:48,370
dalla forma il nome e la razza.

109
00:07:48,820 --> 00:07:54,060
E poi, dopo aver creato quel cane e aver salvato il database, non importa quanto funzioni.

110
00:07:54,070 --> 00:07:56,460
Ma funziona e basta.

111
00:07:56,470 --> 00:08:03,210
Poi reindirizziamo al taglio dei cani, motivo per cui in realtà è stampata una seconda piccola cosa che dice che è

112
00:08:03,220 --> 00:08:08,370
stata fatta una richiesta per tagliare i cani anche se in realtà non ho premuto invio.

113
00:08:08,380 --> 00:08:14,290
Quello che è successo è quando ho fatto una richiesta per creare il cane come post alla fine di ciò

114
00:08:14,290 --> 00:08:17,190
che effettivamente fa un'altra richiesta per farmi tagliare i cani.

115
00:08:17,440 --> 00:08:23,970
E poi quello trova tutti i cani e poi rende il modello di cani che vediamo qui e poi otteniamo il

116
00:08:23,980 --> 00:08:26,750
modulo in basso e tutte le bugie del cane.

117
00:08:26,830 --> 00:08:28,830
Ed è per questo che lo vediamo qui.

118
00:08:28,890 --> 00:08:35,580
Quindi se presti molta attenzione a questa icona proprio qui vedrai in effetti un altro cane di nome

119
00:08:35,590 --> 00:08:42,530
Snicker che è in armonia con il tema delle caramelle e anche le snickers possono essere un laboratorio.

120
00:08:42,750 --> 00:08:44,230
Quando premo invio.

121
00:08:44,230 --> 00:08:46,180
Guarda questo da vicino.

122
00:08:46,170 --> 00:08:47,390
Sarà molto veloce.

123
00:08:47,800 --> 00:08:49,900
Ma è cambiato solo per un istante.

124
00:08:50,200 --> 00:08:54,900
E questo è importante perché mostra che quando faccio una richiesta in realtà mi porta via

125
00:08:54,900 --> 00:09:00,180
da questa pagina e poi ci stiamo reindirizzando qui semplicemente super veloce, quindi non stiamo solo su questa

126
00:09:00,190 --> 00:09:06,370
pagina per tutto il tempo che ci porta via per un istante e poi ci reindirizza e ci mostra questo contenuto

127
00:09:06,370 --> 00:09:08,980
e questo è ciò che sta accadendo qui.

128
00:09:08,980 --> 00:09:14,000
Quando fai una richiesta per creare un cane, allora ci indirizza verso il taglio dei cani.

129
00:09:14,160 --> 00:09:19,980
E poi all'interno dei cani ci rende il modello del cane che è come vediamo tutto questo nel browser.

130
00:09:20,670 --> 00:09:20,930
OK.

131
00:09:20,950 --> 00:09:22,350
Quindi abbiamo coperto molto lì.

132
00:09:22,360 --> 00:09:24,850
Lasciatemi solo sottolineare le parti importanti.

133
00:09:24,850 --> 00:09:31,480
Uno è che all'interno del nostro codice server possiamo distinguere tra una richiesta get e una richiesta post e possiamo

134
00:09:31,480 --> 00:09:37,500
fare un codice diverso a seconda di cosa accadeva quando e ricordare un get è recuperare informazioni e

135
00:09:37,570 --> 00:09:42,250
un post è aggiungere o inviare informazioni che è cosa stiamo usando per.

136
00:09:42,390 --> 00:09:46,010
Slash crea dog come post è come puoi creare un nuovo cane.

137
00:09:46,240 --> 00:09:50,860
E ci sono due cose che devono essere nel corpo della richiesta il nome e la razza.

138
00:09:50,980 --> 00:09:53,710
E se non ci sono, farà un cane vuoto.

139
00:09:54,000 --> 00:10:00,100
Ma qualunque sia il tipo di cane che fa, ci reindirizza a tagliare i cani che poi esegue tutto questo codice.

140
00:10:00,550 --> 00:10:05,680
E l'altra cosa importante è che quando inviamo questo c'è un aggiornamento istantaneo.

141
00:10:05,670 --> 00:10:10,890
È davvero molto veloce ma è ancora un aggiornamento dove stiamo facendo una richiesta da qualche altra parte.

142
00:10:11,020 --> 00:10:15,250
Proprio come se l'avessi fatto e ho premuto Invio, stiamo facendo un'altra richiesta.

143
00:10:15,280 --> 00:10:16,500
Stessa idea qui.

144
00:10:16,680 --> 00:10:17,880
Quando premo invio.

145
00:10:18,100 --> 00:10:21,060
Continua a guardare qui fa una richiesta ogni volta.

146
00:10:21,310 --> 00:10:28,440
Quindi questo è tutto ciò di cui voglio parlare attorno a questa introduzione, due server e due percorsi e HTP.

147
00:10:28,620 --> 00:10:29,890
Abbiamo finito per ora.

148
00:10:29,880 --> 00:10:35,220
Quindi ci concentreremo su come impostare il nostro ambiente di sviluppo e installare tutti gli strumenti necessari

149
00:10:35,230 --> 00:10:38,230
in modo che possiamo iniziare a scrivere codice come questo.