Por último, aquí estamos en la cuarta y última tarea de este curso.
¿Qué hacemos en esta tarea?
Exploraremos los temas que hemos tratado en este módulo en particular.
Comunicación cliente-servidor, el uso de API de descanso, rectangulares de descanso
y animaciones en esta asignación en particular.
Entonces, ¿cuáles son las diversas tareas en esta tarea?
Esta tarea consistirá en cuatro tareas diferentes.
Vamos a explorar todos y cada uno de ellos con un poco de detalle, a continuación.
Así como actualizamos las encuestas de platos para usar
cliente HTTP para contactar con el resto del servidor API,
su primera tarea en esta tarea es actualizar el servicio de promociones para
que el servicio de promoción vaya a buscar los datos
requeridos sobre las promociones desde el lado del servidor.
Por lo tanto, necesita implementar los tres métodos para obtener promociones,
obtener promoción destacada y obtener promoción.
Tres métodos diferentes allí,
pero en particular vamos a hacer uso de la promoción
get featured para obtener la información para renderizar
la información sobre las promociones en
la página de inicio de esta aplicación angular en particular.
Así que en la primera tarea,
necesita actualizar el servicio de promoción para utilizar el cliente HTTP y también
actualizar el componente de inicio para hacer uso de
el servicio de promoción para obtener los datos del servidor,
y luego hacer esta formación de promoción en la página principal.
Su segunda tarea en esta tarea es, por supuesto,
actualizar el servicio líder para usar el cliente HTTP, oh,
y buscar los datos del
el servidor Json con el fin de renderizar la información sobre los líderes.
Por lo tanto, el líder destacado aquí debe representarse usando el líder destacado get
del servicio líder para obtener la información del servidor.
Del mismo modo, yendo a la página acerca,
la información sobre el liderazgo corporativo que
renderizamos aquí debe ser obtenida del servicio líder
usando el método get leaders que debería usar
cliente HTTP para ir y buscar los datos desde el lado del servidor.
Del mismo modo, actualice el método get leader en el servicio de líderes.
Por lo tanto, esa es la segunda tarea en su asignación.
Su tercera tarea en la asignación es activar el formulario de comentarios, el formulario reactivo
que hemos creado en la página de contacto.
Por lo tanto, en este formulario de comentarios cuando el usuario
envía información válida y luego hace clic en el botón de enviar,
esta información del formulario de comentarios debe ser proporcionada a
un servicio de comentarios que vas a
implementar como parte de la tercera tarea en esta tarea.
El servicio de comentarios apoyará un método de envío de comentarios que
toma la información de formulario enviada desde el componente de contacto,
el método de envío del componente de conducta a su servicio de comentarios,
y luego el método de envío de comentarios en el servicio de comentarios a su vez utilizará
HTTP para publicar los datos en el servidor.
El método de publicación toma la información del formulario que viene como un parámetro para enviar
método de retroalimentación y luego publica esa información en
la URL de retroalimentación en nuestro sitio de servidor Json.
El envío de información a su servidor no va a ser instantáneo.
Así que, en la cuarta tarea de esta tarea,
vas a manejar el hecho de que el envío de la información
desde el formulario de retroalimentación al servidor va a tomar algo de tiempo,
y luego, una vez que la información se envía correctamente,
tu vas a preguntar al usuario con la conformación desde el lado del servidor.
Por lo tanto, tomemos este formulario y luego enviaremos el formulario aquí.
Por lo tanto, permítanme escribir algo de información en el formulario.
Así, una vez que el usuario escribe en
toda la información válida en el formulario y luego haga clic en el botón de enviar,
usted enviará esta información a través del servicio de comentarios al servidor para ser publicado.
Hasta que el servidor responda a usted,
debe mostrar un spinner de progreso en la pantalla y una vez que la información de retroalimentación es
obtenida del lado del servidor y el lado del servidor confirma que
la información del formulario de retroalimentación se ha enviado correctamente en el lado del servidor.
Por lo tanto, aquí es donde cuando llamas al método de envío de comentarios,
el método de envío de comentarios te devolverá un objeto de retroalimentación,
por lo que te suscribes a eso porque el método de envío de comentarios devolverá un objeto observable.
Así que te suscribes a eso y dentro de la suscripción,
obtendrás el parámetro que es
la información del formulario de comentarios que enviaste a través del método de enviar comentarios.
Recordemos cómo manejamos la actualización del plato en el componente de detalle plato en el ejercicio.
De la misma manera, cuando publique el formulario,
el método de enviar comentarios le devolverá
el objeto de comentarios publicado que regresa desde
el lado del servidor para confirmar que el formulario se ha enviado correctamente.
Así que, dentro de su componente de contacto,
usted se suscribirá a eso y luego,
cuando se obtenga el objeto de retroalimentación en ese punto,
usted mostrará la información del objeto de retroalimentación como verá aquí.
Así que, cuando envíe el formulario,
usted notará inmediatamente el progreso spinner ir allí,
y luego después de la presentación se complete usted mostrará la conformación
durante cinco segundos aquí para mostrar lo
información se ha publicado a
el sitio del servidor y luego después de cinco segundos usted descartará eso y
luego devolverá el formulario vacío a la pantalla.
Usted también nota que en cada etapa estábamos usando la animación.
Puede hacer uso de la animación de expansión para traer cada etapa a la pantalla.
Entonces, cuando el usuario haga clic en el botón Enviar,
ocultará primero el formulario
y luego reemplazará ese formulario con el spinner de progreso en la vista.
Entonces, cuando obtenga el objeto de retroalimentación de retorno de
el lado del servidor para confirmar que donde el servidor ha sido actualizado,
entonces en ese momento usted despedirá el spinner,
se mostrará el contenido del objeto de retroalimentación en
la pantalla durante cinco segundos como hemos visto allí.
Luego, después de cinco segundos descartará eso y
luego mostrará un formulario vacío en el punto para que
el usuario pueda enviar la siguiente información de feedback si así lo desea.
Ahora en el proceso de hacer esto,
vas a tomar la ayuda del hecho de que cuando
publiques algo en el servidor usando el método post,
el servidor devolverá
el objeto feedback de nuevo a usted en forma de un observable y que
observable será pasado de vuelta a
su componente de contacto a través del método de envío de comentarios.
Cuando reciba ese observable,
se suscribe a ese observable,
y dentro del método de suscripción obtendrá acceso al objeto de retroalimentación
confirmando que la información de retroalimentación ha sido publicada en el sitio del servidor.
Luego, en ese punto,
descartará el spinner de progreso, y luego,
mostrará la información de retorno por una duración de cinco segundos en la pantalla,
y luego descartará eso nuevamente,
y luego reemplazará eso con un formulario de restablecimiento desde el sitio de la aplicación.
Por lo tanto, estos pasos requieren que usted piense detenidamente en cómo
implementa esta secuencia de etapas para la presentación del formulario.
Algunos detalles más sobre esto se explican en
los detalles de asignación que se dan en esta lección.
Por lo tanto, lea eso y si tiene alguna pregunta por favor siéntase libre
para publicar esas preguntas en el foro y allí será respondida.
Ahora, esta cuarta tarea va a estar un poco más involucrada.
Necesitas planificar tu secuencia de etapas correctamente.
Usted se sorprenderá de que casi todas las partes que necesita
hacer aquí se han encontrado en algún lugar u otro en los ejercicios anteriores.
Entonces, esto no es nada totalmente nuevo para ti,
pero solo necesitas recoger todas esas piezas y luego
unirlas para implementar esta solución.
Ya he demostrado que es factible hacerlo.
Por lo tanto, eso completa la cuarta tarea de esta asignación.
Diviértete completando esta tarea final.
Estoy seguro de que aprenderá mucho completando estas cuatro tareas con éxito.
Otra vez como dije,
ninguna de estas tareas va a ser complicada.
Usted ha visto trozos y trozos de ellos en los ejercicios anteriores.
Por lo tanto, debe ser bastante sencillo que
complete estos excepto que usted necesita tener cuidado en la planificación
las etapas para el envío del formulario correctamente y luego usar
variables adicionales juiciosamente para
rastrear las diversas etapas de la presentación del formulario aquí.