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

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

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

#1

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

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

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

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

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

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

#2

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

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

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

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
Полковник
Сообщения: 3125
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

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 МБ) 102 скачивания

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

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
Полковник
Сообщения: 3125
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

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

#9

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

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

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

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

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
Полковник
Сообщения: 3125
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

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
Полковник
Сообщения: 3125
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

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
Полковник
Сообщения: 3125
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 676
Откуда: Уфа
Имя: Айдар
Контактная информация:

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

#20

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

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

Ответить

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