GyverPortal - простой конструктор веб интерфейса.

Пользовательские блоки для коммкникации и связи GSM, GPRS, IR, Bluetooth и другие
Правила форума
Рекомендации по размещению блоков:
Автор блока создает подробное описание блока, отличие от подобных(если есть на данный момент).Сложные блоки очень желательно с примерами.
При выходе новых версий редактирует/дополняет свой первый пост с указанием даты, версии, причины.
В каждой теме обсуждается только выложенный автором блок - баги, возможность (или предложение) доработки и прочие хотелки.
Свои блоки, переработанные, с другими библиотеками, протоколами и т.д.- размещаем либо сами отдельно, либо обсуждаем и дорабатываем в форуме Разработка блоков.
Пользователи улучшив блок автора и проверив его работоспособность - могут обратиться к автору или модераторам с просьбой добавить их версию блока в первое сообщение темы.
aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#1

Сообщение aidar_i » 13.05.2022{, 21:12}

ЗДЕСЬ обсуждалась эта тема.
В начале сообщения блоки старой версии, ниже выложил новую версию.
1 версия.
Выкладываю ПБ и измененную библиотеку.
GyverPortal_.ubl
(2.12 МБ) 1013 скачиваний
GyverPortal_mod7.rar
(337.26 КБ) 1014 скачиваний
Кто скачивал с вышеуказанной темы для испытаний блоки и библиотеки, удалите все.
Нижеуказанные примеры и блоки со старыми не работают.
В библиотеке добавил выбор цвета фона , эффект нажатия, выбор положения (слева , справа, по умолчанию по центру), ширину и высоту компонента, высоту и цвет шрифта, радиус закругления.
Добавил дополнительно желтый и синий светодиоды. Замените файлы в библиотеке отсюда.

Ниже блоки, которые можно настроить по своему вкусу(это не проект,выложены просто блоки, настройки по умолчанию):
ПБ Клик настройки.flp
(423.26 КБ) 692 скачивания
ПБ Обновление настройки.flp
(424.87 КБ) 562 скачивания
ПБ Форма настройки.flp
(539.94 КБ) 559 скачиваний
Настраиваемые блоки режима Форм.
СпойлерПоказать
Настройки блоки форм.png
Отрисовка блоков для размещения компонентов
Пример удалил для изменения.
СпойлерПоказать
Отрисовка блоков.png
Вывод картинок
Вывод картинок.flp
(129.52 КБ) 570 скачиваний
СпойлерПоказать
Вывод картинок.png
Вывод картинок.png (12.23 КБ) 49054 просмотра
Иконки можно брать здесь icons8.ru, код тоже там же.
Вывод графиков
Вывод графика.flp
(218.4 КБ) 547 скачиваний
СпойлерПоказать
Графики.png
------------------------------------------------------------------------------
2 версия , измененные блоки, библиотека и примеры.
Библиотека
GyverPortal_3.2.rar
(44.52 КБ) 610 скачиваний
Примеры, блок
Примеры GP.rar
(1.53 МБ) 573 скачивания
Проверил все примеры на ЕСП32. Блоки меню пока не работают, ждем новую версию.
Хорошо работает многостраничность. Видео
GPМногостраничность.rar
(259.5 КБ) 505 скачиваний
Привел пример с подробным описанием блоков многостраничности, придерживаться порядок расположения и компиляции блоков, иначе не будет работать. Что бы не путаться.
Старые и новые блоки и библиотеки не совместимы.
Оригинальная библиотека не совместима с блоками, устанавливайте выложенные здесь.

Внимание! Тело проекта расположите в платах выше плат с блоками портала.
Блоки портала должны быть последними в проекте.
Расположите блоки портала отдельно на своих платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.
Для уменьшения плат можно располагать по 2-3 блока в плате, их корректировать проще.
Можно блоки вырезать и снова поставить, тогда они будут компилироваться ниже блоков, которые остались на плате.
ОТА тоже работает.

