Наконец, здесь мы находимся на четвертом и последнем задании в этом курсе.
Что мы делаем в этом задании?
Мы рассмотрим темы, которые мы рассмотрели в этом конкретном модуле.
Связь между клиентом и сервером, использование API отдыха,
rest rectangulars и анимации в этом конкретном назначении.
Итак, каковы различные задачи в этом задании?
Это задание будет состоять из четырех различных задач.
Давайте рассмотрим каждый из них в мельчайших деталях, далее.
Так же, как мы обновили опросы блюд, чтобы использовать
HTTP клиент для контакта с остальным API сервером,
ваша первая задача в этом задании заключается в обновлении сервиса промо-акций так
, что служба продвижения будет идти и получать данные
необходимые о рекламных акциях со стороны сервера.
Итак, вам нужно реализовать три метода, которые получают акции,
получить рекламную рекламу и получить продвижение.
Три разных метода там,
, но, в частности, мы будем использовать get features
продвижение для получения информации, чтобы сделать
информацию о рекламных акциях на
главной странице для этого конкретного углового приложения.
Таким образом, в первой задаче
вам нужно обновить службу продвижения, чтобы использовать HTTP клиент, а также
обновить домашний компонент, чтобы использовать
услугу продвижения, чтобы получить данные с сервера,
, а затем сделать это формирование продвижения на главной странице.
Ваша вторая задача в этом задании заключается в том, чтобы, конечно,
обновить сервис лидера для использования HTTP-клиента, oh,
и получить данные от
сервера Json для того, чтобы отобразить информацию о лидерах.
Таким образом, признанный лидер здесь должен быть визуализирован с помощью get
признанный лидер из сервиса лидера для получения информации с сервера.
Аналогичным образом, перейдя на страницу о,
информация о корпоративном лидерстве, которую мы
визуализируем здесь, должна быть получена из службы лидера
с использованием метода get leader, который должен использовать
HTTP-клиент, чтобы пойти и получить данные со стороны сервера.
Аналогично обновите метод get leader в службе лидеров.
Итак, это вторая задача в вашем задании.
Ваша третья задача в задании - активировать форму обратной связи
реактивной формы, которую мы создали на странице контактов.
Итак, в этой форме обратной связи, когда пользователь
отправляет действительную информацию, а затем нажимает на кнопку отправки,
эта информация формы обратной связи должна быть предоставлена
службе обратной связи, которую вы собираетесь реализовывать в рамках третьей задачи в этом задании.
Служба обратной связи будет поддерживать метод отправки обратной связи, который
принимает форму информации, отправленную из контактного компонента,
метод отправки компонента поведения к их службе обратной связи,
, а затем метод отправки обратной связи в службе обратной связи в свою очередь будет использовать
HTTP для размещения данных на сервере.
Метод post принимает информацию формы, которая приходит в качестве параметра, чтобы отправить
метод обратной связи, а затем публикует эту информацию в
URL обратной связи на нашем сайте сервера Json.
Подача информации на ваш сервер не будет мгновенной.
Итак, в четвертом задании в этом задании
вы будете обрабатывать тот факт, что подача информации
с формы обратной связи на сервер займет некоторое время,
, а затем, как только информация будет успешно отправлена,
вы собираетесь подсказывать пользователю с конформацией со стороны сервера.
Итак, давайте возьмем эту форму, а затем отправим форму здесь.
Итак, позвольте мне ввести некоторую информацию в форму.
Таким образом, как только пользователь вводит в
всю действительную информацию в форме, а затем нажимает на кнопку отправки,
вы отправите эту информацию через службу обратной связи на сервер, который будет размещен.
Пока сервер не ответит вам,
вы должны отобразить индикатор прогресса на экране и как только информация обратной связи будет получена со стороны сервера, а сторона сервера подтвердит, что
информация формы обратной связи была успешно отправлена на стороне сервера.
Итак, это где, когда вы вызываете метод отправки обратной связи,
метод отправки обратной связи вернет вам объект обратной связи,
, поэтому вы подписываетесь на это, потому что метод отправки обратной связи вернет наблюдаемый.
Таким образом, вы подписываетесь на это и в рамках подписки,
вы получите параметр, который является
форма обратной связи информацию, которую вы отправили через метод отправки обратной связи.
Вспомните, как мы обрабатываем обновление блюдо в детальном компоненте блюда в упражнении.
Таким же образом, когда вы публикуете форму,
метод отправки обратной связи вернет вам
опубликованный объект обратной связи, возвращающийся с
на стороне сервера, чтобы подтвердить, что форма была успешно отправлена.
Итак, в пределах вашего контактного компонента
вы будете подписаться на это, а затем,
, когда объект обратной связи будет получен в этот момент,
вы будете отображать информацию из объекта обратной связи, как вы увидите здесь.
Итак, когда я отправлю форму,
вы сразу заметите прогресс верелка идет туда,
, а затем после завершения представления вы будете показывать конформацию
в течение пяти секунд здесь, чтобы показать, что
информация была опубликована для
сайта сервера, а затем через пять секунд вы отклонит это, а
вернет пустую форму на экран.
Вы также замечаете, что на каждом этапе мы использовали анимацию.
Вы можете использовать анимацию расширения, чтобы вывести каждый этап на экран.
Таким образом, когда пользователь нажимает на кнопку отправки,
вы сначала скроете форму
, а затем замените эту форму на счетчик прогресса в представлении.
Затем, когда вы получаете обратный объект обратной связи от
стороне сервера, чтобы подтвердить, что где сервер был обновлен,
то в этот момент вы уволите счетчик,
вы будете показывать содержимое объекта обратной связи на
экран в течение пяти секунд, как мы видели там.
Затем, через пять секунд, вы отклоните это и
, затем вы будете показывать пустую форму в точке, чтобы
пользователь мог отправить следующую информацию обратной связи, если он или она пожелает.
Теперь, в процессе этого,
вы собираетесь воспользоваться тем, что когда
вы разместите что-либо на сервере, используя метод post,
сервер вернет
объект обратной связи обратно вам в виде наблюдаемого и что
наблюдаемый будет передан обратно в
ваш контактный компонент с помощью метода отправки обратной связи.
Когда вы получите этот наблюдаемый,
вы подписываетесь на наблюдаемый,
и в рамках метода подписки вы получите доступ к объекту обратной связи
, подтверждающему, что информация обратной связи была размещена на сайте сервера.
Затем, в этот момент,
вы уволите прогресс счетчик, а затем,
показать информацию о возврате в течение пяти секунд на экране,
, а затем после этого вы снова отклоните это,
, а затем замените это формой сброса с сайта приложения.
Таким образом, эти шаги требуют от вас очень тщательно продумать, как вы
реализуете эту последовательность этапов для подачи формы.
Дополнительные сведения об этом описаны в
сведения о назначении, приведенные в этом уроке.
Итак, прочитайте это, и если у вас есть какие-либо вопросы, пожалуйста, не стесняйтесь
, чтобы разместить эти вопросы на форуме, и на них будет дан ответ.
Теперь эта четвертая задача будет немного более вовлечена.
Вам нужно правильно спланировать последовательность этапов.
Вы будете удивлены, что почти каждая часть, которую вам нужно сделать
здесь вы столкнулись где-то или с другой в предыдущих упражнениях.
Итак, это ничего совершенно нового для вас,
, но вам просто нужно забрать все эти части, а затем
объединить их вместе, чтобы реализовать это решение.
Я уже продемонстрировал, что это возможно.
Итак, что завершает четвертое задание в этом задании.
Получайте удовольствие, выполняя это последнее задание.
Я уверен, что вы многому научитесь, выполнив эти четыре задания успешно.
Опять же, как я уже сказал,
ни одна из этих задач не будет сложной.
Вы видели их кусочки и кусочки в упражнениях раньше.
Таким образом, это должно быть довольно просто, чтобы
завершить их, за исключением того, что вы должны быть осторожны в планировании
этапы для представления формы правильно, а затем использовать
дополнительные переменные разумно, чтобы
отслеживать различные этапы представления формы здесь.