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

Пользовательские блоки для коммкникации и связи GSM, GPRS, IR, Bluetooth и другие
Правила форума
Рекомендации по размещению блоков:
Автор блока создает подробное описание блока, отличие от подобных(если есть на данный момент).Сложные блоки очень желательно с примерами.
При выходе новых версий редактирует/дополняет свой первый пост с указанием даты, версии, причины.
В каждой теме обсуждается только выложенный автором блок - баги, возможность (или предложение) доработки и прочие хотелки.
Свои блоки, переработанные, с другими библиотеками, протоколами и т.д.- размещаем либо сами отдельно, либо обсуждаем и дорабатываем в форуме Разработка блоков.
Пользователи улучшив блок автора и проверив его работоспособность - могут обратиться к автору или модераторам с просьбой добавить их версию блока в первое сообщение темы.
aidar_i
Полковник
Сообщения: 3124
Зарегистрирован: 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 КБ) 1015 скачиваний
Кто скачивал с вышеуказанной темы для испытаний блоки и библиотеки, удалите все.
Нижеуказанные примеры и блоки со старыми не работают.
В библиотеке добавил выбор цвета фона , эффект нажатия, выбор положения (слева , справа, по умолчанию по центру), ширину и высоту компонента, высоту и цвет шрифта, радиус закругления.
Добавил дополнительно желтый и синий светодиоды. Замените файлы в библиотеке отсюда.

Ниже блоки, которые можно настроить по своему вкусу(это не проект,выложены просто блоки, настройки по умолчанию):
ПБ Клик настройки.flp
(423.26 КБ) 693 скачивания
ПБ Обновление настройки.flp
(424.87 КБ) 563 скачивания
ПБ Форма настройки.flp
(539.94 КБ) 560 скачиваний
Настраиваемые блоки режима Форм.
СпойлерПоказать
Настройки блоки форм.png
Отрисовка блоков для размещения компонентов
Пример удалил для изменения.
СпойлерПоказать
Отрисовка блоков.png
Вывод картинок
Вывод картинок.flp
(129.52 КБ) 571 скачивание
СпойлерПоказать
Вывод картинок.png
Вывод картинок.png (12.23 КБ) 49067 просмотров
Иконки можно брать здесь icons8.ru, код тоже там же.
Вывод графиков
Вывод графика.flp
(218.4 КБ) 548 скачиваний
СпойлерПоказать
Графики.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я версия ТУТ.

remz
Рядовой
Сообщения: 11
Зарегистрирован: 27.06.2017{, 20:08}
Репутация: 0
Откуда: Балаково

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

#121

Сообщение remz » 22.08.2022{, 11:00}

Ясненько , будем ждать

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

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

#122

Сообщение aidar_i » 30.08.2022{, 19:01}

Отправлено спустя 6 минут 44 секунды:
Адаптировал блоки к новой версии библиотеки. Не стал ждать следующей версии. ESP32 работает, но не все: не работает меню. Пока бета версия.
Туда перенес все свои и не свои наработки.

Библиотека с изменениями корректируется

Блоки выложу позже, нашел баг

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

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

#123

Сообщение ibalabanov » 31.08.2022{, 16:47}

aidar_i писал(а):
30.08.2022{, 19:07}
Отправлено спустя 6 минут 44 секунды:
Адаптировал блоки к новой версии библиотеки. Не стал ждать следующей версии. ESP32 работает, но не все: не работает меню. Пока бета версия.
Туда перенес все свои и не свои наработки.

Библиотека с изменениями корректируется

Блоки выложу позже, нашел баг
Жду обновление)

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

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

#124

Сообщение aidar_i » 31.08.2022{, 22:34}

ibalabanov писал(а):
31.08.2022{, 16:47}
Жду обновление)
Думал наскоком взять, не получилось, не все заработало. Но уже далеко продвинулся , скоро будут новые блоки.

Отправлено спустя 11 часов 55 минут 30 секунд:
ibalabanov, смотрите личное сообщение.

Аватара пользователя
Imran
Сержант
Сообщения: 229
Зарегистрирован: 08.11.2017{, 20:53}
Репутация: 9
Имя: Имран

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

#125

Сообщение Imran » 01.09.2022{, 13:24}

Не показывает Селект. Что не так ? удаляю заново закидываю как попало показывает но не стабильно то вемос глючит то браузер не находит.Загружается в контроллер нормально.
Но без Селект все ТИП ТОП