Снял видео инструкцию по блокам GP:
СпойлерПоказать
СпойлерПоказать
Здесь дополнительные блоки с возможностью установки любого цвета светодиодов и фона страницы.
—--------------------------------------------------------------------------------------------------------------------------------------------------------------------
Для работы с точкой доступа нужно использовать файловую систему ЕСП. Так как появились вопросы форумчан, выкладываю папку tools, которую нужно положить в папку ...\FLProg_8-0-2_Win64\ideV8\portable\sketchbook, тогда у вас будет работать файловая система. В Ардуино Иде в Tools появится надписи “ESP8266 LittleFS Data Upload“ и “ESP32 Sketch Data Upload“. Сохранить скетч, положить в папку со скетчем папку data. в которую положить нужные файлы для сохранения в файловую систему. В Ардуино Иде нажать нужную надпись и ФС прошьется, потом загрузите скетч. Далее вы можете прошивать только скетч, если файлы из ФС используются те же. Для GP прошейте файлы из библиотеки, там есть папка data, в примерах я его использую.
tools.rar
(13.73 КБ) 233 скачивания
----------------------------------------------------------------------------
3 версия по библиотеке 3.5.2. (В библиотеке ничего не менял) , выложил блоки, примеры и библиотеку.
Блоки:
GPv3.5.rar
(191.32 КБ) 324 скачивания
Примеры GPv3.5.rar
(366.42 КБ) 346 скачиваний
Бимблиотека:
GyverPortal-3.5.2.rar
(319.78 КБ) 351 скачивание
Внимание!
Пользуйтесь только одной версией портала.
В каждой версии я выложил библиотеку этой версии.
Видео для прежней версии в основном подходит и для последней версии для понимания блоков.
4я версия ТУТ.

aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#221

Сообщение aidar_i » 27.01.2023{, 14:10}

megatigra писал(а):
27.01.2023{, 13:43}
возможно ли посредством каких-либо блоков изменить название интерфейса GyverPortal на своё (см. рис) или оно забито в библиотеку и не меняется?
Рисунка не видно. Не совсем понял, что Вы хотите?
Если имеете ввиду надпись Gyverportal в FLProg, то она прописана в блоке титул в параметрах.
Или Вы иконку окна имеете ввиду.

Отправлено спустя 27 минут 24 секунды:
aidar_i писал(а):
27.01.2023{, 14:10}
но создание точки доступа и подключения не происходит....по крайней мере у меня.
Штатная ТД тоже не работает?
aidar_i писал(а):
27.01.2023{, 14:10}
Проблема решается перемещением блока GP_Begin перед блоком WiFi ESP Client/AP.
Проверю, перемещать так не нужно.
Пример, если кинули бы было бы хорошо.

megatigra
Рядовой
Сообщения: 7
Зарегистрирован: 14.05.2020{, 18:44}
Репутация: 0
Имя: Алексей

GyverPortal - простой конструктор веб интерфейса.

#222

Сообщение megatigra » 27.01.2023{, 15:17}

aidar_i писал(а):
27.01.2023{, 14:37}
Рисунка не видно. Не совсем понял, что Вы хотите?
Если имеете ввиду надпись Gyverportal в FLProg, то она прописана в блоке титул в параметрах.
Или Вы иконку окна имеете ввиду.
За рисунок прошу прощения, чтот пошло не так. Вот что имел ввиду
СпойлерПоказать
Скриншот 27-01-2023 133949.jpg
Отправлено спустя 1 минуту 24 секунды:
aidar_i писал(а):
27.01.2023{, 14:37}
Штатная ТД тоже не работает?
Не работает. Пример из шапки брал. Единственное изменение-штатную точку доступа активировал
Вложения
Режим Клик.flp
(1.8 МБ) 44 скачивания

aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#223

Сообщение aidar_i » 27.01.2023{, 16:30}

megatigra писал(а):
27.01.2023{, 15:19}
Не работает.
Тут моя ошибка прошла. Блок GPv3_BEGIN_L я ставил последним, поэтому при компиляции блоки ниже него становятся не там. переставьте блок GPv3_BEGIN_L на отдельную плату и выше блоков Гувер портала. В примерах тоже посмотрите и аналогично измените. Тогда точка доступа и тд будут работать, используйте или мои блоки WiFi ESP..... или штатную настройку.
Примеры перезалил.

megatigra
Рядовой
Сообщения: 7
Зарегистрирован: 14.05.2020{, 18:44}
Репутация: 0
Имя: Алексей

GyverPortal - простой конструктор веб интерфейса.

#224

Сообщение megatigra » 27.01.2023{, 16:59}

aidar_i писал(а):
27.01.2023{, 16:30}
Тут моя ошибка прошла.
Примеры перезалил.
Спасибо огромное

aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#225

Сообщение aidar_i » 28.01.2023{, 13:50}

megatigra писал(а):
27.01.2023{, 15:19}
И есть еще один вопрос: возможно ли посредством каких-либо блоков изменить название интерфейса GyverPortal на своё (см. рис) или оно забито в библиотеку и не меняется?
Изучение библиотеки и эксперименты привели вот к чему: Но обнаружил, что название меняется только , если изменить IP адрес страницы, чтобы изменилась название заголовка по этому адресу нужно очистить Историю в браузере, хотя бы удалить просмотренные вами страницы портала из истории.
Все таки хорошая функция GP. SEND.

