1
00:00:00,200 --> 00:00:02,240
Tudo bem na rota de pesquisa.

2
00:00:02,250 --> 00:00:10,050
Então, novamente, queremos ser capazes de ter em torno da busca em barra ou vamos apenas fazer a página inicial cortar

3
00:00:10,260 --> 00:00:16,990
e nós teremos um formulário que preenchemos o formulário que ele envia para esta rota, que então solicitará

4
00:00:17,010 --> 00:00:25,040
que seja API, exceto esse pedido terá uma variável aqui que vem do formulário e, em seguida, tudo o resto funcionará da

5
00:00:25,050 --> 00:00:27,780
mesma forma, poderemos deixar essa rota sozinha.

6
00:00:28,230 --> 00:00:30,300
Então, vamos adicionar isso em

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

8
00:00:37,860 --> 00:00:44,160
slash exatamente assim e começaremos apenas por renderizar um formulário que chamaremos de pesquisa.

9
00:00:45,270 --> 00:00:52,890
Então, em seguida, vamos fazer que o toque veja a barra de busca.

10
00:00:52,910 --> 00:00:53,200
E. J. Sim e eu

11
00:00:53,220 --> 00:00:53,610
tive um erro de digitação de Tudge.

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

13
00:01:00,950 --> 00:01:01,230
Dê uma olhada em um H1.

14
00:01:01,290 --> 00:01:03,280
Procure um filme.

15
00:01:03,390 --> 00:01:07,850
E, como mencionei, estamos mantendo muito muito barebones aqui.

16
00:01:08,010 --> 00:01:09,940
Sem estilo.

17
00:01:09,960 --> 00:01:12,910
Certifique-se de que vejamos isso quando executamos o servidor.

18
00:01:12,930 --> 00:01:14,310
Eu vou para a rota que eu vejo procurar um filme.

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

20
00:01:19,200 --> 00:01:23,400
Então, vamos construir um formulário e adicionarmos apenas um tipo de entrada igual ao espaço reservado de texto igual ao termo de pesquisa e

21
00:01:23,400 --> 00:01:24,070
vamos adicionar outro tipo

22
00:01:24,300 --> 00:01:25,350
de entrada igual a enviar assim.

23
00:01:29,070 --> 00:01:47,160
Então, onde será essa forma?

24
00:01:47,160 --> 00:01:54,320
ao nosso encerramento de resultados e os resultados ao longo, então, cuidaremos de lidar com a chamada da API e depois renderizar um modelo.

25
00:01:54,330 --> 00:01:55,960
Bem, queremos que ele seja submetido

26
00:01:56,220 --> 00:02:03,780
Então, isso só vai ser resultados e método de ação slash é apenas obtém, de

27
00:02:03,780 --> 00:02:06,370
modo que quase tudo isso,

28
00:02:07,110 --> 00:02:19,770
se dar uma olhada, atualize a página, temos uma forma realmente horrível, eu posso adicionar algo aqui, mas nada está sendo feito com isso.

29
00:02:19,770 --> 00:02:29,100
Então, mesmo que eu procure por Harry Potter e pressione enviar, vi Iowa, mas está enviando o formulário corretamente.

30
00:02:29,100 --> 00:02:30,320
Está atingindo esta rota, reduzindo os resultados e está ficando nos filmes de Iowa e renderizando o modelo de resultados.

31
00:02:30,330 --> 00:02:38,700
Então, agora precisamos tirar os dados desse formulário e conectá-lo à chamada da API.

32
00:02:39,030 --> 00:02:46,270
Então, a primeira coisa que precisamos fazer é adicionar nosso atributo de nome para que possamos chamar isso do que quisermos.

33
00:02:47,280 --> 00:02:53,870
Vamos chamar isso de estranho.

34
00:02:53,880 --> 00:03:00,470
Na verdade, isso é um pouco confuso.

35
00:03:00,480 --> 00:03:03,180
Então, em vez disso, basta nomear a pesquisa.

36
00:03:03,630 --> 00:03:05,670
Então, lembre-se quando esta solicitação é feita quando enviamos o formulário, será assim.

