1
00:00:00,200 --> 00:00:02,240
Va bene sul percorso di ricerca.

2
00:00:02,250 --> 00:00:10,050
Quindi, ancora una volta vogliamo essere in grado di avere intorno alla barra di ricerca o facciamo solo la barra della home

3
00:00:10,260 --> 00:00:16,990
page e avremo un modulo che riempiamo il modulo inviato a questa rotta che poi farà una richiesta di

4
00:00:17,010 --> 00:00:25,040
essere API tranne quella richiesta avremo una variabile qui proveniente dal modulo e poi tutto il resto funzionerà allo stesso modo saremo in

5
00:00:25,050 --> 00:00:27,780
grado di lasciare questa rotta da solo.

6
00:00:28,230 --> 00:00:30,300
Quindi aggiungiamo che in

7
00:00:32,940 --> 00:00:33,630
apt

8
00:00:37,860 --> 00:00:44,160
get slash proprio così e inizieremo semplicemente visualizzando un form che chiameremo search.

9
00:00:45,270 --> 00:00:52,890
Quindi, il prossimo passo facciamo in modo che la vista tocchi la ricerca.

10
00:00:52,910 --> 00:00:53,200
E. J. Sì e ho avuto

11
00:00:53,220 --> 00:00:53,610
un errore di battitura di Tudge nella ricerca di barre.

12
00:00:56,990 --> 00:01:00,930
E. J. Sì.

13
00:01:00,950 --> 00:01:01,230
Dai un'occhiata ad un H1.

14
00:01:01,290 --> 00:01:03,280
Cerca un film.

15
00:01:03,390 --> 00:01:07,850
E come ho detto, lo stiamo tenendo molto molto nudo qui.

16
00:01:08,010 --> 00:01:09,940
Nessuno stile.

17
00:01:09,960 --> 00:01:12,910
Assicuriamoci di vederlo quando eseguiamo il server.

18
00:01:12,930 --> 00:01:14,310
Vado sul percorso della rotta Vedo la ricerca di un film.

19
00:01:14,310 --> 00:01:19,150
Eccellente.

20
00:01:19,200 --> 00:01:23,400
Costruiamo quindi un modulo e aggiungiamo un solo tipo di input uguale al segnaposto uguale al termine di ricerca e aggiungeremo in un

21
00:01:23,400 --> 00:01:24,070
altro tipo di input

22
00:01:24,300 --> 00:01:25,350
uguale a submit in questo modo.

23
00:01:29,070 --> 00:01:47,160
Quindi dove andrà questa forma.

24
00:01:47,160 --> 00:01:54,320
nostri risultati. I risultati e tutto il resto si occuperanno quindi di gestire la chiamata all'API e quindi di eseguire il rendering di un modello.

25
00:01:54,330 --> 00:01:55,960
Bene, vogliamo che venga inviato ai

26
00:01:56,220 --> 00:02:03,780
Quindi questo sarà solo il risultato di un'azione slash e il metodo si ottiene

27
00:02:03,780 --> 00:02:06,370
in modo tale che quasi

28
00:02:07,110 --> 00:02:19,770
tutto, se diamo un'occhiata alla pagina, abbiamo una forma davvero orribile. Posso aggiungere qualcosa qui ma non si fa nulla con questo.

29
00:02:19,770 --> 00:02:29,100
Quindi, anche se cerco Harry Potter e colpisco submit, ho visto ottenere Iowa ma sta presentando il modulo correttamente.

30
00:02:29,100 --> 00:02:30,320
Colpisce i risultati di questa rotta e sta entrando nei film dell'Iowa e sta rendendo il modello dei risultati.

31
00:02:30,330 --> 00:02:38,700
Quindi ora dobbiamo prendere i dati da questo modulo e collegarlo alla chiamata API.

32
00:02:39,030 --> 00:02:46,270
Quindi la prima cosa che dobbiamo fare è aggiungere il nostro attributo name così possiamo chiamarlo come vogliamo.

33
00:02:47,280 --> 00:02:53,870
Chiamiamolo solo queery.

34
00:02:53,880 --> 00:03:00,470
No, in realtà questo è un po 'confuso.

35
00:03:00,480 --> 00:03:03,180
Quindi cerchiamo invece solo il nome della ricerca.

36
00:03:03,630 --> 00:03:05,670
Quindi ricorda quando viene fatta questa richiesta quando inviamo il modulo che assomiglierà a questo.

