Infine, eccoci al quarto e ultimo incarico di questo corso.
Cosa facciamo in questo incarico?
Esploreremo gli argomenti trattati in questo particolare modulo.
Comunicazione client-server, l'uso di API di
riposo, rettangoli di riposo e animazioni in questo particolare incarico.
Quindi, quali sono i vari compiti in questo compito?
Questo incarico sarà composto da quattro compiti diversi.
Esaminiamo ognuno di loro in un piccolo dettaglio, il prossimo.
Proprio come abbiamo aggiornato i sondaggi piatto per utilizzare il
client HTTP per contattare il server API resto,
il tuo primo compito in questo compito è quello di aggiornare il servizio di promozioni in modo
che il servizio di promozione vada a recuperare i dati
richiesti sulle promozioni dal lato server.
Quindi, è necessario implementare i tre metodi che ottenere promozioni,
ottenere promozione in primo piano, e ottenere promozione.
Tre diversi metodi lì,
ma in particolare faremo uso della
promozione get featured per ottenere le informazioni per rendere
le informazioni sulle promozioni
sulla homepage per questa particolare applicazione angolare.
Quindi, nella prima attività,
è necessario aggiornare il servizio di promozione per utilizzare il client HTTP e anche
aggiornare il componente home per fare uso
del servizio di promozione per recuperare i dati dal server,
e quindi rendere questa formazione di promozione nella homepage.
Il tuo secondo compito in questo compito è, naturalmente,
aggiornare il servizio leader per utilizzare il client HTTP, oh,
e recuperare i dati dal
server Json per rendere le informazioni sui leader.
Quindi, il leader in primo piano qui dovrebbe essere reso usando il
leader get in primo piano dal servizio leader per recuperare le informazioni dal server.
Allo stesso modo, andando alla pagina about,
le informazioni sulla leadership aziendale che
rendiamo qui dovrebbero essere recuperate dal servizio leader
utilizzando il metodo get leader che dovrebbe usare il
client HTTP per andare a recuperare i dati dal lato server.
Analogamente, aggiornare il metodo get leader nel servizio leader.
Quindi, questo è il secondo compito del tuo incarico. Il
tuo terzo compito nell'assegnazione è quello di attivare il modulo di feedback,
modulo reattivo che abbiamo creato nella pagina dei contatti.
Quindi, in questo modulo di feedback quando l'utente
invia informazioni valide e quindi fa clic sul pulsante di invio,
queste informazioni del modulo di feedback devono essere fornite a
un servizio di feedback che si sta per
implementare come parte della terza attività in questo compito.
Il servizio di feedback supporterà un metodo di feedback di invio che
prende le informazioni del modulo inviate dal componente di contatto,
il metodo on submit del componente di condotta al loro servizio di feedback,
e quindi il metodo di feedback di invio nel servizio di feedback a sua volta utilizzerà il
client HTTP per pubblicare i dati sul server.
Il metodo post prende le informazioni del modulo che viene in come parametro per quel
metodo di feedback di invio e quindi invia tali informazioni
all'URL di feedback sul nostro sito server Json.
L' invio di informazioni al server non sarà istantaneo.
Quindi, nella quarta attività in questo compito,
gestirai il fatto che l'invio delle informazioni
dal modulo di feedback al server richiederà una certa quantità di tempo,
e poi dopo una volta inviate le informazioni con successo,
chiederà all'utente con la conformazione dal lato server.
Quindi, prendiamo questo modulo e poi invieremo il modulo qui.
Quindi, lasciami digitare alcune informazioni nel modulo.
Quindi, una volta che l'utente digita
tutte le informazioni valide nel modulo e quindi fa clic sul pulsante di invio,
invierai queste informazioni attraverso il servizio di feedback al server da pubblicare.
Fino a quando il server non ti risponde,
dovresti visualizzare uno spinner di avanzamento sullo schermo e una volta
ottenute le informazioni di feedback dal lato server e dal lato server confermano che
le informazioni del modulo di feedback sono state inviate correttamente sul lato server.
Quindi, questo è dove quando chiami il metodo di invio del feedback,
il metodo di invio del feedback ti restituirà un oggetto di feedback,
quindi ti iscrivi a quello perché il metodo di invio del feedback restituirà un osservabile.
Quindi ti iscrivi a questo e all'interno della sottoscrizione,
otterrai il parametro che è
l'informazione del modulo di feedback che hai inviato attraverso il metodo di invio del feedback.
Ricordiamo come gestiamo l'aggiornamento del piatto nella componente dettaglio piatto nell'esercizio.
Allo stesso modo, quando pubblichi il modulo,
il metodo di invio del feedback ti restituirà
l'oggetto feedback postato che ritorna
dal lato server per confermare che il modulo è stato inviato correttamente.
Quindi, all'interno del tuo componente di contatto,
ti iscriverai a quello e poi,
quando l'oggetto feedback viene ottenuto a quel punto,
visualizzerai le informazioni dall'oggetto feedback come vedrai qui.
Quindi, quando invio il modulo,
noterai immediatamente lo spinner di avanzamento andando lì,
e poi dopo che la presentazione è completa mostrerai la conformazione
per cinque secondi qui per mostrare quali
informazioni sono state pubblicate
sul sito del server e poi dopo cinque secondi lo farai respingerlo e
quindi riportare il modulo vuoto sullo schermo.
Si nota anche che in ogni fase stavamo usando l'animazione.
È possibile utilizzare l'animazione di espansione per portare in ogni fase sullo schermo.
Quindi, quando l'utente fa clic sul pulsante di invio,
nasconderai
prima il modulo e quindi sostituirai quel modulo con lo spinner di avanzamento nella vista.
Quindi, quando si ottiene l'oggetto di feedback di ritorno dal
lato server per confermare che dove il server è stato aggiornato,
quindi a quel punto si chiude lo spinner,
si mostrerà il contenuto dell'oggetto feedback
sullo schermo per cinque secondi come abbiamo visto lì.
Quindi, dopo cinque secondi lo respingerai e
poi mostrerai un modulo vuoto nel punto in modo che
l'utente possa inviare le informazioni di feedback successive se lui o lei sceglie di farlo.
Ora nel processo di farlo,
prenderai l'aiuto del fatto che quando
pubblichi qualcosa sul server usando il metodo post,
il server restituirà
l'oggetto feedback sotto forma di osservabile e quell'
osservabile verrà restituito al
tuo tramite il metodo di invio del feedback.
Quando ricevi tale osservabile,
ti iscrivi a tale osservabile
e all'interno del metodo di sottoscrizione avrai accesso all'oggetto feedback
che conferma che le informazioni sul feedback sono state pubblicate sul sito del server.
Quindi, a quel punto,
respingerai lo spinner di avanzamento e quindi
mostrerai le informazioni di ritorno per una durata di cinque secondi sullo schermo,
quindi dopodiché lo respingerai di nuovo
e quindi sostituirai con un modulo di reset dal sito di applicazione.
Quindi, questi passaggi richiedono di riflettere molto attentamente su come
implementare questa sequenza di fasi per l'invio del modulo.
Alcuni dettagli su questo argomento sono spiegati
nei dettagli dell'assegnazione forniti in questa lezione.
Quindi, leggere e se avete domande non esitate
a postare queste domande nel forum e vi sarà risposta lì.
Ora, questo quarto compito sarà un po' più coinvolto.
Devi pianificare correttamente la tua sequenza di fasi.
Sarai sorpreso che quasi ogni parte che devi
fare qui hai incontrato da qualche parte o l'altra negli esercizi precedenti.
Quindi, questo non è nulla di completamente nuovo per
te, ma devi solo raccogliere tutti quei pezzi e poi
unirli insieme per implementare questa soluzione.
Ho già dimostrato che è possibile farlo.
Quindi, questo completa il quarto compito in questo compito.
Divertiti a completare questo compito finale.
Sono sicuro che imparerai molto completando questi quattro compiti con successo.
Ancora una volta, come ho detto,
nessuno di questi compiti sarà complicato.
Hai visto pezzi e pezzi di loro negli esercizi precedenti.
Quindi, dovrebbe essere abbastanza semplice
completare questi tranne che è necessario fare attenzione nel pianificare
correttamente le fasi per l'invio del modulo e quindi utilizzare
ulteriori variabili giudiziosamente per
tenere traccia delle varie fasi della presentazione del modulo qui.