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

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

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

#1

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

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

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

Внимание! Тело проекта расположите в платах выше плат с блоками портала.
Блоки портала должны быть последними в проекте.
Расположите блоки портала отдельно на своих платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.
Для уменьшения плат можно располагать по 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 КБ) 242 скачивания
----------------------------------------------------------------------------
3 версия по библиотеке 3.5.2. (В библиотеке ничего не менял) , выложил блоки, примеры и библиотеку.
Блоки:
GPv3.5.rar
(191.32 КБ) 331 скачивание
Примеры GPv3.5.rar
(366.42 КБ) 353 скачивания
Бимблиотека:
GyverPortal-3.5.2.rar
(319.78 КБ) 358 скачиваний
Внимание!
Пользуйтесь только одной версией портала.
В каждой версии я выложил библиотеку этой версии.
Видео для прежней версии в основном подходит и для последней версии для понимания блоков.
4я версия ТУТ.

Аватара пользователя
Brama
Рядовой
Сообщения: 67
Зарегистрирован: 02.07.2020{, 14:27}
Репутация: 6
Откуда: Уфа
Имя: Сергей

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

#321

Сообщение Brama » 15.10.2023{, 16:44}

vlad1451 писал(а):
15.10.2023{, 06:42}
В данном примере по умолчанию тёмная тема (GP_DARK), переключите на GP_LIGHT.
На сей раз чистая белая страница.

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

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

#322

Сообщение aidar_i » 15.10.2023{, 17:42}

Brama писал(а):
15.10.2023{, 06:21}
Доброго всем.
Запустил тестовый пример "Вывод графика. flp" с первой страницы, на экране смартфона тёмная страница.
На проекте сменил контроллер на WEMOS mini и wi fi в режиме точка доступа.
Если у кого было подобное, как вы обошли данную причину.?
Спасибо.
Нужно использовать файловую систему ESP с точкой доступа, в первом сообщении об этом написано.

vlad1451
Сержант
Сообщения: 133
Зарегистрирован: 06.09.2019{, 19:23}
Репутация: 7
Имя: Владимир

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

#323

Сообщение vlad1451 » 15.10.2023{, 17:58}

Brama писал(а):
15.10.2023{, 16:44}
vlad1451 писал(а):
15.10.2023{, 06:42}
В данном примере по умолчанию тёмная тема (GP_DARK), переключите на GP_LIGHT.
На сей раз чистая белая страница.
Возможная проблема, это штатный Web. Я взят этот же пример, отключил штатный web, поставил на плату клиента. Запустилось всё без проблем.
Вложения
IMG_20231015_195854.jpg

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

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

#324

Сообщение aidar_i » 16.10.2023{, 07:26}

vlad1451 писал(а):
15.10.2023{, 17:58}
Возможная проблема, это штатный Web.
Со штатным тоже должен работать.

volodyap
Рядовой
Сообщения: 9
Зарегистрирован: 19.11.2020{, 10:58}
Репутация: 0
Имя: Владимир

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

#325

Сообщение volodyap » 18.10.2023{, 21:36}

Подскажите пожалуйста как вывести показания с датчика Ds18b20 в веб интерфейсе, какие пб задествовать? Управление реле через веб получилось прикрутить, но вот показания с датчика Ds18b20 не пойму как правильно сделать. В родном веб интерфейсе FLPROG всё нормально отображается. Может демо проект кто выложит. Заранее спасибо.

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

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

#326

Сообщение aidar_i » 18.10.2023{, 23:14}

volodyap писал(а):
18.10.2023{, 21:36}
Подскажите пожалуйста как вывести показания с датчика Ds18b20 в веб интерфейсе, какие пб задествовать? Управление реле через веб получилось прикрутить, но вот показания с датчика Ds18b20 не пойму как правильно сделать. В родном веб интерфейсе FLPROG всё нормально отображается. Может демо проект кто выложит. Заранее спасибо.
Используйте блоки режима обновления!
Например, вывод текста, на вход подавайте температуру.

chmak2007
Сержант
Сообщения: 151
Зарегистрирован: 06.09.2015{, 13:28}
Репутация: 0
Откуда: Саров

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

#327

Сообщение chmak2007 » 25.10.2023{, 15:42}

