Spring Boot Rest Application: организуем ленивую подгрузку списков с эффектом бесконечной прокрутки страниц. Что такое "бесконечная прокрутка"? Это эффект, проявляющий себя в том, что пользователь не может прокрутить список (сообщений в нашем случае) до конца страницы. Данный эффект реализован во всех современных соцсетях, когда вы просматриваете ленту.

Код из видео:
[ Ссылка ]

Для реализации прокрутки нам потребуется немного переделать код, отдающий список сообщений. Для этого мы активируем встроенный в Spring Boot механизм пагинации (постраничного вывода) по аналогии того, как мы это делали в приложении Sweater:
[ Ссылка ]

Так же нам нужно создать DTO объект для передачи информации о текущей загружаемой странице с сервера на клиента.

Следующим шагом необходимо добавить мутации и экшены в хранилище Vuex, для обработки и хранения полученных данных с сервера

Для запросов к серверу мы будем использовать кастомные POST запросы с параметрами из Vue-Resource:
[ Ссылка ]

Для отслеживания состояния прокрутки страницы, нам неоходимо создать новый компонент, который будет при создании и перед завершением работы создавать подписку на событие.

Документация по методу onscroll html объекта document:
[ Ссылка ]

Документация по методам-шагам жизненного цикла компонента Vue.js:
[ Ссылка ]

Видео по использованию библиотеки Lombok:
[ Ссылка ]

Видео по Java Stream API:
[ Ссылка ]

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

Поддержать проект:
➡ Patreon [ Ссылка ]
➡ Яндекс.Деньги [ Ссылка ]
➡ PayPal paypal.me/letscodedru
➡ Qiwi [ Ссылка ]
➡ WebMoney/BitCoin [ Ссылка ]

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

➡ Твиттер: [ Ссылка ]
➡ Группа Вконтакте: [ Ссылка ]
➡ Канал в Telegram: [ Ссылка ]
➡ Чат в Telegram: [ Ссылка ]
➡ Сервер в Discord: [ Ссылка ]

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

➡ Ссылка на канал: [ Ссылка ]
➡ Ссылка на Яндекс.Дзен: [ Ссылка ]

свернуть