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

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

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

Ниже блоки, которые можно настроить по своему вкусу(это не проект,выложены просто блоки, настройки по умолчанию):
ПБ Клик настройки.flp
(423.26 КБ) 697 скачиваний
ПБ Обновление настройки.flp
(424.87 КБ) 563 скачивания
ПБ Форма настройки.flp
(539.94 КБ) 560 скачиваний
Настраиваемые блоки режима Форм.
СпойлерПоказать
Настройки блоки форм.png
Отрисовка блоков для размещения компонентов
Пример удалил для изменения.
СпойлерПоказать
Отрисовка блоков.png
Вывод картинок
Вывод картинок.flp
(129.52 КБ) 572 скачивания
СпойлерПоказать
Вывод картинок.png
Вывод картинок.png (12.23 КБ) 49444 просмотра
Иконки можно брать здесь icons8.ru, код тоже там же.
Вывод графиков
Вывод графика.flp
(218.4 КБ) 550 скачиваний
СпойлерПоказать
Графики.png
------------------------------------------------------------------------------
2 версия , измененные блоки, библиотека и примеры.
Библиотека
GyverPortal_3.2.rar
(44.52 КБ) 611 скачиваний
Примеры, блок
Примеры GP.rar
(1.53 МБ) 574 скачивания
Проверил все примеры на ЕСП32. Блоки меню пока не работают, ждем новую версию.
Хорошо работает многостраничность. Видео
GPМногостраничность.rar
(259.5 КБ) 507 скачиваний
Привел пример с подробным описанием блоков многостраничности, придерживаться порядок расположения и компиляции блоков, иначе не будет работать. Что бы не путаться.
Старые и новые блоки и библиотеки не совместимы.
Оригинальная библиотека не совместима с блоками, устанавливайте выложенные здесь.

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

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

Добавлено: 16.05.2022{, 13:04}
Oleg
Добрый день. Компиляция и загрузка прошли. А вот страница не грузиться. Все из 1 сообщения.
СпойлерПоказать
тест2.jpg
тест.jpg

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

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

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

Добавлено: 16.05.2022{, 16:10}
Oleg
А по какому IP идет подключение.

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

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

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

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

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

Добавлено: 16.05.2022{, 19:45}
artemka19
-Добавил статус соединения.
-Добавил вход в блоке START, по которому можно Включить/Отключить Статус соединения при сборке проекта в ФЛПрог.
-Снизил чувствительность скрипта статуса соединения к качеству сети.
СпойлерПоказать
1.png
2.png
3.png
на форум со статус коннектом.7z
(2.89 МБ) 102 скачивания

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

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

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

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

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

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

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

Добавлено: 17.05.2022{, 20:54}
aidar_i
Oleg писал(а):
17.05.2022{, 19:37}
У меня ESP32 как раз то. Я же показывал. Поэтому и нет открытия страницы?

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

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

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

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

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

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

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

наверное где то опечатка в библиотеке
СпойлерПоказать
2.png

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

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

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

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

Добавлено: 18.05.2022{, 00:19}
aidar_i
Попробуйте меню
GyverPortal menu.flp
(392.09 КБ) 225 скачиваний
СпойлерПоказать
Меню свернуто.png
Меню развернуто.png

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

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

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

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

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

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

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

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

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

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

Добавлено: 18.05.2022{, 13:39}
artemka19
Oleg,

можно попробовать так сделать в portal.h (чтобы и 8266 и 32 поддерживались):
СпойлерПоказать
1652870225168487301843145286663.jpg

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

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