Страница 5 из 22

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

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

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

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

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

Добавлено: 20.06.2022{, 21:07}
aidar_i
СпойлерПоказать
Видео от Грачика

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

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

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

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

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

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

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

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

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

Добавлено: 22.06.2022{, 08:22}
velmir
Здравствуйте Айдар можно пример как вывести два значения на экран допустим температуру и влажность ..... :smile38:

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

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

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

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

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

Добавлено: 22.06.2022{, 13:32}
ibalabanov
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:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавлено: 09.07.2022{, 09:36}
aidar_i
В режиме точка доступа работает, только без интернета не работают график и вывод картинок по ссылке.