Вот проект
UCS1903_WEMD1MP_V_3.7z
(51.76 КБ) 26 скачиваний

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

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

#126

Сообщение aidar_i » 04.09.2022{, 17:48}

Imran писал(а):
01.09.2022{, 13:24}
Не показывает Селект. Что не так ? удаляю заново закидываю как попало показывает но не стабильно то вемос глючит то браузер не находит.Загружается в контроллер нормально.
Но без Селект все ТИП ТОП
Я здесь писал, что тело проекта должно быть выше блоков!Плату UCS1903 перенесите выше!
Начальный и конечный(он сейчас компилируется не там) блоки поставьте на отдельных платах,и вообще поставьте блоки все в отдельных платах!Тогда компиляция пройдет правильно.

Отправлено спустя 9 минут 41 секунду:
Вот так
UCS1903_WEMD1MP_V_3 исправленный.flp
(1.33 МБ) 33 скачивания

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

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

#127

Сообщение aidar_i » 13.09.2022{, 11:29}

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

Аватара пользователя
Rovki
Полковник
Сообщения: 4873
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 269
Откуда: Чехов
Имя: Анатолий
Контактная информация:

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

#128

Сообщение Rovki » 13.09.2022{, 11:46}

aidar_i, напомни есть ли возможность в это веб интерфейсе обновлять прошивку есп? :smile427:
Электронщик до мозга костей и не только

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

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

#129

Сообщение aidar_i » 13.09.2022{, 11:59}

Пока нет блока.
В сентябре выйдет новая версия V3.Вот превью:
СпойлерПоказать
Простой конструктор веб интерфейса для esp8266 и ESP32

Простой конструктор - делаем страницы без знаний HTML и CSS
Библиотека является обёрткой для стандартной ESP8266WebServer
Позволяет быстро создать вебморду для управления и настройки своего девайса
Компактный читаемый код в "скетче", никаких внешних обработчиков и лямбда-функций
Конструктор использует стандартные HTML формы, CSS и javascript
Элементы конструктора хранятся во Flash памяти
Никаких глобальных буферов, всё генерируется на лету
Приятный дизайн из коробки + тёмная тема
Адаптировано под мобильные устройства и ПК
Встроенные инструменты для удобного парсинга значений с формы
Возможность настроить автоматическое обновление значений переменных по действию со страницы
Встроенные жабаскрипты для AJAX, работа без обновления всей страницы:
Клики по компонентам, изменение их значений
Обновление компонентов по таймеру
График в реальном времени
Текстовое окно отладки (отправляем из программы)
Компоненты конструктора:
Заголовок
Подпись
Разделитель
Перенос строки
Блок для объединения компонентов
Веб-форма (блок)
Кнопка submit (для форм)
Поле ввода текста
Многострочное поле ввода текста
Поле ввода пароля
Галочка (чекбокс)
Выключатель
Слайдер
Слайдер с подписью
Выбор времени
Выбор даты
Селектор (дропбокс)
Кнопка
Мини кнопка
"Светодиод" индикатор
Окно лога для отладки (веб Serial порт)
Несколько типов графиков (требуется интернет)
Встроенные модули:
Авторизация по логину-паролю
DNS сервер (для работы как точка доступа)
mDNS (для открытия интерфейса по адресу вместо IP адреса)
OTA обновление через браузер (возможна защита паролем)
Отправлено спустя 28 минут 26 секунд:
Rovki писал(а):
13.09.2022{, 11:46}
aidar_i, напомни есть ли возможность в это веб интерфейсе обновлять прошивку есп? :smile427:
Специально для тебя сделал! Смотри в первом сообщении, перезалил примеры, добавил блок ОТА, блок текста ссылки еще.

Аватара пользователя
Rovki
Полковник
Сообщения: 4873
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 269
Откуда: Чехов
Имя: Анатолий
Контактная информация:

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

#130

Сообщение Rovki » 13.09.2022{, 20:00}

Спасибо, Айдар, а то мне нравился espui, но там нет обновления по воздуху и он не дружит с updata .Попробую на днях
Электронщик до мозга костей и не только

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

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

#131

Сообщение artemka19 » 13.09.2022{, 21:35}

Rovki,
в JeeUI2 есть ))