При сборки сайта на GyverPortal, микроконтроллер esp8266 NodeMcu. При добавлении блоков в сборку начал сайт вылетать в зависание. Память в NodeMcu есть для скетча. Что-то можно сделать с тормозами или GyverPortal рассчитана на набольшие сборки сайтов.
Вложения
ESP8266.flp
(2.25 МБ) 32 скачивания

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

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

#328

Сообщение aidar_i » 25.10.2023{, 19:14}

chmak2007 писал(а):
25.10.2023{, 15:42}
При добавлении блоков в сборку начал сайт вылетать в зависание.
Попробовал запустить - работает!
СпойлерПоказать
скрин.png
СпойлерПоказать
скрин1.png

chmak2007
Сержант
Сообщения: 151
Зарегистрирован: 06.09.2015{, 13:28}
Репутация: 0
Откуда: Саров

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

#329

Сообщение chmak2007 » 25.10.2023{, 20:50}

aidar_i писал(а):
25.10.2023{, 19:14}
Попробовал запустить - работает!
У меня еще modbus работает и выдает что Device offline!

Аватара пользователя
Brama
Рядовой
Сообщения: 67
Зарегистрирован: 02.07.2020{, 14:27}
Репутация: 6
Откуда: Уфа
Имя: Сергей

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

#330

Сообщение Brama » 03.11.2023{, 20:38}

aidar_i писал(а):
15.10.2023{, 17:42}
Brama писал(а):
15.10.2023{, 06:21}
Доброго всем.
Запустил тестовый пример "Вывод графика. flp" с первой страницы, на экране смартфона тёмная страница.
На проекте сменил контроллер на WEMOS mini и wi fi в режиме точка доступа.
Если у кого было подобное, как вы обошли данную причину.?
Спасибо.
Нужно использовать файловую систему ESP с точкой доступа, в первом сообщении об этом написано.
Всем доброго.
Не совсем силен в терминах. Вот текст с сообщении:
Для работы с точкой доступа нужно использовать файловую систему ЕСП. Так как появились вопросы форумчан, выкладываю папку tools, которую нужно положить в папку ...\FLProg_8-0-2_Win64\ideV8\portable\sketchbook, тогда у вас будет работать файловая система. В Ардуино Иде в Tools появится надписи “ESP8266 LittleFS Data Upload“ и “ESP32 Sketch Data Upload“. Сохранить скетч, положить в папку со скетчем папку data. в которую положить нужные файлы для сохранения в файловую систему. В Ардуино Иде нажать нужную надпись и ФС прошьется, потом загрузите скетч. Далее вы можете прошивать только скетч, если файлы из ФС используются те же. Для GP прошейте файлы из библиотеки, там есть папка data, в примерах я его использую.

Сделал вначале как написано. Надписи “ESP8266 LittleFS Data Upload“ и “ESP32 Sketch Data Upload“ в Ардуино иде появились.
Далее, где "Сохранить скетч, положить в папку со скетчем папку data. в которую..........." не совсем понял, как это делать.
Если есть возможность у кого из опытных, объясните пожалуйста подробнее.

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

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

#331

Сообщение aidar_i » 03.11.2023{, 20:47}

Brama писал(а):
03.11.2023{, 20:38}
Если есть возможность у кого из опытных, объясните пожалуйста подробнее.
Можно скомпилированный скетч Ардуино Иде сохранить куда нибудь у себя,файл-сохранить как. При сохранении Ардуино Иде создаёт папку с именем файла, в эту папку положите папку дата с нужными файлами.
Можете найти видео, чтобы было наглядно.

ShishkaRoman
Рядовой
Сообщения: 44
Зарегистрирован: 18.06.2020{, 11:36}
Репутация: 1
Имя: Roman

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

#332

Сообщение ShishkaRoman » 09.11.2023{, 16:45}

Добрый день.
Почему сразу после подключения к точке доступа пропадает вайфай сигнал и сразу же появляется обратно?
Уже использовал и пример и свою сборку сделал. Пробовал разные платы ESP 32 и ESP8266

ivansidor012
Сержант
Сообщения: 279
Зарегистрирован: 10.09.2020{, 14:37}
Репутация: 43
Имя: Иван

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

#333