Отправлено спустя 2 часа 52 минуты 10 секунд:
Есть, оказывается штатная функция изменения заголовки страницы, даже блок есть у меня готовый.
С этим блоком не нужно ничего удалять из истории браузера. Отправлено спустя 1 час 4 минуты 51 секунду:
Изменение фавикона (иконки) окна страницы.
Для этого нужно использовать файловую систему ЕСП. В папку дата положите ваши файлы, папку дата возьмите из библиотеки, там есть все файлы используемые библиотекой. Можете их менять, исправлять под свои нужды. Там есть фавикон Гувера "молоток и ключ скрещенные", он автоматически подключается из ФС ЕСП при использовании главного блока GPv3_BEGIN_FS. Можно сделать свой фавикон, в сети найдете много примеров. Например, можно создать на сайте https://www.favicon.cc/.
Пример Компилированный с него скетч с папкой дата с фавиконом, созданным на вышеуказанном сайте. Хоть на файле значок Гувера, внутри - созданный.
pr2.rar
(257.62 КБ) 52 скачивания
Сохраните скомпилированный скетч и вложите туда папку дата и загрузите его в ФС ЕСП и загрузите скетч.
СпойлерПоказать
Фавикон.png
Фавикон.png (11.72 КБ) 2610 просмотров

aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#226

Сообщение aidar_i » 29.01.2023{, 16:54}

График локально
График Ajax ESP8266.flp
(248.81 КБ) 68 скачиваний
Портал использовал для простейшей охранной сигнализации
Датчик движения и Whatsapp.flp
(891.72 КБ) 67 скачиваний

megatigra
Рядовой
Сообщения: 7
Зарегистрирован: 14.05.2020{, 18:44}
Репутация: 0
Имя: Алексей

GyverPortal - простой конструктор веб интерфейса.

#227

Сообщение megatigra » 29.01.2023{, 20:22}

aidar_i писал(а):
28.01.2023{, 22:15}
megatigra писал(а):
27.01.2023{, 15:19}
И есть еще один вопрос: возможно ли посредством каких-либо блоков изменить название интерфейса GyverPortal на своё (см. рис) или оно забито в библиотеку и не меняется?
Есть, оказывается штатная функция изменения заголовки страницы
Спасибо огромное. Буду ковырять

aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#228

Сообщение aidar_i » 30.01.2023{, 12:04}

Добавил дополнительные блоки Control_main и Control_end для управления блоками GP, например блоки можно скрывать или показывать на странице в зависимости от сигнала на входе блока. Чтобы страница сама обновлялась после действия, добавил в проект блок перезагрузки страницы GPv3_RELOAD, при наборе пароля появляются блоки в спойлере, при сбросе пароля - исчезают.
Пример сделан на основе проекта нашего форумчанина vovka1973.
Еще поменял главный блок, прежний с _L не менял тему.
Управление компонентами.flp
(2.24 МБ) 77 скачиваний

ibalabanov
Рядовой
Сообщения: 32
Зарегистрирован: 03.10.2021{, 09:58}
Репутация: 1
Имя: Георгий

GyverPortal - простой конструктор веб интерфейса.

#229

Сообщение ibalabanov » 19.02.2023{, 09:14}

Ждём новостей)

remz
Рядовой
Сообщения: 11
Зарегистрирован: 27.06.2017{, 20:08}
Репутация: 0
Откуда: Балаково

GyverPortal - простой конструктор веб интерфейса.

#230

Сообщение remz » 07.03.2023{, 07:12}

Здрасте всем, вопрос такой, возможно ли каким то образом сохранять полученный график (кроме конечно принт скрина) ?

ibalabanov
Рядовой
Сообщения: 32
Зарегистрирован: 03.10.2021{, 09:58}
Репутация: 1
Имя: Георгий

GyverPortal - простой конструктор веб интерфейса.

#231

Сообщение ibalabanov » 23.03.2023{, 23:24}

Очень жаль что работа над этим вебинтерфейсом остановилась…

lentyaj1982
Рядовой
Сообщения: 19
Зарегистрирован: 01.10.2021{, 20:55}
Репутация: 5
Имя: raphiz

GyverPortal - простой конструктор веб интерфейса.

#232

Сообщение lentyaj1982 » 26.03.2023{, 06:10}

если в проекте использовать скоростной счётчик, есп 8266не работает. Начинает в монитор порта кидать сообшение
СпойлерПоказать
08:07:59.568 ->
08:07:59.568 -> ets Jan 8 2013,rst cause:2, boot mode:(3,6)
08:07:59.568 ->
08:07:59.568 -> load 0x4010f000, len 3460, room 16
08:07:59.568 -> tail 4
08:07:59.568 -> chksum 0xcc
08:07:59.568 -> load 0x3fff20b8, len 40, room 4
08:07:59.568 -> tail 4
08:07:59.568 -> chksum 0xc9
08:07:59.568 -> csum 0xc9
08:07:59.568 -> v000585b0
08:07:59.568 -> ~ld

aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#233

Сообщение aidar_i » 26.03.2023{, 06:14}

lentyaj1982 писал(а):
26.03.2023{, 06:10}
если в проекте использовать скоростной счётчик, есп 8266не работает.
Проект со счётчиком выложите, пожалуйста.

lentyaj1982
Рядовой
Сообщения: 19
Зарегистрирован: 01.10.2021{, 20:55}
Репутация: 5
Имя: raphiz

GyverPortal - простой конструктор веб интерфейса.

#234

Сообщение lentyaj1982 » 26.03.2023{, 13:16}

aidar_i писал(а):
26.03.2023{, 06:14}
lentyaj1982 писал(а):
26.03.2023{, 06:10}
если в проекте использовать скоростной счётчик, есп 8266не работает.
Проект со счётчиком выложите, пожалуйста.
вемос мини. загружается прошивка ок, и начинает мигать светодиод (как юарт передача и монитор порта забивается этим сообщением выше), Пока просто тестирую вебинтерфейс, и вот добавил счётчик и начинает выдавать такое.
Насчёт интерфейса v3, он только для телефона? график не растянуть на ширину монитора?
Вложения
тестироваиние.flp
(599.76 КБ) 25 скачиваний
Последний раз редактировалось lentyaj1982 27.03.2023{, 00:00}, всего редактировалось 1 раз.

aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#235

Сообщение aidar_i » 26.03.2023{, 14:43}

Идет перезагрузка, это не из за портала. Уберите портал и сделай те проект рабочий со счетчиком. Потом добавьте портал. Может скоростной счетчик неправильно настроен или вообще не работает.

Аватара пользователя
Rovki
Полковник
Сообщения: 4873
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 269
Откуда: Чехов
Имя: Анатолий
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#236

Сообщение Rovki » 26.03.2023{, 14:58}

aidar_i писал(а):
26.03.2023{, 14:43}
Идет перезагрузка, это не из за портала. Уберите портал и сделай те проект рабочий со счетчиком. Потом добавьте портал. Может скоростной счетчик неправильно настроен или вообще не работает.
Мудрое предложение , там поди куча прерываний ...
Электронщик до мозга костей и не только

aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#237

Сообщение aidar_i » 26.03.2023{, 15:43}

Rovki писал(а):
26.03.2023{, 14:58}
Мудрое предложение , там поди куча прерываний ...
Нет, просто удалил портал и посмотрел :)

Аватара пользователя
Rovki
Полковник
Сообщения: 4873
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 269
Откуда: Чехов
Имя: Анатолий
Контактная информация:

GyverPortal - простой конструктор веб интерфейса.

#238

Сообщение Rovki » 26.03.2023{, 15:47}

aidar_i писал(а):
26.03.2023{, 15:43}
Rovki писал(а):
26.03.2023{, 14:58}
Мудрое предложение , там поди куча прерываний ...
Нет, просто удалил портал и посмотрел :)
я имею ввиду у быстрого счетчика
Электронщик до мозга костей и не только

AdminNew23
Рядовой
Сообщения: 18
Зарегистрирован: 31.10.2018{, 09:49}
Репутация: 1
Откуда: FlProg
Имя: FlProg

GyverPortal - простой конструктор веб интерфейса.

#239

Сообщение AdminNew23 » 26.03.2023{, 16:46}

перенесено

ecoins
Полковник
Сообщения: 2930
Зарегистрирован: 12.02.2016{, 11:40}
Репутация: 453
Откуда: Шатура
Имя: Энвер

GyverPortal - простой конструктор веб интерфейса.

#240

Сообщение ecoins » 26.03.2023{, 17:17}

Rovki писал(а):
26.03.2023{, 15:47}
я имею ввиду у быстрого счетчика
Проблема штатного счетчика в том, что при усложнении проектов и переходе на новые контроллеры (ESP32 S2,S3) могут возникать проблемы системного свойства. Простыми средствами FLPpog и Arduino IDE их не разрешить. Можно, но сложно будет объяснить пользователю особенности использования. И те же проблемы с энкодером.
Решение хорошее применяется в некоторых PLC - отдельные компактные контроллеры с единственной задачей - счетчики импульсов.
Думаю, что такие разработки появятся в среде FLProg. Если их делать на ESP32C3,ESP32S2 - они будут дешевыми и с микропотреблением.
Они же могут быть настроены и на работу со скоростными энкодерами.
Устройство может быть востребовано в тепло-водосчетчиках, ЧПУ и других задачах где не допустим пропуск импульсов.
С уважением, Энвер.

Ответить

Вернуться в «Коммуникация и связь»