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

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

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

#1

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

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

Ниже блоки, которые можно настроить по своему вкусу(это не проект,выложены просто блоки, настройки по умолчанию):
ПБ Клик настройки.flp
(423.26 КБ) 337 скачиваний
ПБ Обновление настройки.flp
(424.87 КБ) 277 скачиваний
ПБ Форма настройки.flp
(539.94 КБ) 274 скачивания
Настраиваемые блоки режима Форм.
СпойлерПоказать
Настройки блоки форм.png
Отрисовка блоков для размещения компонентов
Пример удалил для изменения.
СпойлерПоказать
Отрисовка блоков.png
Вывод картинок
Вывод картинок.flp
(129.52 КБ) 288 скачиваний
СпойлерПоказать
Вывод картинок.png
Вывод картинок.png (12.23 КБ) 22254 просмотра
Иконки можно брать здесь icons8.ru, код тоже там же.
Вывод графиков
Вывод графика.flp
(218.4 КБ) 255 скачиваний
СпойлерПоказать
Графики.png
--------------------------------------------------------------------------------
Вышла новая 2 версия библиотеки, измененные блоки, библиотека и примеры.
Библиотека
GyverPortal_3.2.rar
(44.52 КБ) 238 скачиваний
Примеры, блок
Примеры GP.rar
(1.53 МБ) 217 скачиваний
Проверил все примеры на ЕСП32. Блоки меню пока не работают, ждем новую версию.
Хорошо работает многостраничность. Видео
GPМногостраничность.rar
(259.5 КБ) 187 скачиваний
Привел пример с подробным описанием блоков многостраничности, придерживаться порядок расположения и компиляции блоков, иначе не будет работать. Что бы не путаться.
Старые и новые блоки и библиотеки не совместимы.
Оригинальная библиотека не совместима с блоками, устанавливайте выложенные здесь.

Внимание! Тело проекта расположите в платах выше плат с блоками портала.
Блоки портала должны быть последними в проекте.
Расположите блоки портала отдельно на своих платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.
Для уменьшения плат можно располагать по 2-3 блока в плате, их корректировать проще.
Можно блоки вырезать и снова поставить, тогда они будут компилироваться ниже блоков, которые остались на плате.
ОТА тоже работает.

Снял видео инструкцию по блокам GP:
СпойлерПоказать
СпойлерПоказать
Здесь дополнительные блоки с возможностью установки любого цвета светодиодов и фона страницы.
—--------------------------------------------------------------------------------------------------------------------------------------------------------------------

Последние Блоки по версии библиотеки 3.5.2. (В библиотеке ничего не менял) ЗДЕСЬ

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

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

#141

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

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

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

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

#142

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

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

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

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

#143

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

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

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

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

#144

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

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

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

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

#145

Сообщение Rovki » 14.09.2022{, 18:25}

Naladchik писал(а):
14.09.2022{, 18:17}
Rovki писал(а):
13.09.2022{, 20:00}
... espui, но там нет обновления по воздуху...
Откуда такая информация?
Со штатным, встроенным в FLProg, OTA все работает, специально, только что, скачал последний проект со своей темы с мультиблоком и проверил.
Несколько раз заливал, проблем не увидел.
Нужна будет помощь в настройке данной связки (ESPUI + OTA от FLProg) - пишите в личку.
Спасибо, я имел ввиду БП UPDATE
Электронщик до мозга костей и не только

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

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

#146

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

artemka19 писал(а):
14.09.2022{, 18:19}
видимо webupdate подразумевался под "обновлением по воздуху"
С webupdate да, не работает, так как для поднятия вебсервера в ESPUI используется библиотека ESPAsyncWebserver, а для работы webupdate требуется библиотека WebServer.
Win7-64. FLProg Portable.
Изображение

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

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

#147

Сообщение aidar_i » 14.09.2022{, 19:53}

Imran писал(а):
14.09.2022{, 17:47}
Аа очень сложно сделать не по вытаскивания а по построению блоков ?
Вставьте блок на отдельной плате.
В новой версии программы это должно быть исправлено. Это может сделать только Сергей.
В GP , чтобы прошивать по воздуху нужно открывать страницу по указанному в описании адресу, не проверял, но можно поставить кнопку ссылку или текст ссылку и нажатием открывать страницу эту.

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

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

#148

Сообщение Imran » 14.09.2022{, 21:48}

aidar_i писал(а):
14.09.2022{, 19:53}
Это может сделать только Сергей.
А с чем это связано? просто очень интересно стало,понимаю долго объяснять ну если можно хотя бы в двух словах. JeeUI2 по построению работает а в GyverPortal нет.

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

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

#149

Сообщение aidar_i » 15.09.2022{, 09:39}