Сообщение ivansidor012 » 09.11.2023{, 22:38}

ShishkaRoman,
а это имеет отношение к блокам гайвер-портала?

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

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

#334

Сообщение aidar_i » 10.11.2023{, 10:02}

ShishkaRoman писал(а):
09.11.2023{, 16:45}
Добрый день.
Почему сразу после подключения к точке доступа пропадает вайфай сигнал и сразу же появляется обратно?
Уже использовал и пример и свою сборку сделал. Пробовал разные платы ESP 32 и ESP8266
Штатное подключение или мой блок используете.

ShishkaRoman
Рядовой
Сообщения: 44
Зарегистрирован: 18.06.2020{, 11:36}
Репутация: 1
Имя: Roman

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

#335

Сообщение ShishkaRoman » 10.11.2023{, 23:55}

ivansidor012 писал(а):
09.11.2023{, 22:38}
ShishkaRoman,
а это имеет отношение к блокам гайвер-портала?
Да. Я использую его блоки

Отправлено спустя 2 минуты 43 секунды:
aidar_i писал(а):
10.11.2023{, 10:02}
ShishkaRoman писал(а):
09.11.2023{, 16:45}
Добрый день.
Почему сразу после подключения к точке доступа пропадает вайфай сигнал и сразу же появляется обратно?
Уже использовал и пример и свою сборку сделал. Пробовал разные платы ESP 32 и ESP8266
Штатное подключение или мой блок используете.
Использовал штатное подключение.
Причина была в версии программа. Откатился до 8.0.2 и всё заработало.
Возможно подскажете какой блок поставить чтобы обновлялись значения на странице без обновления всей страницы. Хочу получать значения от сенсора 1знач/сек на интерфейсе. Это реализуемо?

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

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

#336

Сообщение aidar_i » 11.11.2023{, 15:40}

ShishkaRoman писал(а):
10.11.2023{, 23:58}
Возможно подскажете какой блок поставить чтобы обновлялись значения на странице без обновления всей страницы. Хочу получать значения от сенсора 1знач/сек на интерфейсе. Это реализуемо?
Да, ставьте блоки режима обновления, будет обновляться только нужное значение.
ShishkaRoman писал(а):
10.11.2023{, 23:58}
Откатился до 8.0.2 и всё заработало.
Я тоже этой версией часто пользуюсь.

ShishkaRoman
Рядовой
Сообщения: 44
Зарегистрирован: 18.06.2020{, 11:36}
Репутация: 1
Имя: Roman

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

#337

Сообщение ShishkaRoman » 11.11.2023{, 21:41}

aidar_i писал(а):
11.11.2023{, 15:41}
ShishkaRoman писал(а):
10.11.2023{, 23:58}
Возможно подскажете какой блок поставить чтобы обновлялись значения на странице без обновления всей страницы. Хочу получать значения от сенсора 1знач/сек на интерфейсе. Это реализуемо?
Да, ставьте блоки режима обновления, будет обновляться только нужное значение.
ShishkaRoman писал(а):
10.11.2023{, 23:58}
А как блок называется?

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

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

#338

Сообщение aidar_i » 12.11.2023{, 00:41}

ShishkaRoman писал(а):
11.11.2023{, 21:41}
ShishkaRoman писал(а): ↑Вчера{, 01:58}
А как блок называется?
Там есть вывод текста, вывод чисел в интежер, в флоат.

vovka1973
Майор
Сообщения: 1060
Зарегистрирован: 14.02.2016{, 14:16}
Репутация: 42
Откуда: kazahstan

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

#339

Сообщение vovka1973 » 12.11.2023{, 16:53}

aidar_i писал(а):
12.11.2023{, 00:41}
Там есть вывод текста, вывод чисел в интежер, в флоат.
а как цвет текста поменять ,а то серое все плохо видно на темной теме?
Изображение

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

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

#340

Сообщение aidar_i » 12.11.2023{, 18:24}

vovka1973 писал(а):
12.11.2023{, 16:53}
aidar_i писал(а):
12.11.2023{, 00:41}
Там есть вывод текста, вывод чисел в интежер, в флоат.
а как цвет текста поменять ,а то серое все плохо видно на темной теме?
В описаниях блоков все написано.

Ответить

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