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

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

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

#1

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

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

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

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

Аватара пользователя
Oleg
Сержант
Сообщения: 200
Зарегистрирован: 17.09.2015{, 13:04}
Репутация: 1
Откуда: Беларусь
Имя: Олег

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

#2

Сообщение Oleg » 16.05.2022{, 13:04}

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

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

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

#3

Сообщение aidar_i » 16.05.2022{, 15:05}

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

Аватара пользователя
Oleg
Сержант
Сообщения: 200
Зарегистрирован: 17.09.2015{, 13:04}
Репутация: 1
Откуда: Беларусь
Имя: Олег

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

#4

Сообщение Oleg » 16.05.2022{, 16:10}

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

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

Отправлено спустя 5 минут 20 секунд:
Вот у меня.
Вложения
GyverPortal CLICK_2 11.flp
(1017.79 КБ) 150 скачиваний

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

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

#5

Сообщение aidar_i » 16.05.2022{, 17:03}

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

artemka19
Лейтенант
Сообщения: 540
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 216
Откуда: Питер
Имя: Артем

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

#6

Сообщение artemka19 » 16.05.2022{, 19:45}

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

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

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

#7

Сообщение aidar_i » 17.05.2022{, 17:33}

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

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

Аватара пользователя
Oleg
Сержант
Сообщения: 200
Зарегистрирован: 17.09.2015{, 13:04}
Репутация: 1
Откуда: Беларусь
Имя: Олег

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

#8

Сообщение Oleg » 17.05.2022{, 19:32}

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

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

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

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

#9

Сообщение aidar_i » 17.05.2022{, 20:54}

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

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

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

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

#10

Сообщение aidar_i » 17.05.2022{, 22:02}

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

artemka19
Лейтенант
Сообщения: 540
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 216
Откуда: Питер
Имя: Артем

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

#11

Сообщение artemka19 » 17.05.2022{, 23:08}

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

artemka19
Лейтенант
Сообщения: 540
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 216
Откуда: Питер
Имя: Артем

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

#12

Сообщение artemka19 » 17.05.2022{, 23:13}

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

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

artemka19
Лейтенант
Сообщения: 540
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 216
Откуда: Питер
Имя: Артем

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

#13

Сообщение artemka19 » 17.05.2022{, 23:47}

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

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

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

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

#14

Сообщение aidar_i » 18.05.2022{, 00:19}

Попробуйте меню
GyverPortal menu.flp
(392.09 КБ) 225 скачиваний
СпойлерПоказать
Меню свернуто.png
Меню развернуто.png

Аватара пользователя
Oleg
Сержант
Сообщения: 200
Зарегистрирован: 17.09.2015{, 13:04}
Репутация: 1
Откуда: Беларусь
Имя: Олег

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

#15

Сообщение Oleg » 18.05.2022{, 11:36}

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

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

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

#16

Сообщение aidar_i » 18.05.2022{, 12:44}

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

artemka19
Лейтенант
Сообщения: 540
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 216
Откуда: Питер
Имя: Артем

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

#17

Сообщение artemka19 » 18.05.2022{, 13:25}

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

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

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

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

#18

Сообщение ibalabanov » 18.05.2022{, 13:35}

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

artemka19
Лейтенант
Сообщения: 540
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 216
Откуда: Питер
Имя: Артем

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

#19

Сообщение artemka19 » 18.05.2022{, 13:39}

Oleg,

можно попробовать так сделать в portal.h (чтобы и 8266 и 32 поддерживались):
СпойлерПоказать
1652870225168487301843145286663.jpg
Последний раз редактировалось artemka19 18.05.2022{, 13:43}, всего редактировалось 1 раз.

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

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

#20

Сообщение aidar_i » 18.05.2022{, 13:42}

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

Ответить

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