Tudo bem na rota de pesquisa.
Então, novamente, queremos ser capazes de ter em torno da busca em barra ou vamos apenas fazer a página inicial cortar
e nós teremos um formulário que preenchemos o formulário que ele envia para esta rota, que então solicitará
que seja API, exceto esse pedido terá uma variável aqui que vem do formulário e, em seguida, tudo o resto funcionará da
mesma forma, poderemos deixar essa rota sozinha.
Então, vamos adicionar isso em
apt get
slash exatamente assim e começaremos apenas por renderizar um formulário que chamaremos de pesquisa.
Então, em seguida, vamos fazer que o toque veja a barra de busca.
E. J. Sim e eu
tive um erro de digitação de Tudge.
E. J. Sim.
Dê uma olhada em um H1.
Procure um filme.
E, como mencionei, estamos mantendo muito muito barebones aqui.
Sem estilo.
Certifique-se de que vejamos isso quando executamos o servidor.
Eu vou para a rota que eu vejo procurar um filme.
Excelente.
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
vamos adicionar outro tipo
de entrada igual a enviar assim.
Então, onde será essa forma?
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.
Bem, queremos que ele seja submetido
Então, isso só vai ser resultados e método de ação slash é apenas obtém, de
modo que quase tudo isso,
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.
Então, mesmo que eu procure por Harry Potter e pressione enviar, vi Iowa, mas está enviando o formulário corretamente.
Está atingindo esta rota, reduzindo os resultados e está ficando nos filmes de Iowa e renderizando o modelo de resultados.
Então, agora precisamos tirar os dados desse formulário e conectá-lo à chamada da API.
Então, a primeira coisa que precisamos fazer é adicionar nosso atributo de nome para que possamos chamar isso do que quisermos.
Vamos chamar isso de estranho.
Na verdade, isso é um pouco confuso.
Então, em vez disso, basta nomear a pesquisa.
Então, lembre-se quando esta solicitação é feita quando enviamos o formulário, será assim.
Vou mostrar-lhe apenas um segundo.
Reinicie o servidor.
Então, nossos dados, o que quer que colocamos aqui, serão armazenados e pesquisados.
Então, se voltarmos, atualize e tente algo como O que é outro estado que podemos fazer.
Vamos fazer o Wyoming.
Enviar pode ver aqui, a pesquisa é igual a Wyoming.
Nosso par de valores chave na cadeia de consulta.
Então, é tudo o que precisamos fazer para o formulário.
Então, dentro do nosso aplicativo nesta rota, precisamos
acessar os dados dessa string de consulta e inseri-lo aqui.
Então, vamos começar simples.
Como obtemos dados da cadeia de consulta.
Bem, é uma consulta de ponto de solicitação com o nome da chave ou da chave daquela
informação que é a pesquisa que é o que chamamos de salvá-la para uma variável.
Vamos apenas imprimi-lo para começar.
Eu sempre gosto de começar agradável e simples.
Então eu volto aqui.
Vamos fazer Montana agora e você pode ver que nós imprimimos Montana lá.
Então agora é apenas uma questão de salvar isso para uma variável.
Então, vamos chamar isso, vamos chamar isso de igual que o naufrágio que consultou a pesquisa.
Então, o que podemos fazer é apenas fazer consultas mais ali e isso apenas adicionará nossa consulta
de pesquisa de uma maneira mais fácil ou mais limpa na minha opinião, pelo menos, é tornar a aurl variável
e concatê-la assim, de modo que possamos solicitar mais curto que nós fizemos aqui, nós apenas pedimos que você estivesse fora.
Então, estamos recebendo o reator de consulta consultado sobre a pesquisa, então, seja qual for o usuário digitado
na forma ou agarrando que o Montana, neste caso, salvando isso para essa variável, então, reconstruindo
você sabe que você é tudo o que vai se parecer com HTP, .
Dot com slash question mark s é igual a qualquer usuário digitado nesse formulário.
E então estamos usando o que você é.
E é isso.
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.
Experimente novamente desta vez vamos fazer outro estado.
Alabama.
Impressionante.
Então a próxima coisa que podemos fazer é apenas adicionar algumas pequenas melhorias.
Qualquer coisa é uma
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.
Então, não estamos usando o ano em que não precisamos de tipo vamos usar o ano.
Então, vamos fazer o título do filme Dasch no ano que deveria
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.
E vamos também adicionar em negrito o título do filme ou em itálico o ano, quer um.
Vamos fazer isso um pouco mais limpo aqui.
Eu acho que tecnicamente devemos adicionar na UL
e tudo isso.
ESTÁ BEM.
E nós estamos fazendo o título e nós
faremos o título, vamos muito
forte e também podemos recuar isso para tornar um pouco mais fácil ver o que está acontecendo.
Tudo bem.
Então, vamos dar uma olhada.
Aqui vamos nós.
Nós começamos nosso negrito Sweet Home Alabama louco agora e depois o ano que não é ousado.
Tudo bem.
Então, uma última coisa é muito pequena.
Mas vamos apenas adicionar um botão de trás.
Então, uma tag que você quer que ref seja igual a barra simplesmente faça uma pesquisa novamente.
Eu gosto disso.
E agora podemos procurar novamente.
ESTÁ BEM.
Mais um.
O que é dito como outro estado que podemos usar.
Ah, vamos tentar Nova York.
Então, temos um espaço e, quando o enviamos, percebeu
que automaticamente um sinal de adição adicionou sua nova vantagem.
York e é isso que está sendo feito do.
Ou é o que o pedido está sendo feito.
Então é por agora.
Então, apenas para reiterar as principais soluções de viagem apenas uma rota regular.
Estamos apenas a cumprir o pedido dentro dele.
Quando esse pedido é feito, estamos renderizando um modelo.
A outra coisa que é importante é em underparts porque
quando você transforma essa string em um objeto javascript que podemos usar e, então, a última coisa foi criar uma dinâmica.
Portanto, nem sempre é Califórnia ou Iowa ou o que quer que seja.
Agora estamos adicionando as consultas do usuário que vem da seqüência de consulta do formulário.
Nosso