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 КБ) 1016 скачиваний
Кто скачивал с вышеуказанной темы для испытаний блоки и библиотеки, удалите все.
Нижеуказанные примеры и блоки со старыми не работают.
В библиотеке добавил выбор цвета фона , эффект нажатия, выбор положения (слева , справа, по умолчанию по центру), ширину и высоту компонента, высоту и цвет шрифта, радиус закругления.
Добавил дополнительно желтый и синий светодиоды. Замените файлы в библиотеке отсюда.

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

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

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

#101

Сообщение Imran » 12.07.2022{, 13:45}

Всем привет давно не был на форуме , скучал по форуму.Все удачного дня. aidar_i, объясните пожалуйста обратная связь с переключателем есть ? если есть то как сделать?

Отправлено спустя 11 минут 12 секунд:
В чем ошибка моя ? или же не моя ?:)
СпойлерПоказать
blueled.png
Проект
WEMMP_GP_752_1.flp
(317.07 КБ) 33 скачивания

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

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

#102

Сообщение aidar_i » 12.07.2022{, 15:55}

Imran писал(а):
12.07.2022{, 13:56}
В чем ошибка моя ? или же не моя ?:)
Поменяйте файлы библиотеки отсюда.

Отправлено спустя 10 минут 19 секунд:
Imran писал(а):
12.07.2022{, 13:56}
объясните пожалуйста обратная связь с переключателем есть ? если есть то как сделать?
В режиме обновления создаете обратную связь.
В Вашем проекте светодиоды дб в режиме обновления. Смотрите проект Грачика с видео. Аналогично.

pmishaz
Рядовой
Сообщения: 6
Зарегистрирован: 05.06.2021{, 18:10}
Репутация: 0
Имя: misha

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

#103

Сообщение pmishaz » 13.07.2022{, 17:30}

Imran писал(а):
12.07.2022{, 13:56}
Всем привет давно не был на форуме , скучал по форуму.Все удачного дня. aidar_i, объясните пожалуйста обратная связь с переключателем есть ? если есть то как сделать?

Отправлено спустя 11 минут 12 секунд:
В чем ошибка моя ? или же не моя ?:)

blueled.png

Проект

WEMMP_GP_752_1.flp
Столкнулся также с такой ошибкой сменил на green диод и ошибка пропала синий штото неработает

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

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

#104

Сообщение aidar_i » 13.07.2022{, 18:25}

pmishaz писал(а):
13.07.2022{, 17:30}
Imran писал(а):
12.07.2022{, 13:56}
Всем привет давно не был на форуме , скучал по форуму.Все удачного дня. aidar_i, объясните пожалуйста обратная связь с переключателем есть ? если есть то как сделать?

Отправлено спустя 11 минут 12 секунд:
В чем ошибка моя ? или же не моя ?:)

blueled.png

Проект

WEMMP_GP_752_1.flp
Столкнулся также с такой ошибкой сменил на green диод и ошибка пропала синий штото неработает
Про это писал выше

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

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

#105

Сообщение Imran » 14.07.2022{, 12:09}

pmishaz,

Вот здесь замени отредактированную библиотеку все тип топ работает

viewtopic.php?t=8039&start=80#p115445

Vitaliy1905
Рядовой
Сообщения: 16
Зарегистрирован: 11.09.2021{, 22:03}
Репутация: 0
Имя: Виталий

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

#106

Сообщение Vitaliy1905 » 14.07.2022{, 20:37}

Вопрос по веб интерфейсу. Подскажите какой код и куда вставить, что бы адаптировать к мобильному виду.

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

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

#107

Сообщение aidar_i » 14.07.2022{, 21:25}

Vitaliy1905 писал(а):
14.07.2022{, 20:37}
Вопрос по веб интерфейсу. Подскажите какой код и куда вставить, что бы адаптировать к мобильному виду.
Не совсем понял вопрос. Для смартфона?
Если да, то ничего не надо адаптировать.

Аватара пользователя
Psix_anp
Рядовой
Сообщения: 50
Зарегистрирован: 03.11.2017{, 17:56}
Репутация: 2
Откуда: Анапа
Имя: Сергей

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

#108

Сообщение Psix_anp » 01.08.2022{, 11:28}

aidar_i, https://github.com/GyverLibs/GyverPortal
Вышло обновление библы

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

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

#109

Сообщение aidar_i » 01.08.2022{, 11:57}

Psix_anp писал(а):
01.08.2022{, 11:28}
aidar_i, https://github.com/GyverLibs/GyverPortal
Вышло обновление библы
Спасибо! Посмотрю.

Отправлено спустя 39 минут 41 секунду:
aidar_i писал(а):
01.08.2022{, 11:57}
Psix_anp писал(а):
01.08.2022{, 11:28}
aidar_i, https://github.com/GyverLibs/GyverPortal
Вышло обновление библы
Спасибо! Посмотрю.
Посмотрел, нужно подождать следующего обновления, он там анонсирует большие
и крутые изменения (TODO на следующее обновление: загрузка и скачивание файлов, вывод файлов из SPIFFS на страницу, полная переделка бэкэнда под уменьшение использования памяти, новые блоки: вывод изображения/видео/текстового файла, блок навигации (tabs) со ссылками и с javascript-скрытием групп блоков со страницы), хотя и сейчас сделано много. Пока постараюсь найти и внести изменения в библиотеку отсюда , чтобы esp32 работал нормально.