37
00:03:05,670 --> 00:03:08,020
Ti mostrerò tra un secondo.

38
00:03:08,400 --> 00:03:14,580
Riavvia il server.

39
00:03:14,580 --> 00:03:16,880
Quindi i nostri dati, qualunque cosa mettiamo qui, verranno memorizzati e ricercati.

40
00:03:17,130 --> 00:03:18,850
Quindi, se torniamo aggiornare e provare qualcosa come quello che è un altro stato che possiamo fare.

41
00:03:19,110 --> 00:03:22,760
Facciamo Wyoming.

42
00:03:23,100 --> 00:03:31,050
Invia può vedere qui abbiamo ricerca equivale a Wyoming.

43
00:03:31,410 --> 00:03:32,890
La nostra coppia di valori chiave nella stringa di query.

44
00:03:33,420 --> 00:03:38,420
Quindi questo è tutto ciò che dobbiamo fare per il modulo.

45
00:03:38,730 --> 00:03:41,220
Quindi all'interno della nostra app in questa rotta dobbiamo

46
00:03:41,310 --> 00:03:44,130
accedere ai dati da quella stringa di query e inserirla qui.

47
00:03:44,160 --> 00:03:53,460
Quindi iniziamo semplice.

48
00:03:53,460 --> 00:03:54,810
Come otteniamo i dati dalla stringa di query.

49
00:03:55,740 --> 00:03:57,630
Bene, è una richiesta punto interrogare il nome della o la chiave di quell'informazione che

50
00:03:57,630 --> 00:03:59,360
è la ricerca che è ciò che abbiamo chiamato salvarla su una variabile.

51
00:03:59,490 --> 00:04:09,630
Facciamo una stampa per iniziare.

52
00:04:11,430 --> 00:04:14,210
Mi piace sempre iniziare bello e semplice.

53
00:04:14,430 --> 00:04:16,780
Quindi torno qui.

54
00:04:17,490 --> 00:04:20,550
Facciamolo ora Montana e puoi vedere che stampiamo il Montana lì.

55
00:04:20,550 --> 00:04:22,030
Quindi ora si tratta solo di salvarlo su una variabile.

56
00:04:22,230 --> 00:04:28,530
Quindi lo chiameremo, lo chiameremo semplicemente queer wreck che ha interrogato la ricerca.

57
00:04:28,530 --> 00:04:35,700
Quindi quello che potremmo fare è solo fare più query proprio lì e aggiungeremo semplicemente la nostra

58
00:04:35,700 --> 00:04:44,350
query di ricerca in un modo più semplice o più pulito, secondo me, almeno è rendere la variabile aurl e

59
00:04:44,820 --> 00:04:53,550
concatenarli in questo modo in modo da avere una richiesta più breve che facciamo qui, ti chiediamo solo di essere fuori.

60
00:04:53,640 --> 00:05:02,760
Quindi stiamo interrogando il rettore della query sulla ricerca, qualunque sia l'utente che ha digitato il form o che

61
00:05:02,760 --> 00:05:10,530
ha afferrato il Montana in questo caso, salvandolo in questa variabile, quindi ricostruendo saprai che tutto

62
00:05:10,620 --> 00:05:17,790
ciò che assomiglierà a HTP è la barra dei due slash OAM devia qui .

63
00:05:17,790 --> 00:05:23,850
Il punto interrogativo della barra dei punti è uguale a qualsiasi utente digitato in quel modulo.

64
00:05:23,880 --> 00:05:27,230
E poi stiamo usando quello che sei.

65
00:05:27,270 --> 00:05:33,670
E questo è tutto.

66
00:05:34,440 --> 00:05:36,190
Quindi diamo un colpo al nostro modulo e cerchiamo la Florida e quello che sai ci porta a 10 risultati in Florida.

67
00:05:36,600 --> 00:05:37,590
Provalo ancora questa volta facciamo un altro stato.

68
00:05:37,590 --> 00:05:52,350
Alabama.

69
00:05:53,270 --> 00:05:58,440
Eccezionale.

70
00:05:58,530 --> 00:06:03,110
Quindi la prossima cosa che potremmo fare è aggiungere qualche piccolo miglioramento.

71
00:06:03,120 --> 00:06:04,010
Qualunque cosa sia un

72
00:06:04,530 --> 00:06:09,960
miglioramento, credo, ma la cosa principale che sto pensando non è l'interfaccia utente, ma sto pensando di mostrarti solo l'utilizzo di più dati.