37
00:03:05,670 --> 00:03:08,020
Vou mostrar-lhe apenas um segundo.

38
00:03:08,400 --> 00:03:14,580
Reinicie o servidor.

39
00:03:14,580 --> 00:03:16,880
Então, nossos dados, o que quer que colocamos aqui, serão armazenados e pesquisados.

40
00:03:17,130 --> 00:03:18,850
Então, se voltarmos, atualize e tente algo como O que é outro estado que podemos fazer.

41
00:03:19,110 --> 00:03:22,760
Vamos fazer o Wyoming.

42
00:03:23,100 --> 00:03:31,050
Enviar pode ver aqui, a pesquisa é igual a Wyoming.

43
00:03:31,410 --> 00:03:32,890
Nosso par de valores chave na cadeia de consulta.

44
00:03:33,420 --> 00:03:38,420
Então, é tudo o que precisamos fazer para o formulário.

45
00:03:38,730 --> 00:03:41,220
Então, dentro do nosso aplicativo nesta rota, precisamos

46
00:03:41,310 --> 00:03:44,130
acessar os dados dessa string de consulta e inseri-lo aqui.

47
00:03:44,160 --> 00:03:53,460
Então, vamos começar simples.

48
00:03:53,460 --> 00:03:54,810
Como obtemos dados da cadeia de consulta.

49
00:03:55,740 --> 00:03:57,630
Bem, é uma consulta de ponto de solicitação com o nome da chave ou da chave daquela

50
00:03:57,630 --> 00:03:59,360
informação que é a pesquisa que é o que chamamos de salvá-la para uma variável.

51
00:03:59,490 --> 00:04:09,630
Vamos apenas imprimi-lo para começar.

52
00:04:11,430 --> 00:04:14,210
Eu sempre gosto de começar agradável e simples.

53
00:04:14,430 --> 00:04:16,780
Então eu volto aqui.

54
00:04:17,490 --> 00:04:20,550
Vamos fazer Montana agora e você pode ver que nós imprimimos Montana lá.

55
00:04:20,550 --> 00:04:22,030
Então agora é apenas uma questão de salvar isso para uma variável.

56
00:04:22,230 --> 00:04:28,530
Então, vamos chamar isso, vamos chamar isso de igual que o naufrágio que consultou a pesquisa.

57
00:04:28,530 --> 00:04:35,700
Então, o que podemos fazer é apenas fazer consultas mais ali e isso apenas adicionará nossa consulta

58
00:04:35,700 --> 00:04:44,350
de pesquisa de uma maneira mais fácil ou mais limpa na minha opinião, pelo menos, é tornar a aurl variável

59
00:04:44,820 --> 00:04:53,550
e concatê-la assim, de modo que possamos solicitar mais curto que nós fizemos aqui, nós apenas pedimos que você estivesse fora.

60
00:04:53,640 --> 00:05:02,760
Então, estamos recebendo o reator de consulta consultado sobre a pesquisa, então, seja qual for o usuário digitado

61
00:05:02,760 --> 00:05:10,530
na forma ou agarrando que o Montana, neste caso, salvando isso para essa variável, então, reconstruindo

62
00:05:10,620 --> 00:05:17,790
você sabe que você é tudo o que vai se parecer com HTP, .

63
00:05:17,790 --> 00:05:23,850
Dot com slash question mark s é igual a qualquer usuário digitado nesse formulário.

64
00:05:23,880 --> 00:05:27,230
E então estamos usando o que você é.

65
00:05:27,270 --> 00:05:33,670
E é isso.

66
00:05:34,440 --> 00:05:36,190
Então, vamos dar uma chance de ir ao nosso formulário e procurar a Flórida e o que você conhece, temos 10 resultados da Flórida.

67
00:05:36,600 --> 00:05:37,590
Experimente novamente desta vez vamos fazer outro estado.

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

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

70
00:05:58,530 --> 00:06:03,110
Então a próxima coisa que podemos fazer é apenas adicionar algumas pequenas melhorias.

71
00:06:03,120 --> 00:06:04,010
Qualquer coisa é uma

