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 КБ) 22253 просмотра
Иконки можно брать здесь 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 - простой конструктор веб интерфейса.

#221

Сообщение aidar_i » 21.01.2023{, 14:19}

Последние Блоки По библиотеке GP v.3.5.2
GPv3.5.rar
(191.32 КБ) 23 скачивания
Блоки установите оттуда, их много.
Примеры некоторые
Примеры GPv3.5.rar
(366.42 КБ) 11 скачиваний
Библиотеку скачайте последнюю версии 3.5.2.
Его выкладываю , убрал примеры для облегчения:
GyverPortal-3.5.2.rar
(319.78 КБ) 22 скачивания
В этой библиотеке есть функция проверки связи с ЕСП. Выходит всплывающее сообщение сбоку.
Не забывайте про это
viewtopic.php?p=115220#p115220

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

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

#222

Сообщение aidar_i » 21.01.2023{, 19:26}

Обратите внимание на очень интересный и полезный ПБ GP_SEND, который может использоваться для создания различных ПБ или просто использоваться вставкой своего css кода в его параметр, не трогая библиотеку.
Блок GP_SEND.flp
(490.52 КБ) 3 скачивания
Находится в Компоненты общие для всех режимов - > Кастом .
Вставляя его, например, для изменения фона страницы с соответствующим кодом, на каждую страницу многостраничного проекта, можно получить разные цвета страниц.
Вот пример
Многостраничность и GP_SEND.flp
(751.13 КБ) 5 скачиваний
Видео
Пример подключения к точке доступа и использования макросов.
Макросы + ТД.flp
(785.53 КБ) 4 скачивания
Еще один пример
Станок для филамента .flp
(1.5 МБ) 8 скачиваний
Здесь использованы: шаговик(с драйвером А4988 и тп), нагреватель (через мосфет) и термистор от 3д принтера.

fefar51702
Рядовой
Сообщения: 12
Зарегистрирован: 26.06.2022{, 07:35}
Репутация: 0
Имя: Валера

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

#223

Сообщение fefar51702 » 22.01.2023{, 06:03}

делаю из есп точку доступа с ип 192,168,11,11
подключаюсь к точке и тут же из винды прилетат сылка http://www.msftconnecttest.com/redirect которая не активна
и по своему айпи тоже не могу зайти 192,168,11,11
СпойлерПоказать
2023-01-22_100154.png

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

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

#224

Сообщение aidar_i » 22.01.2023{, 08:26}

fefar51702 писал(а):
22.01.2023{, 06:03}
делаю из есп точку доступа с ип 192,168,11,11
подключаюсь к точке и тут же из винды прилетат сылка http://www.msftconnecttest.com/redirect которая не активна
и по своему айпи тоже не могу зайти 192,168,11,11
Без блоков GP работает?
Переходите на последнюю версию блоков и
библиотеки.
И попробуйте моим блоком подключиться к ар.

fefar51702
Рядовой
Сообщения: 12
Зарегистрирован: 26.06.2022{, 07:35}
Репутация: 0
Имя: Валера

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

#225

Сообщение fefar51702 » 22.01.2023{, 08:41}

а как можно подключится к сайту без блоков GP ведь страница будет не создана изначально у нас

к точке доступа то я подключаюсь без проблем
я на созданый сайт не могу зайти хотя у меня там всего три блока выставлено
или какого то блока не хватает для отображения сайта ?

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

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

#226

Сообщение aidar_i » 22.01.2023{, 10:55}

fefar51702 писал(а):
22.01.2023{, 08:41}
а как можно подключится к сайту без блоков GP ведь страница будет не создана изначально у нас

к точке доступа то я подключаюсь без проблем
я на созданый сайт не могу зайти хотя у меня там всего три блока выставлено
или какого то блока не хватает для отображения сайта ?
Я не знаю, какую Вы библиотеку используете.
И пример выложите. И скрин компиляции из ардуино иде выложите, внизу, где пишется про используемые библиотеки.
IP 192.168.4.1 пробовали?
Я использую последние версии блоков и библиотек. Остальное удалил.

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

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

#227

Сообщение aidar_i » 23.01.2023{, 09:41}

