Schließlich sind wir hier bei der vierten und letzten Aufgabe in diesem Kurs.
Was machen wir in diesem Auftrag?
Wir werden die Themen untersuchen, die wir in diesem speziellen Modul behandelt haben.
Client-Server-Kommunikation, die Verwendung von
Rest-API, Rest-Rechtecke und Animationen in dieser speziellen Zuweisung.
Also, was sind die verschiedenen Aufgaben in dieser Aufgabe?
Diese Zuordnung besteht aus vier verschiedenen Aufgaben.
Lassen Sie uns jeden einzelnen von ihnen in einem kleinen Detail erkunden, als nächstes.
So wie wir die Dish-Umfragen aktualisiert haben, um
HTTP-Client zu verwenden, um mit dem Rest API-Server
zu kontaktieren, ist Ihre erste Aufgabe in dieser Zuweisung, den Promotion-Dienst zu aktualisieren
, so dass der Promotion-Dienst gehen und holen Sie die
erforderlichen Daten über die Werbeaktionen von der Serverseite.
Sie müssen also die drei Methoden implementieren, die Werbeaktionen erhalten,
erhalten Sie vorgestellte Promotion und erhalten Promotion.
Drei verschiedene Methoden gibt,
aber insbesondere werden wir die Nutzung der Get Featured
Promotion machen, um die
Informationen über die Aktionen auf
der Homepage für diese besondere eckige Anwendung zu machen.
In der ersten Aufgabe
müssen Sie also den Promotion-Dienst aktualisieren, um HTTP-Client zu verwenden und auch
die Home-Komponente aktualisieren, um
den Promotion-Dienst zu nutzen, um die Daten vom Server zu holen,
und dann diese Promotion-Formation auf der Homepage zu rendern.
Ihre zweite Aufgabe in dieser Zuweisung ist natürlich,
den Leader-Service zu aktualisieren, um HTTP-Client zu verwenden, oh,
und holen Sie die Daten vom
Json-Server, um die Informationen über die Führer zu rendern.
Daher sollte der vorgestellte Führer hier gerendert werden, indem der „get
featured“ -Führer vom Leader Service verwendet wird, um die Informationen vom Server abzurufen.
In ähnlicher Weise
sollten die Informationen über die Unternehmensführung, die wir hier rendern, aus dem Leader-Service
mit der get leaders-Methode abgerufen werden, die
HTTP-Client verwenden sollte, um die Daten von der Serverseite zu holen.
Aktualisieren Sie in ähnlicher Weise die Methode „Leader abrufen“ im Führungsdienst.
Also, das ist die zweite Aufgabe in Ihrem Auftrag.
Ihre dritte Aufgabe im Auftrag besteht darin, das Feedback-Formular zu aktivieren,
reaktives Formular, das wir auf der Kontaktseite erstellt haben.
In diesem Feedback-Formular, wenn der Benutzer
gültige Informationen übermittelt und dann auf die Schaltfläche „Senden“ klickt,
sollten diese Feedback-Formular-Informationen an
einen Feedback-Dienst bereitgestellt werden, den Sie
als Teil der dritten Aufgabe in dieser Zuordnung implementieren werden.
Der Feedback-Service unterstützt eine Absende-Feedback-Methode, die die
Formularinformationen von der Kontaktkomponente gesendet,
die On Submit Methode der Verhaltenskomponente an ihren Feedback-Service,
und dann wird die Absende-Feedback-Methode im Feedback-Dienst wiederum
HTTP-Client verwenden , um die Daten auf dem Server zu posten.
Die Post-Methode verwendet die Formularinformationen, die als Parameter für diese
Methode zum Senden von Feedback-Daten eingehen, und postet diese Informationen dann an
die Feedback-URL auf unserer Json-Serverwebsite.
Die Übermittlung von Informationen an Ihren Server wird nicht sofort erfolgen.
In der vierten Aufgabe in dieser Zuweisung
werden Sie die Tatsache behandeln, dass die Übermittlung der Informationen
aus dem Feedback-Formular an den Server etwas Zeit in Anspruch nehmen
wird, und danach, sobald die Informationen erfolgreich übermittelt wurden,
werden Sie den Benutzer mit die Konformation von der Serverseite.
Also, nehmen wir dieses Formular an und dann senden wir das Formular hier ein.
Also, lassen Sie mich einige Informationen in das Formular eingeben.
Sobald der Benutzer also
alle gültigen Informationen in das Formular eingibt und dann auf die Schaltfläche „Senden“ klickt,
senden Sie diese Informationen über den Feedback-Service an den Server, der gepostet werden soll.
Bis der Server auf Sie antwortet,
sollten Sie ein Fortschrittsauswahlfeld auf dem Bildschirm anzeigen und sobald die Feedback-Informationen
von der Serverseite abgerufen wurden und die Serverseite bestätigt, dass
die Feedback-Formularinformationen erfolgreich auf der Serverseite gesendet wurden.
Wenn Sie also die Methode zum Senden von Feedback aufrufen, gibt Ihnen die Methode zum
Senden eines Feedback-Objekts ein Feedback-Objekt zurück,
sodass Sie das abonnieren, da die Methode zum Senden eines Feedbacks ein beobachtbares zurückgibt.
Sie abonnieren also und innerhalb des Abonnements
erhalten Sie den Parameter, der die
Feedback-Formular-Informationen ist, die Sie über die Absende-Feedback-Methode eingereicht haben.
Erinnern Sie sich, wie wir mit der Aktualisierung des Gerichts in der Schüssel Detailkomponente in der Übung umgehen.
Auf dieselbe Weise
gibt Ihnen die Methode zum Absenden des Formulars das
gepostete Feedback-Objekt zurück, das von
der Serverseite zurückkommt, um zu bestätigen, dass das Formular erfolgreich gesendet wurde.
Also, innerhalb Ihrer Kontaktkomponente,
werden Sie das abonnieren und dann,
wenn das Feedback-Objekt zu diesem Zeitpunkt erhalten
wird, werden Sie die Informationen aus dem Feedback-Objekt anzeigen, wie Sie hier sehen werden.
Also, wenn ich das Formular absende,
werden Sie sofort bemerken, dass der Fortschrittsspinner dorthin geht,
und dann, nachdem die Einreichung abgeschlossen ist, werden Sie die Konformation
für fünf Sekunden hier zeigen, welche
Informationen auf
der Server-Site gepostet wurden, und dann nach fünf Sekunden werden Sie verwerfen Sie das und
bringen Sie dann das leere Formular auf den Bildschirm zurück.
Sie bemerken auch, dass wir in jeder Phase Animation verwendet haben.
Sie können die Erweiterungsanimation verwenden, um jede Stufe auf den Bildschirm zu bringen.
Wenn der Benutzer also auf die Schaltfläche „Senden“ klickt,
blenden Sie
zuerst das Formular aus und ersetzen dann dieses Formular durch das Fortschrittsauswahlfeld in der Ansicht.
Wenn Sie dann das Rückgabe-Feedback-Objekt von
der Serverseite erhalten, um zu bestätigen, dass der Server aktualisiert wurde,
dann werden Sie an diesem Punkt das Spinner schließen,
Sie werden den Inhalt des Feedback-Objekts auf
dem Bildschirm für fünf Sekunden anzeigen, wie wir dort gesehen haben.
Dann, nach fünf Sekunden werden Sie das ablehnen und
dann werden Sie an der Stelle ein leeres Formular anzeigen, damit
der Benutzer die nächsten Feedback-Informationen senden kann, wenn er sich dafür entscheidet.
Jetzt
werden Sie dabei die Hilfe der Tatsache nehmen, dass, wenn
Sie etwas auf dem Server mit der Post-Methode posten,
der Server
das Feedback-Objekt in Form eines beobachtbaren
zurückgibt und dass Observable an
Ihre -Kontaktkomponente über die Methode zum Absenden von Feedback.
Wenn Sie das beobachtbare erhalten,
abonnieren Sie das beobachtbare,
und innerhalb der Abonnementmethode erhalten Sie Zugriff auf das Feedback-Objekt, das
bestätigt, dass die Feedback-Informationen auf der Server-Site veröffentlicht wurden.
Dann
schließen Sie zu diesem Zeitpunkt das Fortschrittsauswahlfeld aus und
zeigen dann die Rückgabeinformationen für eine Dauer von fünf Sekunden auf dem Bildschirm an.
Danach schließen Sie das Zahlenauswahlfeld erneut,
und ersetzen Sie es dann durch ein Zurücksetzungsformular von der Anwendungswebsite.
Diese Schritte erfordern also, dass Sie sehr sorgfältig darüber nachdenken, wie Sie
diese Abfolge von Stufen für die Einreichung des Formulars implementieren.
Weitere Details dazu werden in
den Zuordnungsdetails erläutert, die in dieser Lektion angegeben sind.
Also, lesen Sie das durch und sollten Sie Fragen haben, zögern Sie nicht,
diese Fragen in das Forum zu posten und es wird dort beantwortet.
Nun, diese vierte Aufgabe wird ein wenig mehr involviert sein.
Sie müssen Ihre Abfolge von Stufen richtig planen.
Sie werden überrascht sein, dass fast jeder Teil, den
Sie hier tun müssen, irgendwo oder das andere in den vorherigen Übungen begegnet sind.
Also, das ist nichts völlig Neues für Sie,
aber Sie müssen nur all diese Teile aufnehmen und
sie dann zusammenfügen, um diese Lösung zu implementieren.
Ich habe bereits gezeigt, dass dies machbar ist.
Das schließt also die vierte Aufgabe in dieser Zuweisung ab.
Viel Spaß beim Abschluss dieses endgültigen Auftrags.
Ich bin mir sicher, dass Sie viel lernen werden, indem Sie diese vier Aufgaben erfolgreich abschließen.
Wieder, wie ich sagte, wird keine dieser Aufgaben kompliziert sein.
Sie haben Teile von ihnen in den Übungen früher gesehen.
Es sollte also ziemlich einfach sein,
diese auszufüllen, außer dass Sie bei
der Planung der Phasen für die Formularübermittlung vorsichtig sein müssen und dann
zusätzliche Variablen sinnvoll verwenden, um
die verschiedenen Phasen der Einreichung des Formulars hier zu verfolgen.