Imran писал(а):
14.09.2022{, 21:48}
aidar_i писал(а):
14.09.2022{, 19:53}
Это может сделать только Сергей.
А с чем это связано? просто очень интересно стало,понимаю долго объяснять ну если можно хотя бы в двух словах. JeeUI2 по построению работает а в GyverPortal нет.
Постарался ответить на вопросы в продолжении ВИДЕО
Еще вот проект с ОТА, страница которого запускается с кнопки ссылки(можно и из текста ссылки аналогично).
СпойлерПоказать
Безымянный.png
Безымянный.png (10.75 КБ) 1255 просмотров
Отправлено спустя 14 минут 9 секунд:
Перезалил библиотеку, примеры и блоки с исправлениями и добавлениями выявленными при снятии видео.

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

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

#150

Сообщение aidar_i » 16.09.2022{, 19:12}

Испытал на светодиоде возможность задания любого цвета - получилось!
Создал еще стартовые блоки с возможностью задания любого цвета фона страницы.
Можете попробовать, для этого изменил библиотеку и добавил еще блоки. Блоки установите из примера. Нужно задать цвет, его название берете в интернете, ссылка в описании блоков
Библиотеку измененную перезалил в первом сообщении.
Пример с новыми блоками, установите их оттуда.
Блоки с выбором цвета.flp
(284.41 КБ) 47 скачиваний
СпойлерПоказать
Новые блоки.png
Новые блоки.png (4.33 КБ) 1150 просмотров

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

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

#151

Сообщение aidar_i » 17.09.2022{, 08:54}

В последнюю библиотеку добавлено некоторые дополнительные цвета, в описание блоков не вставил, можете взять отсюда:
СпойлерПоказать
//Цвет фона без эффекта наведения курсора
// (взят отсюда https://colorscheme.ru/html-colors.html)
//Красные тона:
".bg_red {background-color:red !important;}\n"
".bg_crimson {background-color:crimson !important;}\n"
".bg_pink {background-color:pink !important;}\n"
".bg_darkred {background-color:darkred !important;}\n"
".bg_lightsalmon {background-color:lightsalmon !important;}\n"
".bg_salmon {background-color:salmon !important;}\n"

// желтые тона
".bg_yellow {background-color:yellow !important;}\n"
".bg_gold {background-color:gold !important;}\n"
".bg_lightyellow {background-color:lightyellow !important;}\n"
".bg_khaki {background-color:khaki !important;}\n"
".bg_lemonchiffon {background-color:lemonchiffon !important;}\n"

//Зеленые тона
".bg_green {background-color:green !important;}\n"
".bg_darkgreen {background-color:darkgreen !important;}\n"
".bg_olive {background-color:olive !important;}\n"
".bg_teal {background-color:teal !important;}\n"
".bg_greenyellow {background-color:green !important;}\n"
".bg_lime {background-color:lime !important;}\n"
".bg_lightgreen {background-color:lightgreen !important;}\n"

//Синие тона
".bg_blue {background-color:blue !important;}\n"
".bg_skyblue {background-color:skyblue !important;}\n"
".bg_darkblue {background-color:garkblue !important;}\n"
".bg_RoyalBlue {background-color:RoyalBlue !important;}\n"
".bg_LightBlue {background-color:LightBlue !important;}\n"
".bg_Aqua {background-color:Aqua !important;}\n"
".bg_Aquamarine {background-color:Aquamarine !important;}\n"
".bg_LightCyan {background-color:LightCyan !important;}\n"
".bg_DodgerBlue {background-color:DodgerBlue !important;}\n"

//Фиолетовые тона
".bg_purple {background-color:purple !important;}\n"
".bg_Fuchsia {background-color:Fuchsia !important;}\n"
".bg_Indigo {background-color:Indigo !important;}\n"
".bg_DarkViolet {background-color:DarkViolet !important;}\n"
".bg_Lavender {background-color:Lavender !important;}\n"
".bg_Plum {background-color:Plum !important;}\n"
".bg_Violet {background-color:Violet !important;}\n"
".bg_MediumPurple {background-color:MediumPurple !important;}\n"

//Оранжевые тона
".bg_Orange {background-color:Orange !important;}\n"
".bg_DarkOrange {background-color:DarkOrange !important;}\n"
".bg_OrangeRed {background-color:OrangeRed !important;}\n"
".bg_Tomato {background-color:Tomato !important;}\n"
".bg_OrangeRed {background-color:OrangeRed !important;}\n"
".bg_Coral {background-color:Coral !important;}\n"

//Коричневые тона
".bg_Maroon {background-color:Maroon !important;}\n"
".bg_Brown {background-color:Brown !important;}\n"
".bg_SaddleBrown {background-color:SaddleBrown !important;}\n"
".bg_Tomato {background-color:Tomato !important;}\n"
".bg_OrangeRed {background-color:OrangeRed !important;}\n"
".bg_Cornsilk {background-color:Cornsilk !important;}\n"
".bg_Bisque {background-color:Bisque !important;}\n"
".bg_Tan {background-color:Tan !important;}\n"
".bg_Chocolate {background-color:Chocolate !important;}\n"

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

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

