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

[aidar_i]

ЗДЕСЬ обсуждалась эта тема.
В начале сообщения блоки старой версии, ниже выложил новую версию.
1 версия.
Выкладываю ПБ и измененную библиотеку.

GyverPortal_.ubl

GyverPortal_mod7.rar

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

Ниже блоки, которые можно настроить по своему вкусу(это не проект,выложены просто блоки, настройки по умолчанию):

ПБ Клик настройки.flp

ПБ Обновление настройки.flp

ПБ Форма настройки.flp

Настраиваемые блоки режима Форм.
[spoiler]

Настройки блоки форм.png

[/spoiler]
Отрисовка блоков для размещения компонентов
Пример удалил для изменения.
[spoiler]

Отрисовка блоков.png

[/spoiler]
Вывод картинок

Вывод картинок.flp

[spoiler]

Вывод картинок.png

[/spoiler]
Иконки можно брать здесь icons8.ru, код тоже там же.
Вывод графиков

Вывод графика.flp

Вывод нескольких графиков на одной оси.flp

[spoiler]

Графики.png

[/spoiler]
------------------------------------------------------------------------------
2 версия , измененные блоки, библиотека и примеры.
Библиотека

GyverPortal_3.2.rar

Примеры, блок

Примеры GP.rar

Проверил все примеры на ЕСП32. Блоки меню пока не работают, ждем новую версию.
Хорошо работает многостраничность. Видео

GPМногостраничность.rar

Привел пример с подробным описанием блоков многостраничности, придерживаться порядок расположения и компиляции блоков, иначе не будет работать. Что бы не путаться.
Старые и новые блоки и библиотеки не совместимы.
Оригинальная библиотека не совместима с блоками, устанавливайте выложенные здесь.

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

Снял видео инструкцию по блокам GP:
[spoiler][bbvideo]https://youtu.be/U4z2ZIQffn4[/bbvideo][/spoiler]
[spoiler]https://youtu.be/BX9z-6YyF8g[/spoiler]

Здесь дополнительные блоки с возможностью установки любого цвета светодиодов и фона страницы.
—--------------------------------------------------------------------------------------------------------------------------------------------------------------------
Для работы с файловой системой ЕСП.
Так как появились вопросы форумчан, выкладываю папку tools, которую нужно положить в папку ...\FLProg_8-0-2_Win64\ideV8\portable\sketchbook, тогда у вас будет работать файловая система. В Ардуино Иде в Tools появится надписи “ESP8266 LittleFS Data Upload“ и “ESP32 Sketch Data Upload“. Сохранить скетч, положить в папку со скетчем папку data. в которую положить нужные файлы для сохранения в файловую систему. В Ардуино Иде нажать нужную надпись и ФС прошьется, потом загрузите скетч. Далее вы можете прошивать только скетч, если файлы из ФС используются те же. Для GP прошейте файлы из библиотеки, там есть папка data, в примерах я его использую.

tools.rar

----------------------------------------------------------------------------
3 версия по библиотеке 3.5.2. (В библиотеке ничего не менял) , выложил блоки, примеры и библиотеку.
Блоки:

GPv3.5.rar

Примеры GPv3.5.rar

Бимблиотека:

GyverPortal-3.5.2.rar

Внимание!
Пользуйтесь только одной версией портала.
В каждой версии я выложил библиотеку этой версии.
Видео для прежней версии в основном подходит и для последней версии для понимания блоков.
4я версия ТУТ.
2х ядерный вариант использования GP на ESP32 здесь.

[Oleg]

Добрый день. Компиляция и загрузка прошли. А вот страница не грузиться. Все из 1 сообщения.
[spoiler]

тест2.jpg

тест.jpg

[/spoiler]

[aidar_i]

Убрал входы для цвета в блоках, мешали работать, появлялись глюки, оставил в параметрах.
Заменил пример, библиотеку и блоки в первом сообщении.

Добрый день.Не получается с вашим примером.Ошибки при компиляции.

Добрый день. Компиляция и загрузка прошли. А вот страница не грузиться. Все из 1 сообщения.

Заново загрузите и попробуйте, обновил.
Обновите все.

[Oleg]

А по какому IP идет подключение.

