Finalmente, aqui estamos nós na quarta e última tarefa deste curso.
O que fazemos nesta tarefa?
Vamos explorar os tópicos que abordamos neste módulo específico.
Comunicação cliente-servidor, o uso da API de descanso,
retangulares de descanso e animações nesta atribuição específica.
Então, quais são as várias tarefas nesta atribuição?
Esta atribuição consistirá em quatro tarefas diferentes.
Vamos explorar cada um deles em um pequeno detalhe, a seguir.
Assim como atualizamos as pesquisas de prato para usar o cliente HTTP
para entrar em contato com o servidor de API restante,
sua primeira tarefa nesta atribuição é atualizar o serviço de promoções para
que o serviço de promoção irá buscar os dados
necessários sobre as promoções do lado do servidor.
Então, você precisa implementar os três métodos que recebem promoções,
obter promoção em destaque e obter promoção.
Três métodos diferentes lá,
mas em particular estaremos fazendo uso da promoção get featured
para obter as informações para renderizar
as informações sobre as promoções em
a página inicial para este aplicativo angular particular.
Então, na primeira tarefa,
você precisa atualizar o serviço de promoção para usar o cliente HTTP e também
atualizar o componente home para fazer uso de
o serviço de promoção para buscar os dados do servidor,
e, em seguida, renderizar esta formação de promoção na página inicial.
Sua segunda tarefa nesta atribuição é, claro,
atualizar o serviço líder para usar o cliente HTTP, oh,
e buscar os dados de
o servidor Json, a fim de renderizar as informações sobre os líderes.
Então, o líder em destaque aqui deve ser renderizado usando o get
em destaque líder do serviço líder para buscar as informações do servidor.
Da mesma forma, indo para a página sobre,
as informações sobre a liderança corporativa que
renderizamos aqui devem ser obtidas do serviço líder
usando o método get leaders que deve usar o cliente HTTP
para ir buscar os dados do lado do servidor.
Da mesma forma, atualize o método get leader no serviço líder.
Então, essa é a segunda tarefa em sua tarefa.
Sua terceira tarefa na atribuição é ativar o formulário de feedback,
formulário reativo que criamos na página de contato.
Então, neste formulário de feedback quando o usuário
envia informações válidas e, em seguida, clica no botão enviar,
esta informação do formulário de feedback deve ser fornecida para
um serviço de feedback que você está indo para
implementar como parte da terceira tarefa nesta atribuição.
O serviço de feedback suportará um método de feedback de envio que
assume o formulário de informações enviadas do componente de contato,
o método de envio do componente de conduta para seu serviço de feedback,
e, em seguida, o método de envio de feedback no serviço de feedback, por sua vez, usará
HTTP para postar os dados no servidor.
O método post toma as informações do formulário que vem como um parâmetro para que enviar
método de feedback e, em seguida, publica essas informações para
o URL de feedback em nosso site servidor Json.
O envio de informações para o seu servidor não será instantâneo.
Então, na quarta tarefa nesta atribuição,
você vai lidar com o fato de que a submissão da informação
do formulário de feedback para o servidor vai levar algum tempo,
e, em seguida, uma vez que a informação é enviada com sucesso,
você vai pedir ao usuário com a conformação do lado do servidor.
Então, vamos tomar este formulário e, em seguida, vamos enviar o formulário aqui.
Então, deixe-me digitar algumas informações no formulário.
Assim, uma vez que o usuário digita
todas as informações válidas no formulário e, em seguida, clica no botão enviar,
você enviará essas informações através do serviço de feedback para o servidor a ser postado.
Até que o servidor responda a você,
você deve exibir um girador de progresso na tela e uma vez que as informações de feedback são
obtidas do lado do servidor e o lado do servidor confirma que
as informações do formulário de feedback foram enviadas com sucesso no lado do servidor.
Então, este é o lugar onde quando você chamar o método enviar feedback,
o método enviar feedback irá retornar um objeto de feedback,
para que você assine isso porque o método enviar feedback retornará um observável.
Então você se inscreve para isso e dentro do subscrito,
você obterá o parâmetro que é
a informação do formulário de feedback que você enviou através do método de enviar feedback.
Lembre-se de como lidamos com a atualização do prato no componente de detalhe do prato no exercício.
Da mesma forma, quando você postar o formulário,
o método de envio de feedback retornará
o objeto de feedback postado voltando de
do lado do servidor para confirmar que o formulário foi enviado com sucesso.
Então, dentro do seu componente de contato,
você vai se inscrever para isso e, em seguida,
quando o objeto de feedback é obtido nesse ponto,
você irá exibir as informações do objeto de feedback como você verá aqui.
Então, quando eu enviar o formulário,
você vai notar imediatamente o spinner progresso indo para lá,
e depois que a submissão é concluída você vai mostrar a conformação
por cinco segundos aqui para mostrar o que
informações foi postado para
o site do servidor e depois de cinco segundos você irá descartar isso e
, em seguida, trazer de volta o formulário vazio para a tela.
Você também percebe que em cada estágio estávamos usando animação.
Você pode fazer uso da animação de expansão para trazer cada estágio para a tela.
Então, quando o usuário clica no botão enviar,
você vai esconder o formulário
primeiro e, em seguida, substituir esse formulário com o girador de progresso na exibição.
Então, quando você obter o objeto de retorno de
o lado do servidor para confirmar que onde o servidor foi atualizado,
então nesse ponto você vai descartar o spinner,
você vai mostrar o conteúdo do objeto de feedback na
a tela por cinco segundos como vimos lá.
Então, depois de cinco segundos você vai descartar isso e
então você vai mostrar um formulário vazio no ponto para que
o usuário pode enviar as próximas informações de feedback se ele ou ela escolher.
Agora, no processo de fazer isso,
você vai ter a ajuda do fato de que quando
você postar qualquer coisa no servidor usando o método post,
o servidor irá retornar
o objeto de feedback de volta para você na forma de um observável e que
observável será passado de volta para
seu componente de contato por meio do método de envio de feedback.
Quando você receber esse observável,
você se inscreve para que observável,
e dentro do método de assinatura você terá acesso ao objeto de feedback
confirmando que as informações de feedback foram publicadas no site do servidor.
Então, nesse ponto,
você vai descartar o spinner progresso e, em seguida,
mostrar as informações de retorno para uma duração de cinco segundos na tela,
e depois disso você vai descartar isso novamente,
e, em seguida, substituir isso por um formulário de redefinição do site do aplicativo.
Então, esses passos exigem que você pense com muito cuidado sobre como você
implementar esta sequência de estágios para a submissão do formulário.
Alguns mais detalhes sobre isso são explicados em
os detalhes da atribuição que são fornecidos nesta lição.
Então, leia isso e se você tiver alguma dúvida por favor sinta-se livre
para postar essas perguntas no fórum e ele será respondido lá.
Agora, esta quarta tarefa vai ser um pouco mais envolvida.
Você precisa planejar sua sequência de estágios corretamente.
Você vai se surpreender que quase todas as partes que você precisa
fazer aqui você encontrou em algum lugar ou outro nos exercícios anteriores.
Então, isso não é nada totalmente novo para você,
mas você só precisa pegar todas essas peças e, em seguida,
juntá-las para implementar esta solução.
Eu já demonstrei que é viável fazê-lo.
Então, isso completa a quarta tarefa nesta atribuição.
Divirta-se completando esta tarefa final.
Tenho certeza que você aprenderá muito concluindo essas quatro tarefas com sucesso.
Mais uma vez, como eu disse,
nenhuma dessas tarefas vai ser complicada.
Você já viu pedaços e pedaços deles nos exercícios anteriores.
Então, deve ser bastante simples para
completar estes, exceto que você precisa ter cuidado no planejamento
as etapas para a apresentação do formulário corretamente e, em seguida, usar
variáveis adicionais judiciosamente para
acompanhar as várias etapas da submissão do formulário aqui.