fefar51702 писал(а):
22.01.2023{, 08:41}
я на созданый сайт не могу зайти хотя у меня там всего три блока выставлено
или какого то блока не хватает для отображения сайта ?
Выкладываю пример подключения к точке доступа СЮДА. Заодно некоторые макросы вставил.
СпойлерПоказать
ТД и макросы.png
Библиотека и блоки последние.
В браузере ставить адрес http://192.168.11.11/

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

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

#228

Сообщение aidar_i » 24.01.2023{, 15:10}

В главном блоке GPv3_BEGIN_L Начальный блок+LOG забыл убрать старую библиотеку версии 3.3. Поэтому у некоторых происходит ошибка компиляции. Удалите библиотеку из блока.
Еще ошибка в блоке GPv3_LABEL_U Вывод текста со входа
Я ПБ и примеры перезалил с исправлениями СЮДА.

megatigra
Рядовой
Сообщения: 4
Зарегистрирован: 14.05.2020{, 18:44}
Репутация: 0
Имя: Алексей

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

#229

Сообщение megatigra » 27.01.2023{, 13:43}

aidar_i писал(а):
21.01.2023{, 14:19}
Последние Блоки По библиотеке GP v.3.5.2
Хочу выразить огромную благодарность автору за труды!!! Даже мне, как новичку в программировании, всё в принципе доступно.
Хочу дать обратную связь по примерам: они компилируются, загружаются, но создание точки доступа и подключения не происходит....по крайней мере у меня. Мой конфиг: FLProg 8.0.2 Portable, ESP32, библиотека GyverPortal 3.5.2. Проблема решается перемещением блока GP_Begin перед блоком WiFi ESP Client/AP.
И есть еще один вопрос: возможно ли посредством каких-либо блоков изменить название интерфейса GyverPortal на своё (см. рис) или оно забито в библиотеку и не меняется?
СпойлерПоказать
Изображение

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

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

#230

Сообщение aidar_i » 27.01.2023{, 14:10}

megatigra писал(а):
27.01.2023{, 13:43}
возможно ли посредством каких-либо блоков изменить название интерфейса GyverPortal на своё (см. рис) или оно забито в библиотеку и не меняется?
Рисунка не видно. Не совсем понял, что Вы хотите?
Если имеете ввиду надпись Gyverportal в FLProg, то она прописана в блоке титул в параметрах.
Или Вы иконку окна имеете ввиду.

Отправлено спустя 27 минут 24 секунды:
aidar_i писал(а):
27.01.2023{, 14:10}
но создание точки доступа и подключения не происходит....по крайней мере у меня.
Штатная ТД тоже не работает?
aidar_i писал(а):
27.01.2023{, 14:10}
Проблема решается перемещением блока GP_Begin перед блоком WiFi ESP Client/AP.
Проверю, перемещать так не нужно.
Пример, если кинули бы было бы хорошо.

megatigra
Рядовой
Сообщения: 4
Зарегистрирован: 14.05.2020{, 18:44}
Репутация: 0
Имя: Алексей

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

#231

Сообщение megatigra » 27.01.2023{, 15:17}

aidar_i писал(а):
27.01.2023{, 14:37}
Рисунка не видно. Не совсем понял, что Вы хотите?
Если имеете ввиду надпись Gyverportal в FLProg, то она прописана в блоке титул в параметрах.
Или Вы иконку окна имеете ввиду.
За рисунок прошу прощения, чтот пошло не так. Вот что имел ввиду
СпойлерПоказать
Скриншот 27-01-2023 133949.jpg
Отправлено спустя 1 минуту 24 секунды:
aidar_i писал(а):
27.01.2023{, 14:37}
Штатная ТД тоже не работает?
Не работает. Пример из шапки брал. Единственное изменение-штатную точку доступа активировал
Вложения
Режим Клик.flp
(1.8 МБ) 6 скачиваний

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

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

#232

Сообщение aidar_i » 27.01.2023{, 16:30}