73
00:06:09,970 --> 00:06:17,160
Quindi non stiamo usando l'anno non abbiamo bisogno di tipo, usiamo solo l'anno.

74
00:06:17,160 --> 00:06:19,920
Quindi, facciamo solo il titolo del film Dasch l'anno che dovrebbe

75
00:06:19,980 --> 00:06:26,030
essere abbastanza semplice e ci piacerebbe che Look sembrasse un film dell'anno, proprio come quello, ci salverà come puoi vedere qui otteniamo l'anno.

76
00:06:26,190 --> 00:06:34,420
E aggiungiamo anche in grassetto il titolo del film o in corsivo l'anno uno dei due.

77
00:06:34,610 --> 00:06:45,030
Facciamo un po 'di pulizia qui.

78
00:06:45,570 --> 00:06:54,150
Penso che tecnicamente dovremmo aggiungere UL e tutto

79
00:06:55,050 --> 00:06:57,670
il resto.

80
00:06:58,220 --> 00:07:03,270
OK.

81
00:07:07,530 --> 00:07:09,420
E stiamo facendo il titolo e renderemo

82
00:07:09,960 --> 00:07:11,050
il titolo troppo forte

83
00:07:11,430 --> 00:07:15,240
e possiamo anche indentarlo per rendere un po 'più facile vedere cosa sta succedendo.

84
00:07:18,020 --> 00:07:21,020
Tutto ok.

85
00:07:26,970 --> 00:07:33,040
Quindi diamo un'occhiata.

86
00:07:34,320 --> 00:07:36,280
Eccoci.

87
00:07:36,810 --> 00:07:40,540
La nostra audace Sweet Home Alabama diventerà pazza di tanto in tanto quest'anno che non è audace.

88
00:07:40,590 --> 00:07:41,040
Tutto ok.

89
00:07:41,040 --> 00:07:46,630
Quindi un'ultima cosa davvero piccola.

90
00:07:47,070 --> 00:07:47,800
Ma aggiungiamo un pulsante indietro.

91
00:07:47,880 --> 00:07:50,610
Quindi un tag che vuoi essere uguale alla barra fa di nuovo la ricerca.

92
00:07:50,610 --> 00:07:53,410
Mi piace.

93
00:07:53,700 --> 00:08:03,690
E ora possiamo cercare di nuovo.

94
00:08:04,230 --> 00:08:05,870
OK.

95
00:08:06,420 --> 00:08:08,140
Ancora uno.

96
00:08:08,640 --> 00:08:08,930
Quello che viene detto come un altro stato che potremmo usare.

97
00:08:08,940 --> 00:08:10,230
Oh proviamo New York.

98
00:08:10,260 --> 00:08:12,150
Quindi abbiamo uno spazio e quando lo inoltriamo notiamo che

99
00:08:12,180 --> 00:08:14,080
automaticamente un segno più ha aggiunto il loro nuovo vantaggio.

100
00:08:14,100 --> 00:08:23,730
York e questo è ciò che viene fatto del.

101
00:08:23,730 --> 00:08:24,100
O è quello con cui viene fatta la richiesta.

102
00:08:24,100 --> 00:08:26,910
Quindi è tutto per ora.

103
00:08:26,920 --> 00:08:29,610
Quindi, solo per reiterare i take-away chiave solo una via normale.

104
00:08:29,700 --> 00:08:31,220
Ci stiamo solo attaccando la richiesta al suo interno.

105
00:08:31,590 --> 00:08:35,850
Quando la richiesta è terminata, stiamo rendendo un modello.

106
00:08:36,060 --> 00:08:38,070
L'altra cosa che è importante è sulla parte inferiore perché

107
00:08:38,070 --> 00:08:42,310
quando trasformi quella stringa in un oggetto javascript che possiamo usare e poi l'ultima cosa è che stiamo creando una dinamica.

108
00:08:42,870 --> 00:08:48,330
Quindi non è sempre la California o l'Iowa o qualsiasi altra cosa.

109
00:08:48,330 --> 00:08:53,060
Ora stiamo aggiungendo le query dell'utente proveniente dalla stringa di query dal modulo.

110
00:08:53,130 --> 00:08:56,250
Nostro

111
00:08:56,250 --> 00:09:01,610
 

112
00:09:01,680 --> 00:09:02,030