Отправлено спустя 3 минуты 18 секунд:
У меня DHCP. PING есть. Страница не открывается

Отправлено спустя 5 минут 20 секунд:
Вот у меня.

[aidar_i]

Адрес смотрите у себя, какой присвоен.
Можете вывести на компорт.

[artemka19]

-Добавил статус соединения.
-Добавил вход в блоке START, по которому можно Включить/Отключить Статус соединения при сборке проекта в ФЛПрог.
-Снизил чувствительность скрипта статуса соединения к качеству сети.

[spoiler]

1.png

2.png

3.png

на форум со статус коннектом.7z

[/spoiler]

[aidar_i]

А по какому IP идет подключение.

Отправлено спустя 3 минуты 18 секунд:
У меня DHCP. PING есть. Страница не открывается

192.168.4.1 для АР.
ЕСП32 тоже работает, смотрите ниже .

[Oleg]

У меня ESP32 как раз то. Я же показывал. Поэтому и нет открытия страницы?

Отправлено спустя 5 минут 2 секунды:
Да и вообще версия 7.5.2 недоделана для ESP32, а жаль.

[aidar_i]

У меня ESP32 как раз то. Я же показывал. Поэтому и нет открытия страницы?

Отправлено спустя 5 минут 2 секунды:
Да и вообще версия 7.5.2 недоделана для ESP32, а жаль.

Да, жаль. Работает с изменениями внесенными в библиотеку, только функция меню не работает.

[aidar_i]

Обновил библиотеку, добавил отрисовку блоков для размещения компонентов, запустил вывод положения слайдера.
Файлы в 1 сообщении обновил.
Планирую в библиотеку больше не лезть.
Останется только доделать блоки меню.

[artemka19]

У меня ESP32 как раз то. Я же показывал. Поэтому и нет открытия страницы?

все работает и на есп32))))
просто добавь к ip адресу "/favicon.ico"

[spoiler]

Безымянный.png

[/spoiler]

[artemka19]

Да, жаль.

ползунок тоже работает на есп32)))
шлет в com-порт значения выбранные.

наверное где то опечатка в библиотеке

[spoiler]

2.png

[/spoiler]

[artemka19]

наверное где то опечатка в библиотеке

опечатка в файле portal.h
[spoiler]
открыть файл этот и найти там в строке №25 следущее:
if (req.startsWith(F("/favicon.ico"))) show();
и исправить на это:
if (req.startsWith(F("/"))) show();

(т.е. удалить "favicon.ico", оставив только знак "/")
[/spoiler]

[aidar_i]

Попробуйте меню

GyverPortal menu.flp

[spoiler]

Меню свернуто.png

Меню развернуто.png

[/spoiler]

[Oleg]

Добрый день. artemka19 сделал изменения в portal.h и при использовании ESP8266 нет открытия страницы. Вернул все назад. Страница открывается если добавлять /favicon.ico после IP

[aidar_i]

Добрый день. artemka19 сделал изменения в portal.h и при использовании ESP8266 нет открытия страницы. Вернул все назад. Страница открывается если добавлять /favicon.ico после IP

На ЕСП32 заработал после удаления favicon.ico?

[artemka19]

Добрый день. artemka19 сделал изменения в portal.h и при использовании ESP8266 нет открытия страницы. Вернул все назад. Страница открывается

эта "инструкция" только для есп32 была.
на 8266 и так все работает штатно)

хотя это неправильно конечно...

[ibalabanov]

Добрый день! Не могу разобраться ставлю блоки как вы писали по порядку на плате, а в web отображается непонятно как Не могу разобраться

[artemka19]

[ref]Oleg[/ref],

можно попробовать так сделать в portal.h (чтобы и 8266 и 32 поддерживались):
[spoiler]

1652870225168487301843145286663.jpg

[/spoiler]

[aidar_i]

Добрый день! Не могу разобраться ставлю блоки как вы писали по порядку на плате, а в web отображается непонятно как Не могу разобраться

Что первым вытащили, то и первым и отображается, второй-вторым и тд.
Если второй поставили первым, все равно он будет отображаться вторым.
Перевод строки не забывайте вовремя вытаскивать и ставить.