megatigra писал(а):
27.01.2023{, 15:19}
Не работает.
Тут моя ошибка прошла. Блок GPv3_BEGIN_L я ставил последним, поэтому при компиляции блоки ниже него становятся не там. переставьте блок GPv3_BEGIN_L на отдельную плату и выше блоков Гувер портала. В примерах тоже посмотрите и аналогично измените. Тогда точка доступа и тд будут работать, используйте или мои блоки WiFi ESP..... или штатную настройку.
Примеры перезалил.

megatigra
Рядовой
Сообщения: 4
Зарегистрирован: 14.05.2020{, 18:44}
Репутация: 0
Имя: Алексей

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

#233

Сообщение megatigra » 27.01.2023{, 16:59}

aidar_i писал(а):
27.01.2023{, 16:30}
Тут моя ошибка прошла.
Примеры перезалил.
Спасибо огромное

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

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

#234

Сообщение aidar_i » 28.01.2023{, 13:50}

megatigra писал(а):
27.01.2023{, 15:19}
И есть еще один вопрос: возможно ли посредством каких-либо блоков изменить название интерфейса GyverPortal на своё (см. рис) или оно забито в библиотеку и не меняется?
Изучение библиотеки и эксперименты привели вот к чему: Но обнаружил, что название меняется только , если изменить IP адрес страницы, чтобы изменилась название заголовка по этому адресу нужно очистить Историю в браузере, хотя бы удалить просмотренные вами страницы портала из истории.
Все таки хорошая функция GP. SEND.

Отправлено спустя 2 часа 52 минуты 10 секунд:
Есть, оказывается штатная функция изменения заголовки страницы, даже блок есть у меня готовый.
С этим блоком не нужно ничего удалять из истории браузера. Отправлено спустя 1 час 4 минуты 51 секунду:
Изменение фавикона (иконки) окна страницы.
Для этого нужно использовать файловую систему ЕСП. В папку дата положите ваши файлы, папку дата возьмите из библиотеки, там есть все файлы используемые библиотекой. Можете их менять, исправлять под свои нужды. Там есть фавикон Гувера "молоток и ключ скрещенные", он автоматически подключается из ФС ЕСП при использовании главного блока GPv3_BEGIN_FS. Можно сделать свой фавикон, в сети найдете много примеров. Например, можно создать на сайте https://www.favicon.cc/.
Пример Компилированный с него скетч с папкой дата с фавиконом, созданным на вышеуказанном сайте. Хоть на файле значок Гувера, внутри - созданный.
pr2.rar
(257.62 КБ) 5 скачиваний
Сохраните скомпилированный скетч и вложите туда папку дата и загрузите его в ФС ЕСП и загрузите скетч.
СпойлерПоказать
Фавикон.png
Фавикон.png (11.72 КБ) 302 просмотра

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

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

#235

Сообщение aidar_i » 29.01.2023{, 16:54}

График локально
График Ajax ESP8266.flp
(248.81 КБ) 10 скачиваний
Портал использовал для простейшей охранной сигнализации
Датчик движения и Whatsapp.flp
(891.72 КБ) 9 скачиваний

megatigra
Рядовой
Сообщения: 4
Зарегистрирован: 14.05.2020{, 18:44}
Репутация: 0
Имя: Алексей

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

#236

Сообщение megatigra » 29.01.2023{, 20:22}

aidar_i писал(а):
28.01.2023{, 22:15}
megatigra писал(а):
27.01.2023{, 15:19}
И есть еще один вопрос: возможно ли посредством каких-либо блоков изменить название интерфейса GyverPortal на своё (см. рис) или оно забито в библиотеку и не меняется?
Есть, оказывается штатная функция изменения заголовки страницы
Спасибо огромное. Буду ковырять

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

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

#237

Сообщение aidar_i » 30.01.2023{, 12:04}

Добавил дополнительные блоки Control_main и Control_end для управления блоками GP, например блоки можно скрывать или показывать на странице в зависимости от сигнала на входе блока. Чтобы страница сама обновлялась после действия, добавил в проект блок перезагрузки страницы GPv3_RELOAD, при наборе пароля появляются блоки в спойлере, при сбросе пароля - исчезают.
Пример сделан на основе проекта нашего форумчанина vovka1973.
Еще поменял главный блок, прежний с _L не менял тему.
Управление компонентами.flp
(2.24 МБ) 9 скачиваний

Ответить

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