Страница 1 из 25

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

Добавлено: 13 май 2022, 21:12
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 здесь.

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

Добавлено: 16 май 2022, 13:04
Oleg
Добрый день. Компиляция и загрузка прошли. А вот страница не грузиться. Все из 1 сообщения.
[spoiler]
тест2.jpg
тест.jpg
[/spoiler]

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

Добавлено: 16 май 2022, 15:05
aidar_i
Убрал входы для цвета в блоках, мешали работать, появлялись глюки, оставил в параметрах.
Заменил пример, библиотеку и блоки в первом сообщении.
Oleg писал(а): 14 май 2022, 08:55 Добрый день.Не получается с вашим примером.Ошибки при компиляции.
Oleg писал(а): 16 май 2022, 13:04 Добрый день. Компиляция и загрузка прошли. А вот страница не грузиться. Все из 1 сообщения.
Заново загрузите и попробуйте, обновил.
Обновите все.

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

Добавлено: 16 май 2022, 16:19
Oleg
А по какому IP идет подключение.

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

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

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

Добавлено: 16 май 2022, 17:03
aidar_i
Адрес смотрите у себя, какой присвоен.
Можете вывести на компорт.

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

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

[spoiler]
1.png
2.png
3.png
на форум со статус коннектом.7z
[/spoiler]

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

Добавлено: 17 май 2022, 17:33
aidar_i
Oleg писал(а): 16 май 2022, 16:19 А по какому IP идет подключение.

Отправлено спустя 3 минуты 18 секунд:
У меня DHCP. PING есть. Страница не открывается
192.168.4.1 для АР.
ЕСП32 тоже работает, смотрите ниже .

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

Добавлено: 17 май 2022, 19:37
Oleg
У меня ESP32 как раз то. Я же показывал. Поэтому и нет открытия страницы?

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

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

Добавлено: 17 май 2022, 21:34
aidar_i
Oleg писал(а): 17 май 2022, 19:37 У меня ESP32 как раз то. Я же показывал. Поэтому и нет открытия страницы?

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

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

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

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

Добавлено: 17 май 2022, 23:08
artemka19
Oleg писал(а): 17 май 2022, 19:37 У меня ESP32 как раз то. Я же показывал. Поэтому и нет открытия страницы?
все работает и на есп32))))
просто добавь к ip адресу "/favicon.ico"

[spoiler]
Безымянный.png
[/spoiler]

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

Добавлено: 17 май 2022, 23:13
artemka19
aidar_i писал(а): 17 май 2022, 21:34Да, жаль.
ползунок тоже работает на есп32)))
шлет в com-порт значения выбранные.

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

[spoiler]
2.png
[/spoiler]

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

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

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

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

Добавлено: 18 май 2022, 00:19
aidar_i
Попробуйте меню
GyverPortal menu.flp
[spoiler]
Меню свернуто.png
Меню развернуто.png
[/spoiler]

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

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

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

Добавлено: 18 май 2022, 12:44
aidar_i
Oleg писал(а): 18 май 2022, 11:36 Добрый день. artemka19 сделал изменения в portal.h и при использовании ESP8266 нет открытия страницы. Вернул все назад. Страница открывается если добавлять /favicon.ico после IP
На ЕСП32 заработал после удаления favicon.ico?

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

Добавлено: 18 май 2022, 13:25
artemka19
Oleg писал(а): 18 май 2022, 11:36 Добрый день. artemka19 сделал изменения в portal.h и при использовании ESP8266 нет открытия страницы. Вернул все назад. Страница открывается
эта "инструкция" только для есп32 была.
на 8266 и так все работает штатно)

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

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

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

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

Добавлено: 18 май 2022, 13:39
artemka19
[ref]Oleg[/ref],

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

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

Добавлено: 18 май 2022, 13:42
aidar_i
ibalabanov писал(а): 18 май 2022, 13:35 Добрый день! Не могу разобраться ставлю блоки как вы писали по порядку на плате, а в web отображается непонятно как🤪 Не могу разобраться
Что первым вытащили, то и первым и отображается, второй-вторым и тд.
Если второй поставили первым, все равно он будет отображаться вторым.
Перевод строки не забывайте вовремя вытаскивать и ставить.