72
00:06:04,530 --> 00:06:09,960
melhoria que eu acho, mas a principal coisa que eu estou pensando não é a UI, mas estou pensando apenas em mostrar-lhe usando mais dados.

73
00:06:09,970 --> 00:06:17,160
Então, não estamos usando o ano em que não precisamos de tipo vamos usar o ano.

74
00:06:17,160 --> 00:06:19,920
Então, vamos fazer o título do filme Dasch no ano que deveria

75
00:06:19,980 --> 00:06:26,030
ser simples o suficiente e gostaríamos de olhar como ano do filme, assim como isso nos salvará como você pode ver aqui, nós conseguimos o ano.

76
00:06:26,190 --> 00:06:34,420
E vamos também adicionar em negrito o título do filme ou em itálico o ano, quer um.

77
00:06:34,610 --> 00:06:45,030
Vamos fazer isso um pouco mais limpo aqui.

78
00:06:45,570 --> 00:06:54,150
Eu acho que tecnicamente devemos adicionar na UL

79
00:06:55,050 --> 00:06:57,670
e tudo isso.

80
00:06:58,220 --> 00:07:03,270
ESTÁ BEM.

81
00:07:07,530 --> 00:07:09,420
E nós estamos fazendo o título e nós

82
00:07:09,960 --> 00:07:11,050
faremos o título, vamos muito

83
00:07:11,430 --> 00:07:15,240
forte e também podemos recuar isso para tornar um pouco mais fácil ver o que está acontecendo.

84
00:07:18,020 --> 00:07:21,020
Tudo bem.

85
00:07:26,970 --> 00:07:33,040
Então, vamos dar uma olhada.

86
00:07:34,320 --> 00:07:36,280
Aqui vamos nós.

87
00:07:36,810 --> 00:07:40,540
Nós começamos nosso negrito Sweet Home Alabama louco agora e depois o ano que não é ousado.

88
00:07:40,590 --> 00:07:41,040
Tudo bem.

89
00:07:41,040 --> 00:07:46,630
Então, uma última coisa é muito pequena.

90
00:07:47,070 --> 00:07:47,800
Mas vamos apenas adicionar um botão de trás.

91
00:07:47,880 --> 00:07:50,610
Então, uma tag que você quer que ref seja igual a barra simplesmente faça uma pesquisa novamente.

92
00:07:50,610 --> 00:07:53,410
Eu gosto disso.

93
00:07:53,700 --> 00:08:03,690
E agora podemos procurar novamente.

94
00:08:04,230 --> 00:08:05,870
ESTÁ BEM.

95
00:08:06,420 --> 00:08:08,140
Mais um.

96
00:08:08,640 --> 00:08:08,930
O que é dito como outro estado que podemos usar.

97
00:08:08,940 --> 00:08:10,230
Ah, vamos tentar Nova York.

98
00:08:10,260 --> 00:08:12,150
Então, temos um espaço e, quando o enviamos, percebeu

99
00:08:12,180 --> 00:08:14,080
que automaticamente um sinal de adição adicionou sua nova vantagem.

100
00:08:14,100 --> 00:08:23,730
York e é isso que está sendo feito do.

101
00:08:23,730 --> 00:08:24,100
Ou é o que o pedido está sendo feito.

102
00:08:24,100 --> 00:08:26,910
Então é por agora.

103
00:08:26,920 --> 00:08:29,610
Então, apenas para reiterar as principais soluções de viagem apenas uma rota regular.

104
00:08:29,700 --> 00:08:31,220
Estamos apenas a cumprir o pedido dentro dele.

105
00:08:31,590 --> 00:08:35,850
Quando esse pedido é feito, estamos renderizando um modelo.

106
00:08:36,060 --> 00:08:38,070
A outra coisa que é importante é em underparts porque

107
00:08:38,070 --> 00:08:42,310
quando você transforma essa string em um objeto javascript que podemos usar e, então, a última coisa foi criar uma dinâmica.

108
00:08:42,870 --> 00:08:48,330
Portanto, nem sempre é Califórnia ou Iowa ou o que quer que seja.

109
00:08:48,330 --> 00:08:53,060
Agora estamos adicionando as consultas do usuário que vem da seqüência de consulta do formulário.

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

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

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