#152

Сообщение aidar_i » 17.09.2022{, 09:02}

Сидел вбивал дополнительные цвета и пришла в голову мысль, почему не сделать в компонентах настройку всех их свойств через Параметры.
Подумал - сделал.
Убрал все классы созданные мной, убрал темы, попробовал на кнопке, все работает.
Выложу здесь для теста библиотеку и пример с новыми блоками. Пока только кнопка, если будет нужно, то продолжу. Изменяя ширину, высоту и радиус закругления (особенно в (%)) можно создать разнообразную форму кнопки.
GyverPortal_4.rar
(41.1 КБ) 69 скачиваний
Тест кнопки с настройками.flp
(152.37 КБ) 53 скачивания
Форумчане, нужно это вам? Кто хочет продолжения работы, голосуйте.

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

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

#153

Сообщение Rovki » 17.09.2022{, 10:32}

Что то не могу добавить этот архив, может лучше сразу делать Zip , а не rar? :smile37:
Электронщик до мозга костей и не только

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

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

#154

Сообщение aidar_i » 17.09.2022{, 11:37}

Rovki писал(а):
17.09.2022{, 10:32}
Что то не могу добавить этот архив, может лучше сразу делать Zip , а не rar? :smile37:
Ок, просто у меня архиватор по умолчанию rar.

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

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

#155

Сообщение Rovki » 17.09.2022{, 11:57}

В ручную поместил в нужную папку- полет нормальный :smile9:
Электронщик до мозга костей и не только

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

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

#156

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

aidar_i писал(а):
17.09.2022{, 09:02}
Форумчане, нужно это вам? Кто хочет продолжения работы, голосуйте.
Конечно нужно ,знаю много придется потрудится, лучше было бы на всех виджетах такое сделать.

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

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

#157

Сообщение Rovki » 17.09.2022{, 13:20}

Нужно 10 лайков, как минимум ,что бы автор осознал необходимость такого труда (но могу ошибаться) . Согласитесь, что такое затевать для 1-3 человек не имеет большего смысла(семья не поймет :D ) ..
Электронщик до мозга костей и не только

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

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

#158

Сообщение aidar_i » 17.09.2022{, 17:49}

Rovki писал(а):
17.09.2022{, 13:20}
Нужно 10 лайков, как минимум
Не обязательно лайки, хотя там видно компактно, вижу есть желающие.
Я думаю делать уже на новом редакторе, хоть и помуторнее, но уменьшится количество блоков (за счет переключения режимов в параметре, за счет удаления главных блоков, правда в блоках появятся новые параметры). За счет этого пользователю будет легче работать. Но увеличится вес ПБ и проекта, как думаете, сделать в старом редакторе или в новом? Хотя в старом быстрее и легче мне.
Хотя и в старых блоках , особенно в последних, ничего сложного нет, тем более я примеры подробно описал и 2 видео выпустил, пусть и они длинные и нудные, зато после их просмотра вы будете быстро создавать проекты. Мне нравится GP. Давно хотел, что то такое. Сейчас очень быстро создаю проект с веб интерфейсом. Последний бета вариант вообще увеличивает маневренность.

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

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

#159

Сообщение Rovki » 17.09.2022{, 18:03}

aidar_i писал(а):
17.09.2022{, 17:49}
Rovki писал(а):
17.09.2022{, 13:20}
Нужно 10 лайков, как минимум
Не обязательно лайки, хотя там видно компактно, вижу есть желающие.
Я думаю делать уже на новом редакторе, хоть и помуторнее, но уменьшится количество блоков (за счет переключения режимов в параметре, за счет удаления главных блоков, правда в блоках появятся новые параметры). За счет этого пользователю будет легче работать. Но увеличится вес ПБ и проекта, как думаете, сделать в старом редакторе или в новом? Хотя в старом быстрее и легче мне.
Хотя и в старых блоках , особенно в последних, ничего сложного нет, тем более я примеры подробно описал и 2 видео выпустил, пусть и они длинные и нудные, зато после их просмотра вы будете быстро создавать проекты. Мне нравится GP. Давно хотел, что то такое. Сейчас очень быстро создаю проект с веб интерфейсом. Последний бета вариант вообще увеличивает маневренность.
Как вам удобнее так и делайте
Электронщик до мозга костей и не только

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

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

#160

Сообщение artemka19 » 17.09.2022{, 18:35}

aidar_i писал(а):
14.09.2022{, 04:55}
встрой, пожалуйста , в новую библиотеку проверку статуса соеднения, как сделано в jeeui2, чтобы загорался красный при обрыве связи
может это - я покажу КАК встроить, а дальше уже по примеру?)
Так в целом копипастой можно обойтись.

*просто часто изменяется библиотека - зачем кого то просить?)))

Ответить

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