JSON примеры меню B2B web-приложения "Личный кабинет" на движке EDIbot для телефона/десктопа

12.12.20

Интеграция - WEB-интеграция

Рассмотрим на примерах работу движка EDIbot при организации меню B2B "Личного кабинета" (мобильная версия, версия десктоп) грузовладельца WMS-системы.

Наш личный кабинет будет состоять из меню и страниц со списком заявок, отображение должно быть оптимизировано под смартфон. Меню должно состоять из заголовка, динамического иерархического списка состояний заявок грузовладельца с указанием количества заявок, статичной части (список доступных отчетов) и с внешним видом:

 

EDIbot формирует страницы веб-приложения по получаемым REST запросом от бэка JSON файлам, например, для данного варианта меню JSON файл будет выглядеть следующим образом - https://jsonwebapp.com/tmp/menu_vert_2level.json

Если проанализировать структуру JSON, то мы увидим, что там есть как атрибуты HTML (class, style, target, ...), так и специфичные атрибуты блоков, определяющие логику frontend стороны.

Например, атрибут "offline" означает, требуется ли сохранить страницу/файл для доступа при отсутствии интернета, usePush - запрашивать ли отправку push-уведомлений у пользователя. 

А теперь давайте попробуем его поменять, например, добавим бейдж и посмотрим на результат. Для этого возьмем "песочницу" движка https://jsonwebapp.com/sandbox, вставив туда содержимое файла, и добавим следующий код, в блок "Выдача-Созданы 2".

  ,"blocks": [
    {
      "type": "badge",
      "text": 2,
      "attrs": {
        "className": "is-rounded is-large"
      }
    }
  ]

И сразу справа без перегрузок получим вот такой внешний вид страницы:

(если вдруг не получилось, то вот файл целиком)

Также мы можем сделать меню трехуровневым, правда, это немного сложнее, чтобы делать это вручную (ссылка на JSON). 

Или без лишнего вертикального разделителя (ссылка на JSON):

UPD:

Для удобства просмотра на мобильном или в полноэкранном режиме, Вы можете воспользоваться прямыми ссылками: 

Вариант меню простой - https://jsonwebapp.com/menu_vert_2level/json

Вариант меню с бейджем- https://jsonwebapp.com/menu_vert_2level_badge/json

Вариант меню 3 уровня - https://jsonwebapp.com/menu_vert_3level/json 

Вариант меню 3 уровня без разделителя - https://jsonwebapp.com/menu_vert_3level_clear/json

 

 

Надеюсь, моя публикация была Вам полезна и сэкономит Ваше время, ссылка на все публикации SizovE.

Подписывайтесь на мой канал (наверху), будет много интересного бесплатного контента :)

 

SizovE

См. также

Сайты и интернет-магазины Интеграция WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Управленческий учет Платные (руб)

Интеграция 1С и Битрикс 24. Разработка имеет двухстороннюю синхронизацию 1С и Bitrix24 задачами. Решение позволяет создавать пользователя в 1С из Битрикс24 и наоборот. Данная разработка технически подходит под все основные конфигурации линейки продуктов 1С:Предприятие 8.3 (платформа начиная с 8.3.23). При приобретении предоставляется 1 месяц бесплатных обновлений разработки. Доступна демо-версия продукта с подключением Вашего Битрикс24

5040 руб.

04.05.2021    19026    10    16    

16

Управление взаимоотношениями с клиентами (CRM) WEB-интеграция Анализ продаж Системный администратор Программист Пользователь Платформа 1С v8.3 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Управленческий учет Платные (руб)

Подсистема интеграции Amo CRM с 1С: технические требования, порядок работы, возможности, доработки и обновления. Бесплатный период техподдержки - 1 месяц.

60000 руб.

07.05.2019    31887    62    40    

23

Сайты и интернет-магазины WEB-интеграция Системный администратор Программист Пользователь Платформа 1С v8.3 Конфигурации 1cv8 1С:Управление торговлей 11 Автомобили, автосервисы Россия Управленческий учет Платные (руб)

Интеграционный модуль обмена между конфигурацией Альфа Авто 5 и Альфа Авто 6 и порталом AUTOCRM. Данный модуль универсален. Позволяет работать с несколькими обменами AUTOCRM разных брендов в одной информационной базе в ручном и автоматическом режиме.

36000 руб.

03.08.2020    16773    15    19    

15

WEB-интеграция Программист Платформа 1С v8.3 Бухгалтерский учет 1С:Бухгалтерия 3.0 Бытовые услуги, сервис Платные (руб)

Внешняя обработка разрабатывалась для загрузки документов из Ветменеджер в 1С: Бухгалтерия 3.0

12000 руб.

02.02.2021    17014    45    49    

26

WEB-интеграция 8.3.8 Конфигурации 1cv8 Автомобили, автосервисы Беларусь Украина Россия Казахстан Управленческий учет Платные (руб)

Расширение предназначено для конфигурации "1С:Предприятие 8. Управление Автотранспортом. ПРОФ". Функционал модуля: 1. Заполнение регистров сведений по подсистеме "Мониторинг", а именно: события по мониторингу, координаты по мониторингу, пробег и расход по мониторингу, текущее местоположение ТС по мониторингу 2. Заполнение путевого листа: пробег по мониторингу, время выезда/заезда, табличная часть ГСМ, места стоянок по геозонам. 3. Отчеты по данным загруженным в регистры сведений. 4. Предусмотрена автоматическая загрузка данных в фоновом режиме (условия работы данной загрузке читайте в описании товара) Модуль работает без включенной константы по настройкам мониторинга. Модуль формы предоставляется с открытым кодом, общий модуль защищен. Любой заинтересованный пользователь, имеет возможность скачать демо-версию расширения.

22656 руб.

25.05.2021    13383    36    8    

15

Прайсы WEB-интеграция Ценообразование, анализ цен Файловый обмен (TXT, XML, DBF), FTP Системный администратор Программист Автомобили, автосервисы Оптовая торговля, дистрибуция, логистика Управленческий учет Платные (руб)

Программа с заданным интервалом времени (или по ручной команде) скачивает файлы (например, прайс-листы поставщиков) из различных источников: письма электронной почты, FTP или HTTP-адреса, и сохраняет их в каталог упорядоченной структуры. При этом извлекает файлы из архивов, может переименовывать файлы и менять их формат (csv, xls, txt). Можно настроить выгрузку обработанных файлов на сайт (через FTP-подключение). Программа будет полезна компаниям, у которых есть большое количество поставщиков и/или прайс-листы поставщиков обновляются часто (необязательно прайс-листы, файлы могут быть любого назначения). Собранные таким образом актуальные версии прайс-листов можно выгрузить с помощью программы себе на сайт (или на любой FTP-сервер) или выполнить другие необходимые задачи.

25200 руб.

28.05.2015    87259    26    51    

50
Оставьте свое сообщение