Имитация SPA через пользовательский JS и API

Все вопросы/проблемы по установке и использовании.
Ответить
mmm
Сообщения: 5
Зарегистрирован: 29 апр 2023, 08:20
Имя: М М
Откуда: Москва

Имитация SPA через пользовательский JS и API

Сообщение mmm »

Хочу поделиться экспериментом и вынести на обсуждение.

Сделал обновление полей без перезагрузки страницы.
Добавил во вложение видео для наглядности - кнопка, которая по нажатию:

вызывает REST API, сохраняет новое значение поля, и сразу меняет его на странице в DOM.

То есть поле обновляется мгновенно, и пользователю не нужно ждать перезагрузки.
Выглядит это как маленький кусочек SPA внутри CRM. Видео сделано для примера, потенциальные возможности как по визуалу так и по функциям достаточно большие

Видео прикладываю во вложении.

Насколько востребован такой подход (SPA‑поведение локально)?
Может, кто-то уже пробовал реализовывать фоновое обновление блоков информации?

Буду рад услышать мнения и предложения.
Вложения
Пример.mp4
(581.34 КБ) 91 скачивание
Vladzimir
Сообщения: 102
Зарегистрирован: 05 май 2022, 20:12
Имя: Влад Зимир
Откуда: Kyiv

Re: Имитация SPA через пользовательский JS и API

Сообщение Vladzimir »

Для это лучше использовать специализированные но лаконичные вещи, например https://www.jeasyui.com/, а бутстрап вообще выбросить, как зловредный элемент. Ну и апи тогда должно быть полноценное, и весь фронт только через него работает.
Для jeasyui я даже написал враппер на php https://github.com/Vladzimir/phpEasyUI
Аватара пользователя
support
Техническая поддержка
Сообщения: 7660
Зарегистрирован: 19 окт 2014, 18:22
Имя: Харчишин Сергей
Откуда: Крым, Евпатория

Re: Имитация SPA через пользовательский JS и API

Сообщение support »

Такое обновление подходит для текстовых полей, которые не участвуют в формулах. У вас может быть число, которое участвует в формуле и нужно обновлять оба поля. Тогда лучше весь блок целиком обновлять.
Ответить