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

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

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

#1

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

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

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

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

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

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

#81

Сообщение aidar_i » 20.06.2022{, 21:07}

СпойлерПоказать
Видео от Грачика

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

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

#82

Сообщение aidar_i » 21.06.2022{, 08:39}

Попробовал превратить картинку в ссылку, испытайте, для этого нужно в библиотеке заменить выложенный ниже файл(в первом сообщении не меняю, пока не накопятся изменения),
Добавил туда нечаянно удаленные функции для синего и желтого светодиодов.
GyverPortal.h
(30.39 КБ) 172 скачивания
Пример
Вывод картинок ссылок.flp
(100.85 КБ) 105 скачиваний

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

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

#83

Сообщение ibalabanov » 21.06.2022{, 11:08}

Можете сделать пример с body страницы, какие там настройки можно применить и как с ним работать) И ещё… можно ли менять тему светлую на темную через веб интерфейс? Был бы вход на главном блоке такой, было бы здорово👍🏻

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

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

#84

Сообщение aidar_i » 21.06.2022{, 14:00}

ibalabanov писал(а):
13.05.2022{, 21:12}
Можете сделать пример с body страницы, какие там настройки можно применить и как с ним работать)
Хорошо.
ibalabanov писал(а):
13.05.2022{, 21:12}
И ещё… можно ли менять тему
Я не волшебник, я только учусь. Пока не могу ответить.
Сегодня долго бился с переключением со входа картинок, но так и не смог привязать к режиму обновления. Сами входы работают.

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

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

#85

Сообщение aidar_i » 22.06.2022{, 07:44}

ibalabanov писал(а):
21.06.2022{, 11:08}
можно ли менять тему светлую на темную через веб интерфейс?
Так?
СпойлерПоказать
Запись_2022_06_22_09_42_18_781.mp4
(431.48 КБ) 66 скачиваний

velmir
Рядовой
Сообщения: 3
Зарегистрирован: 05.09.2021{, 20:00}
Репутация: 0
Имя: Валерий

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

#86

Сообщение velmir » 22.06.2022{, 08:22}

Здравствуйте Айдар можно пример как вывести два значения на экран допустим температуру и влажность ..... :smile38:

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

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

#87

Сообщение aidar_i » 22.06.2022{, 08:22}

ibalabanov писал(а):
21.06.2022{, 11:08}
можно ли менять тему светлую на темную через веб интерфейс?
Изменил стартовый блок для этого В этом примере на кнопке показал, как применять параметр Настройки.

Отправлено спустя 2 часа 17 минут 5 секунд:
velmir писал(а):
22.06.2022{, 08:22}
Здравствуйте Айдар можно пример как вывести два значения на экран допустим температуру и влажность ..... :smile38:
Ставите режим обновления (GyverPortal START_UPDATE Обновление в реальном времени) , на вход блока (GyverPortal TEXT_U Вывод текста) подайте через конвертацию числа в строку значение.

Внимание костыль!
Расположите блоки портала отдельно на свох платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.
Советую, для уменьшения количества плат, делать по два блока в плате, если что их заменить проще, чем блоки всего проекта.

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

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

#88

Сообщение ibalabanov » 22.06.2022{, 13:32}

aidar_i писал(а):
22.06.2022{, 10:39}
ibalabanov писал(а):
21.06.2022{, 11:08}
можно ли менять тему светлую на темную через веб интерфейс?
Изменил стартовый блок для этого
Переключение темы с веб интерфейса.flp
В этом примере на кнопке показал, как применять параметр Настройки.

Отправлено спустя 2 часа 17 минут 5 секунд:
velmir писал(а):
22.06.2022{, 08:22}
Здравствуйте Айдар можно пример как вывести два значения на экран допустим температуру и влажность ..... :smile38:
Ставите режим обновления (GyverPortal START_UPDATE Обновление в реальном времени) , на вход блока (GyverPortal TEXT_U Вывод текста) подайте через конвертацию числа в строку значение.

Внимание костыль!
Расположите блоки портала отдельно на свох платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.

А вы говорите не волшебник :smile38: Волшебник!! Спасибо!! :smile9:

velmir
Рядовой
Сообщения: 3
Зарегистрирован: 05.09.2021{, 20:00}
Репутация: 0
Имя: Валерий

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

#89

Сообщение velmir » 22.06.2022{, 14:24}

aidar_i писал(а):
22.06.2022{, 10:39}
Ставите режим обновления (GyverPortal START_UPDATE Обновление в реальном времени) , на вход блока (GyverPortal TEXT_U Вывод текста) подайте через конвертацию числа в строку значение.

Внимание костыль!
Расположите блоки портала отдельно на свох платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.
Спасибо Вам за проделанную работу. Всё получилось

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

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

#90

Сообщение aidar_i » 23.06.2022{, 19:24}

