1 00:00:03,860 --> 00:00:10,845 Schließlich sind wir hier bei der vierten und letzten Aufgabe in diesem Kurs. 2 00:00:10,845 --> 00:00:13,350 Was machen wir in diesem Auftrag? 3 00:00:13,350 --> 00:00:19,225 Wir werden die Themen untersuchen, die wir in diesem speziellen Modul behandelt haben. 4 00:00:19,225 --> 00:00:23,255 Client-Server-Kommunikation, die Verwendung von 5 00:00:23,255 --> 00:00:28,600 Rest-API, Rest-Rechtecke und Animationen in dieser speziellen Zuweisung. 6 00:00:28,600 --> 00:00:32,360 Also, was sind die verschiedenen Aufgaben in dieser Aufgabe? 7 00:00:32,360 --> 00:00:35,759 Diese Zuordnung besteht aus vier verschiedenen Aufgaben. 8 00:00:35,759 --> 00:00:41,155 Lassen Sie uns jeden einzelnen von ihnen in einem kleinen Detail erkunden, als nächstes. 9 00:00:41,155 --> 00:00:45,170 So wie wir die Dish-Umfragen aktualisiert haben, um 10 00:00:45,170 --> 00:00:49,780 HTTP-Client zu verwenden, um mit dem Rest API-Server 11 00:00:49,780 --> 00:00:56,380 zu kontaktieren, ist Ihre erste Aufgabe in dieser Zuweisung, den Promotion-Dienst zu aktualisieren 12 00:00:56,380 --> 00:00:59,510 , so dass der Promotion-Dienst gehen und holen Sie die 13 00:00:59,510 --> 00:01:03,320 erforderlichen Daten über die Werbeaktionen von der Serverseite. 14 00:01:03,320 --> 00:01:08,210 Sie müssen also die drei Methoden implementieren, die Werbeaktionen erhalten, 15 00:01:08,210 --> 00:01:11,315 erhalten Sie vorgestellte Promotion und erhalten Promotion. 16 00:01:11,315 --> 00:01:13,310 Drei verschiedene Methoden gibt, 17 00:01:13,310 --> 00:01:15,935 aber insbesondere werden wir die Nutzung der Get Featured 18 00:01:15,935 --> 00:01:19,760 Promotion machen, um die 19 00:01:19,760 --> 00:01:23,090 Informationen über die Aktionen auf 20 00:01:23,090 --> 00:01:27,930 der Homepage für diese besondere eckige Anwendung zu machen. 21 00:01:27,930 --> 00:01:29,210 In der ersten Aufgabe 22 00:01:29,210 --> 00:01:34,175 müssen Sie also den Promotion-Dienst aktualisieren, um HTTP-Client zu verwenden und auch 23 00:01:34,175 --> 00:01:36,380 die Home-Komponente aktualisieren, um 24 00:01:36,380 --> 00:01:39,530 den Promotion-Dienst zu nutzen, um die Daten vom Server zu holen, 25 00:01:39,530 --> 00:01:44,105 und dann diese Promotion-Formation auf der Homepage zu rendern. 26 00:01:44,105 --> 00:01:48,080 Ihre zweite Aufgabe in dieser Zuweisung ist natürlich, 27 00:01:48,080 --> 00:01:52,815 den Leader-Service zu aktualisieren, um HTTP-Client zu verwenden, oh, 28 00:01:52,815 --> 00:01:54,260 und holen Sie die Daten vom 29 00:01:54,260 --> 00:01:57,890 Json-Server, um die Informationen über die Führer zu rendern. 30 00:01:57,890 --> 00:02:02,150 Daher sollte der vorgestellte Führer hier gerendert werden, indem der „get 31 00:02:02,150 --> 00:02:09,640 featured“ -Führer vom Leader Service verwendet wird, um die Informationen vom Server abzurufen. 32 00:02:09,640 --> 00:02:15,785 In ähnlicher Weise 33 00:02:15,785 --> 00:02:19,670 sollten die Informationen über die Unternehmensführung, die wir hier rendern, aus dem Leader-Service 34 00:02:19,670 --> 00:02:22,895 mit der get leaders-Methode abgerufen werden, die 35 00:02:22,895 --> 00:02:27,555 HTTP-Client verwenden sollte, um die Daten von der Serverseite zu holen. 36 00:02:27,555 --> 00:02:32,735 Aktualisieren Sie in ähnlicher Weise die Methode „Leader abrufen“ im Führungsdienst. 37 00:02:32,735 --> 00:02:37,625 Also, das ist die zweite Aufgabe in Ihrem Auftrag. 38 00:02:37,625 --> 00:02:43,160 Ihre dritte Aufgabe im Auftrag besteht darin, das Feedback-Formular zu aktivieren, 39 00:02:43,160 --> 00:02:46,640 reaktives Formular, das wir auf der Kontaktseite erstellt haben. 40 00:02:46,640 --> 00:02:49,340 In diesem Feedback-Formular, wenn der Benutzer 41 00:02:49,340 --> 00:02:53,420 gültige Informationen übermittelt und dann auf die Schaltfläche „Senden“ klickt, 42 00:02:53,420 --> 00:02:56,810 sollten diese Feedback-Formular-Informationen an 43 00:02:56,810 --> 00:02:59,120 einen Feedback-Dienst bereitgestellt werden, den Sie 44 00:02:59,120 --> 00:03:02,405 als Teil der dritten Aufgabe in dieser Zuordnung implementieren werden. 45 00:03:02,405 --> 00:03:07,670 Der Feedback-Service unterstützt eine Absende-Feedback-Methode, die die 46 00:03:07,670 --> 00:03:13,565 Formularinformationen von der Kontaktkomponente gesendet, 47 00:03:13,565 --> 00:03:19,580 die On Submit Methode der Verhaltenskomponente an ihren Feedback-Service, 48 00:03:19,580 --> 00:03:23,465 und dann wird die Absende-Feedback-Methode im Feedback-Dienst wiederum 49 00:03:23,465 --> 00:03:27,905 HTTP-Client verwenden , um die Daten auf dem Server zu posten. 50 00:03:27,905 --> 00:03:36,110 Die Post-Methode verwendet die Formularinformationen, die als Parameter für diese 51 00:03:36,110 --> 00:03:39,410 Methode zum Senden von Feedback-Daten eingehen, und postet diese Informationen dann an 52 00:03:39,410 --> 00:03:46,205 die Feedback-URL auf unserer Json-Serverwebsite. 53 00:03:46,205 --> 00:03:50,960 Die Übermittlung von Informationen an Ihren Server wird nicht sofort erfolgen. 54 00:03:50,960 --> 00:03:54,890 In der vierten Aufgabe in dieser Zuweisung 55 00:03:54,890 --> 00:03:58,520 werden Sie die Tatsache behandeln, dass die Übermittlung der Informationen 56 00:03:58,520 --> 00:04:02,450 aus dem Feedback-Formular an den Server etwas Zeit in Anspruch nehmen 57 00:04:02,450 --> 00:04:06,530 wird, und danach, sobald die Informationen erfolgreich übermittelt wurden, 58 00:04:06,530 --> 00:04:12,050 werden Sie den Benutzer mit die Konformation von der Serverseite. 59 00:04:12,050 --> 00:04:16,515 Also, nehmen wir dieses Formular an und dann senden wir das Formular hier ein. 60 00:04:16,515 --> 00:04:22,110 Also, lassen Sie mich einige Informationen in das Formular eingeben. 61 00:04:39,500 --> 00:04:42,110 Sobald der Benutzer also 62 00:04:42,110 --> 00:04:45,680 alle gültigen Informationen in das Formular eingibt und dann auf die Schaltfläche „Senden“ klickt, 63 00:04:45,680 --> 00:04:50,540 senden Sie diese Informationen über den Feedback-Service an den Server, der gepostet werden soll. 64 00:04:50,540 --> 00:04:53,560 Bis der Server auf Sie antwortet, 65 00:04:53,560 --> 00:05:01,805 sollten Sie ein Fortschrittsauswahlfeld auf dem Bildschirm anzeigen und sobald die Feedback-Informationen 66 00:05:01,805 --> 00:05:05,180 von der Serverseite abgerufen wurden und die Serverseite bestätigt, dass 67 00:05:05,180 --> 00:05:10,220 die Feedback-Formularinformationen erfolgreich auf der Serverseite gesendet wurden. 68 00:05:10,220 --> 00:05:14,855 Wenn Sie also die Methode zum Senden von Feedback aufrufen, gibt Ihnen die Methode zum 69 00:05:14,855 --> 00:05:19,460 Senden eines Feedback-Objekts ein Feedback-Objekt zurück, 70 00:05:19,460 --> 00:05:24,335 sodass Sie das abonnieren, da die Methode zum Senden eines Feedbacks ein beobachtbares zurückgibt. 71 00:05:24,335 --> 00:05:26,975 Sie abonnieren also und innerhalb des Abonnements 72 00:05:26,975 --> 00:05:30,650 erhalten Sie den Parameter, der die 73 00:05:30,650 --> 00:05:35,780 Feedback-Formular-Informationen ist, die Sie über die Absende-Feedback-Methode eingereicht haben. 74 00:05:35,780 --> 00:05:46,400 Erinnern Sie sich, wie wir mit der Aktualisierung des Gerichts in der Schüssel Detailkomponente in der Übung umgehen. 75 00:05:46,400 --> 00:05:50,220 Auf dieselbe Weise 76 00:05:50,220 --> 00:05:53,255 gibt Ihnen die Methode zum Absenden des Formulars das 77 00:05:53,255 --> 00:05:57,440 gepostete Feedback-Objekt zurück, das von 78 00:05:57,440 --> 00:06:01,840 der Serverseite zurückkommt, um zu bestätigen, dass das Formular erfolgreich gesendet wurde. 79 00:06:01,840 --> 00:06:04,985 Also, innerhalb Ihrer Kontaktkomponente, 80 00:06:04,985 --> 00:06:07,635 werden Sie das abonnieren und dann, 81 00:06:07,635 --> 00:06:11,090 wenn das Feedback-Objekt zu diesem Zeitpunkt erhalten 82 00:06:11,090 --> 00:06:16,160 wird, werden Sie die Informationen aus dem Feedback-Objekt anzeigen, wie Sie hier sehen werden. 83 00:06:16,160 --> 00:06:18,010 Also, wenn ich das Formular absende, 84 00:06:18,010 --> 00:06:21,080 werden Sie sofort bemerken, dass der Fortschrittsspinner dorthin geht, 85 00:06:21,080 --> 00:06:24,410 und dann, nachdem die Einreichung abgeschlossen ist, werden Sie die Konformation 86 00:06:24,410 --> 00:06:28,190 für fünf Sekunden hier zeigen, welche 87 00:06:28,190 --> 00:06:29,990 Informationen auf 88 00:06:29,990 --> 00:06:33,740 der Server-Site gepostet wurden, und dann nach fünf Sekunden werden Sie verwerfen Sie das und 89 00:06:33,740 --> 00:06:40,300 bringen Sie dann das leere Formular auf den Bildschirm zurück. 90 00:06:40,300 --> 00:06:46,080 Sie bemerken auch, dass wir in jeder Phase Animation verwendet haben. 91 00:06:46,080 --> 00:06:52,940 Sie können die Erweiterungsanimation verwenden, um jede Stufe auf den Bildschirm zu bringen. 92 00:06:52,940 --> 00:06:55,970 Wenn der Benutzer also auf die Schaltfläche „Senden“ klickt, 93 00:06:55,970 --> 00:06:59,480 blenden Sie 94 00:06:59,480 --> 00:07:03,860 zuerst das Formular aus und ersetzen dann dieses Formular durch das Fortschrittsauswahlfeld in der Ansicht. 95 00:07:03,860 --> 00:07:08,780 Wenn Sie dann das Rückgabe-Feedback-Objekt von 96 00:07:08,780 --> 00:07:14,185 der Serverseite erhalten, um zu bestätigen, dass der Server aktualisiert wurde, 97 00:07:14,185 --> 00:07:17,415 dann werden Sie an diesem Punkt das Spinner schließen, 98 00:07:17,415 --> 00:07:20,780 Sie werden den Inhalt des Feedback-Objekts auf 99 00:07:20,780 --> 00:07:24,685 dem Bildschirm für fünf Sekunden anzeigen, wie wir dort gesehen haben. 100 00:07:24,685 --> 00:07:28,370 Dann, nach fünf Sekunden werden Sie das ablehnen und 101 00:07:28,370 --> 00:07:31,970 dann werden Sie an der Stelle ein leeres Formular anzeigen, damit 102 00:07:31,970 --> 00:07:39,830 der Benutzer die nächsten Feedback-Informationen senden kann, wenn er sich dafür entscheidet. 103 00:07:39,830 --> 00:07:42,500 Jetzt 104 00:07:42,500 --> 00:07:45,290 werden Sie dabei die Hilfe der Tatsache nehmen, dass, wenn 105 00:07:45,290 --> 00:07:48,665 Sie etwas auf dem Server mit der Post-Methode posten, 106 00:07:48,665 --> 00:07:50,915 der Server 107 00:07:50,915 --> 00:07:55,190 das Feedback-Objekt in Form eines beobachtbaren 108 00:07:55,190 --> 00:07:56,930 zurückgibt und dass Observable an 109 00:07:56,930 --> 00:08:02,280 Ihre -Kontaktkomponente über die Methode zum Absenden von Feedback. 110 00:08:02,280 --> 00:08:04,340 Wenn Sie das beobachtbare erhalten, 111 00:08:04,340 --> 00:08:05,780 abonnieren Sie das beobachtbare, 112 00:08:05,780 --> 00:08:09,410 und innerhalb der Abonnementmethode erhalten Sie Zugriff auf das Feedback-Objekt, das 113 00:08:09,410 --> 00:08:13,710 bestätigt, dass die Feedback-Informationen auf der Server-Site veröffentlicht wurden. 114 00:08:13,710 --> 00:08:16,225 Dann 115 00:08:16,225 --> 00:08:19,580 schließen Sie zu diesem Zeitpunkt das Fortschrittsauswahlfeld aus und 116 00:08:19,580 --> 00:08:26,660 zeigen dann die Rückgabeinformationen für eine Dauer von fünf Sekunden auf dem Bildschirm an. 117 00:08:26,660 --> 00:08:29,180 Danach schließen Sie das Zahlenauswahlfeld erneut, 118 00:08:29,180 --> 00:08:37,080 und ersetzen Sie es dann durch ein Zurücksetzungsformular von der Anwendungswebsite. 119 00:08:38,660 --> 00:08:44,735 Diese Schritte erfordern also, dass Sie sehr sorgfältig darüber nachdenken, wie Sie 120 00:08:44,735 --> 00:08:50,620 diese Abfolge von Stufen für die Einreichung des Formulars implementieren. 121 00:08:50,620 --> 00:08:53,960 Weitere Details dazu werden in 122 00:08:53,960 --> 00:09:01,550 den Zuordnungsdetails erläutert, die in dieser Lektion angegeben sind. 123 00:09:01,550 --> 00:09:06,200 Also, lesen Sie das durch und sollten Sie Fragen haben, zögern Sie nicht, 124 00:09:06,200 --> 00:09:10,990 diese Fragen in das Forum zu posten und es wird dort beantwortet. 125 00:09:10,990 --> 00:09:16,385 Nun, diese vierte Aufgabe wird ein wenig mehr involviert sein. 126 00:09:16,385 --> 00:09:22,159 Sie müssen Ihre Abfolge von Stufen richtig planen. 127 00:09:22,159 --> 00:09:27,080 Sie werden überrascht sein, dass fast jeder Teil, den 128 00:09:27,080 --> 00:09:31,430 Sie hier tun müssen, irgendwo oder das andere in den vorherigen Übungen begegnet sind. 129 00:09:31,430 --> 00:09:34,460 Also, das ist nichts völlig Neues für Sie, 130 00:09:34,460 --> 00:09:37,025 aber Sie müssen nur all diese Teile aufnehmen und 131 00:09:37,025 --> 00:09:40,250 sie dann zusammenfügen, um diese Lösung zu implementieren. 132 00:09:40,250 --> 00:09:43,930 Ich habe bereits gezeigt, dass dies machbar ist. 133 00:09:43,930 --> 00:09:48,515 Das schließt also die vierte Aufgabe in dieser Zuweisung ab. 134 00:09:48,515 --> 00:09:52,860 Viel Spaß beim Abschluss dieses endgültigen Auftrags. 135 00:09:52,860 --> 00:10:00,050 Ich bin mir sicher, dass Sie viel lernen werden, indem Sie diese vier Aufgaben erfolgreich abschließen. 136 00:10:00,050 --> 00:10:03,110 Wieder, wie ich sagte, wird keine dieser Aufgaben kompliziert sein. 137 00:10:03,110 --> 00:10:08,180 Sie haben Teile von ihnen in den Übungen früher gesehen. 138 00:10:08,180 --> 00:10:10,640 Es sollte also ziemlich einfach sein, 139 00:10:10,640 --> 00:10:14,090 diese auszufüllen, außer dass Sie bei 140 00:10:14,090 --> 00:10:18,035 der Planung der Phasen für die Formularübermittlung vorsichtig sein müssen und dann 141 00:10:18,035 --> 00:10:21,440 zusätzliche Variablen sinnvoll verwenden, um 142 00:10:21,440 --> 00:10:27,000 die verschiedenen Phasen der Einreichung des Formulars hier zu verfolgen.