Аватара пользователя
Rovki
Полковник
Сообщения: 4873
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 269
Откуда: Чехов
Имя: Анатолий
Контактная информация:

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

#132

Сообщение Rovki » 13.09.2022{, 22:19}

Спасибо, я видел . Но я привык espui. в этом интерфейсе показалось что то похожее . Но будет время и ваш инструмент попробую. :smile427:
Электронщик до мозга костей и не только

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

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

#133

Сообщение artemka19 » 13.09.2022{, 22:32}

Rovki писал(а):
13.09.2022{, 22:19}
Но я привык espui
тогда вопрос:
-когда в espui происходит обрыв связи, то появляется надпись соответствующая
-и там же появляется иконка стрелочки "обновить"
- т.е. связь только вручную можно восстановить в espui, по нажатию этой "стрелочки-иконки"?

Аватара пользователя
Rovki
Полковник
Сообщения: 4873
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 269
Откуда: Чехов
Имя: Анатолий
Контактная информация:

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

#134

Сообщение Rovki » 13.09.2022{, 22:42}

Я использую веб интерфейс исключительно для настроек ,когда есп точка доступа . Когда нет связи пишется - дисконект..Браузер сам обновляет страницу когда восстанавливается связь
Электронщик до мозга костей и не только

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

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

#135

Сообщение aidar_i » 14.09.2022{, 04:50}

artemka19, встрой, пожалуйста , в новую библиотеку проверку статуса соеднения, как сделано в jeeui2, чтобы загорался красный при обрыве связи.

Отправлено спустя 4 минуты 16 секунд:
Rovki писал(а):
13.09.2022{, 22:32}
Но я привык espui.
Да, похож, но Гувер портал проще и нет заморочек совместимости с другими программами, версиями и ТП.
Удобно, если пользоваться смартфоном.
JeeUI2, мне показалось, удобен для компа.

Аватара пользователя
Imran
Сержант
Сообщения: 229
Зарегистрирован: 08.11.2017{, 20:53}
Репутация: 9
Имя: Имран

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

#136

Сообщение Imran » 14.09.2022{, 12:36}

aidar_i писал(а):
14.09.2022{, 04:55}
Да, похож, но Гувер портал проще и нет заморочек совместимости с другими программами, версиями и ТП.
Удобно, если пользоваться смартфоном.
Как для не очень опытного пользователя, GyverPortal красив, много функционален, НО не много сложный в плане построение очередности. А так и в смартфоне и в компьютере все красиво смотрится.
aidar_i писал(а):
14.09.2022{, 04:55}
JeeUI2, мне показалось, удобен для компа.
Как по мне он и на смартфоне и на компьютере смотрится красиво, прост в использование, Менее функционален и виджетов очень мало.

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

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

#137

Сообщение aidar_i » 14.09.2022{, 12:47}

Imran писал(а):
14.09.2022{, 12:36}
НО не много сложный в плане построение очередности.
Да, нет. Понять принцип и все! Выложил наконец то обещанное video, постарался все разъяснить.
СпойлерПоказать

Аватара пользователя
Imran
Сержант
Сообщения: 229
Зарегистрирован: 08.11.2017{, 20:53}
Репутация: 9
Имя: Имран

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

#138

Сообщение Imran » 14.09.2022{, 17:47}

aidar_i, Аа очень сложно сделать не по вытаскивания а по построению блоков ? Лично для меня цены бы не было этому блоку.И кстати ещё раз спасибо за видео стало много чего понятно.

Naladchik
Капитан
Сообщения: 823
Зарегистрирован: 04.10.2015{, 19:10}
Репутация: 153
Откуда: Новосибирск
Имя: Павел

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

#139

Сообщение Naladchik » 14.09.2022{, 18:17}

Rovki писал(а):
13.09.2022{, 20:00}
... espui, но там нет обновления по воздуху...
Откуда такая информация?
Со штатным, встроенным в FLProg, OTA все работает, специально, только что, скачал последний проект со своей темы с мультиблоком и проверил.
Несколько раз заливал, проблем не увидел.
Нужна будет помощь в настройке данной связки (ESPUI + OTA от FLProg) - пишите в личку.
Win10-64. FLProg Portable.
Изображение

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

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

#140

Сообщение artemka19 » 14.09.2022{, 18:19}

видимо webupdate подразумевался под "обновлением по воздуху"

Ответить

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