ibalabanov писал(а):
21.06.2022{, 11:08}
Можете сделать пример с body страницы, какие там настройки можно применить и как с ним работать)
Сделал пример с Боди, также показал настройки кнопки и линии(для линии нужно изменить приложенные файлы в библиотеке)
Пример настроек компонентов.flp
(290.41 КБ) 76 скачиваний
Файлы для замены.rar
(9.68 КБ) 84 скачивания
СпойлерПоказать
Снимок_2022_06_23_21_23_54_590.png

philipp2222
Рядовой
Сообщения: 12
Зарегистрирован: 02.04.2019{, 11:35}
Репутация: 1
Имя: krimmel

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

#91

Сообщение philipp2222 » 24.06.2022{, 11:27}

Всем привет,
возможна ли работа GyverPortal в режиме AccessPoint. Если да, то какие дополнителные настройки необходимо сделать. Не получается запустить проект, не отображается страничка.
Заранее благодарю за ответ.

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

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

#92

Сообщение aidar_i » 24.06.2022{, 12:59}

philipp2222 писал(а):
24.06.2022{, 11:27}
Всем привет,
возможна ли работа GyverPortal в режиме AccessPoint. Если да, то какие дополнителные настройки необходимо сделать. Не получается запустить проект, не отображается страничка.
Заранее благодарю за ответ.
Работает. IP странички правильно установите.

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

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

#93

Сообщение aidar_i » 30.06.2022{, 21:36}

philipp2222 писал(а):
24.06.2022{, 11:27}
Всем привет,
возможна ли работа GyverPortal в режиме AccessPoint. Если да, то какие дополнителные настройки необходимо сделать. Не получается запустить проект, не отображается страничка.
Заранее благодарю за ответ.
Запустили? Что то не отписались.

philipp2222
Рядовой
Сообщения: 12
Зарегистрирован: 02.04.2019{, 11:35}
Репутация: 1
Имя: krimmel

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

#94

Сообщение philipp2222 » 04.07.2022{, 19:28}

aidar_i писал(а):
30.06.2022{, 21:36}
philipp2222 писал(а):
24.06.2022{, 11:27}
Всем привет,
возможна ли работа GyverPortal в режиме AccessPoint. Если да, то какие дополнителные настройки необходимо сделать. Не получается запустить проект, не отображается страничка.
Заранее благодарю за ответ.
Запустили? Что то не отписались.
Привет,
получилось запустить с примером из поста 94, почему раньше не работало пока сам не понял.
Спасибо за поддержку.

philipp2222
Рядовой
Сообщения: 12
Зарегистрирован: 02.04.2019{, 11:35}
Репутация: 1
Имя: krimmel

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

#95

Сообщение philipp2222 » 04.07.2022{, 19:48}

philipp2222 писал(а):
04.07.2022{, 19:28}
aidar_i писал(а):
30.06.2022{, 21:36}
philipp2222 писал(а):
24.06.2022{, 11:27}
Всем привет,
возможна ли работа GyverPortal в режиме AccessPoint. Если да, то какие дополнителные настройки необходимо сделать. Не получается запустить проект, не отображается страничка.
Заранее благодарю за ответ.
Запустили? Что то не отписались.
Привет,
получилось запустить с примером из поста 94, почему раньше не работало пока сам не понял.
Спасибо за поддержку.
Вставил в проект из поста 94 отображение графика - страничка отображается, график нет :(. Может кто гланет.
Заранее благодарю.
Вложения
Пример настроек компонентов.flp
(386.93 КБ) 46 скачиваний

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

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

#96

Сообщение aidar_i » 04.07.2022{, 21:11}

philipp2222 писал(а):
04.07.2022{, 19:48}
страничка отображается, график нет
В описании библиотеки написано:
Компоненты конструктора
.................
................
Несколько типов графиков (требуется интернет)
Без интернета не работает.

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

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

#97

Сообщение pmishaz » 08.07.2022{, 21:20}

Здравствуйте Айдар можно пример как сделать две страницы, немогу понять какие блокы надо использовать. Спасибо

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

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

#98

Сообщение aidar_i » 08.07.2022{, 21:58}

pmishaz писал(а):
08.07.2022{, 21:20}
Здравствуйте Айдар можно пример как сделать две страницы, немогу понять какие блокы надо использовать. Спасибо
Как будет возможность постараюсь видео сделать.

Аватара пользователя
bsn
Лейтенант
Сообщения: 347
Зарегистрирован: 22.07.2018{, 07:24}
Репутация: 90
Откуда: Ростовская обл.
Имя: Сергей

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

#99

Сообщение bsn » 09.07.2022{, 07:03}

aidar_i писал(а):
04.07.2022{, 21:11}
Без интернета не работает.
Скажите, а будет ли страничка веб интерфейса, созданная с помощью Ваших блоков конструкторов GyverPortal, работать в домашней компьютерной сети, когда нет подключения к интернету?

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

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

#100

Сообщение aidar_i » 09.07.2022{, 09:36}

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

Ответить

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