Аватара пользователя
belyx
Сержант
Сообщения: 247
Зарегистрирован: 24.07.2016{, 20:38}
Репутация: 20
Откуда: Витебск Беларусь

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

#110

Сообщение belyx » 05.08.2022{, 11:22}

aidar_i,
Вчера скачал и попробовал примеры с шапки.
В примере ПБ Клик настройки.flp в блоке GyverPortal_Pass_CL может есть ошибка ? Не идет компиляция.Изменил только название и пароль клиента.Убираю данный блок - всё загружается без ошибок.
ОШИБКАПоказать
ERROR PASS.jpg

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

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

#111

Сообщение aidar_i » 05.08.2022{, 21:24}

belyx писал(а):
05.08.2022{, 11:22}
может есть ошибка ?
Проект выложите.

Аватара пользователя
belyx
Сержант
Сообщения: 247
Зарегистрирован: 24.07.2016{, 20:38}
Репутация: 20
Откуда: Витебск Беларусь

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

#112

Сообщение belyx » 05.08.2022{, 22:49}

aidar_i писал(а):
05.08.2022{, 21:24}
Проект выложите.
на работе, в понедельник

Аватара пользователя
belyx
Сержант
Сообщения: 247
Зарегистрирован: 24.07.2016{, 20:38}
Репутация: 20
Откуда: Витебск Беларусь

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

#113

Сообщение belyx » 08.08.2022{, 09:33}

aidar_i писал(а):
05.08.2022{, 21:24}
Проект выложите.
ПБ Клик настройки STA.flp
(420.91 КБ) 31 скачивание
pr1.ino
(7.02 КБ) 23 скачивания

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

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

#114

Сообщение aidar_i » 08.08.2022{, 20:18}

belyx писал(а):
08.08.2022{, 09:33}
ПБ Клик настройки STA.flp
pr1.ino
Подправил блок
ПБ Клик настройки STA_1.flp
(450.99 КБ) 33 скачивания

Аватара пользователя
belyx
Сержант
Сообщения: 247
Зарегистрирован: 24.07.2016{, 20:38}
Репутация: 20
Откуда: Витебск Беларусь

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

#115

Сообщение belyx » 09.08.2022{, 11:22}

aidar_i писал(а):
08.08.2022{, 20:18}
Подправил блок
Да,загрузилось и работает.Спасибо.
НО. Если при смене пароля не затирать полностью старый пароль а дописывать его, то контроллер может перезагрузится (не обязательно со второго раза),обнаружил случайно.
Если затирать старый, то такого не было.
ребутПоказать
ребут.jpg
или такПоказать
или вот так.jpg
уарт.txt
(1.77 КБ) 21 скачивание

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

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

#116

Сообщение aidar_i » 09.08.2022{, 12:41}

belyx писал(а):
09.08.2022{, 11:22}
контроллер может перезагрузится
Проверю у себя.

Отправлено спустя 5 часов 16 минут 58 секунд:
Проверил, это происходит из за того , что длина пароли превышает заданную длину переменной для него.
Подправил блок, сейчас длину можно задавать в параметрах. Длина вводимого пароля должна быть равна "Длина_пароля минус один", если задано в параметре 10, то можно вводить 9 символов.
Но не увлекайтесь вводом про запас длину побольше, это занимает память МК. В жизни хватает обычно длины = 10.
ПБ Клик настройки STA_2.flp
(451.59 КБ) 31 скачивание
Заполнил в блоке настройки: фон желтым, шрифт красным для понимания как этот параметр применять

Аватара пользователя
belyx
Сержант
Сообщения: 247
Зарегистрирован: 24.07.2016{, 20:38}
Репутация: 20
Откуда: Витебск Беларусь

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

#117

Сообщение belyx » 09.08.2022{, 22:19}

aidar_i писал(а):
09.08.2022{, 17:58}
это происходит из за того , что длина пароли превышает заданную длину
я так и подумал
aidar_i писал(а):
09.08.2022{, 17:58}
Длина вводимого пароля должна быть равна "Длина_пароля минус один", если задано в параметре 10
просто этой инфы не было в описании блока

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

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

#118

Сообщение aidar_i » 10.08.2022{, 06:44}

belyx писал(а):
09.08.2022{, 22:19}
просто этой инфы не было в описании блока
Добавил в описание изменённого блока.

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

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

#119

Сообщение remz » 15.08.2022{, 10:35}

Здравствуйте, поставил последнюю библиотеку, пример построения графиков наesp32 не работает: страница подгружается, однако графики пустые. На ESP8266 все отлично работает, проверял на нескольких рутерах, с интернетом все ок Не могу разобраться почему

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

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

#120

Сообщение aidar_i » 15.08.2022{, 21:20}

remz писал(а):
15.08.2022{, 10:35}
Здравствуйте, поставил последнюю библиотеку, пример построения графиков наesp32 не работает: страница подгружается, однако графики пустые. На ESP8266 все отлично работает, проверял на нескольких рутерах, с интернетом все ок Не могу разобраться почему
Эта библиотека не полностью работает на esp32.
Вышла новая версия библиотеки, там должен работать. Мои блоки с новой версией библиотеки не работают. Там большие изменения.
Или Вы имеете ввиду обновленную библиотеку от AG? Там тоже не все работает. Я писал автору, он готовит новую версию.

Ответить

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