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

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

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

#1

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

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

Ниже блоки, которые можно настроить по своему вкусу(это не проект,выложены просто блоки, настройки по умолчанию):
ПБ Клик настройки.flp
(423.26 КБ) 93 скачивания
ПБ Обновление настройки.flp
(424.87 КБ) 84 скачивания
ПБ Форма настройки.flp
(539.94 КБ) 86 скачиваний
Настраиваемые блоки режима Форм.
СпойлерПоказать
Настройки блоки форм.png
Отрисовка блоков для размещения компонентов
Пример удалил для изменения.
СпойлерПоказать
Отрисовка блоков.png
Вывод картинок
Вывод картинок.flp
(129.52 КБ) 78 скачиваний
СпойлерПоказать
Вывод картинок.png
Вывод картинок.png (12.23 КБ) 3421 просмотр
Иконки можно брать здесь icons8.ru, код тоже там же.

Вывод графиков
Вывод графика.flp
(218.4 КБ) 70 скачиваний
СпойлерПоказать
Графики.png
Внимание! Тело проекта расположите в платах выше плат с блоками портала.
Или блоки портала должны быть последними в проекте. 😊
Расположите блоки портала отдельно на свох платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.

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

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

#21

Сообщение artemka19 » 18.05.2022{, 13:25}

Oleg писал(а):
18.05.2022{, 11:36}
Добрый день. artemka19 сделал изменения в portal.h и при использовании ESP8266 нет открытия страницы. Вернул все назад. Страница открывается
эта "инструкция" только для есп32 была.
на 8266 и так все работает штатно)

хотя это неправильно конечно...

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

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

#22

Сообщение ibalabanov » 18.05.2022{, 13:35}

Добрый день! Не могу разобраться ставлю блоки как вы писали по порядку на плате, а в web отображается непонятно как🤪 Не могу разобраться

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

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

#23

Сообщение artemka19 » 18.05.2022{, 13:39}

Oleg,

можно попробовать так сделать в portal.h (чтобы и 8266 и 32 поддерживались):
СпойлерПоказать
1652870225168487301843145286663.jpg
Последний раз редактировалось artemka19 18.05.2022{, 13:43}, всего редактировалось 1 раз.

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

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

#24

Сообщение aidar_i » 18.05.2022{, 13:42}

ibalabanov писал(а):
18.05.2022{, 13:35}
Добрый день! Не могу разобраться ставлю блоки как вы писали по порядку на плате, а в web отображается непонятно как🤪 Не могу разобраться
Что первым вытащили, то и первым и отображается, второй-вторым и тд.
Если второй поставили первым, все равно он будет отображаться вторым.
Перевод строки не забывайте вовремя вытаскивать и ставить.

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

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

#25

Сообщение ibalabanov » 18.05.2022{, 13:47}

Вот что получилось, блоки ставил по порядку так как вы писали
Вложения
6C8A989B-D91D-4904-ABBD-F82EEB1EE26C.jpeg
9A863D35-7A88-4E83-AD84-09BF4620D1DA.png

Аватара пользователя
Oleg
Сержант
Сообщения: 198
Зарегистрирован: 17.09.2015{, 13:04}
Репутация: 1
Откуда: Беларусь
Имя: Олег

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

#26

Сообщение Oleg » 18.05.2022{, 14:16}

ESP32 один раз страница открылась с favicon.ico. Потом я убрал favicon.ico в portal.h и после этого уже больше не открывается. Я все возвратил назад. Бесполезно.

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

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

#27

Сообщение aidar_i » 18.05.2022{, 15:06}

ibalabanov писал(а):
18.05.2022{, 13:47}
Вот что получилось, блоки ставил по порядку так как вы писали
Нет, Вы поставили не по порядку.
Например LED засунули потом на второе место, но вытащили его после закрытия блока. Blok end ставьте , когда все другие блоки компонентов вытащены и выставлены.
Очередь вставки в проект и порядок расположения в проекте не одно и то же.
Пока программа работает так.

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

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

#28

Сообщение ibalabanov » 18.05.2022{, 15:28}

Спасибо, начинает доходить… 🤪

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

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

#29

Сообщение aidar_i » 18.05.2022{, 16:07}

ibalabanov писал(а):
18.05.2022{, 15:28}
Спасибо, начинает доходить… 🤪
Вообще можно потом проверить в скетче в функции build, она находится сразу после секции setup.
Там код компонентов почти соответствует блокам компонентов, можно там их как нужно переставлять.
Выглядит так

Код: Выделить всё

.   void build() {
  String s;
  BUILD_BEGIN(s);
  add.THEME(GP_DARK);
  add.AJAX_UPDATE("led, st");

  add.LABEL("Settings");
  add.BLOCK_BEGIN();
  add.LABEL("Power:");
  add.SWITCH("sw", data.state);
  add.BREAK();
  add.LABEL("Local status:");
  add.LABEL("OK");
  add.BLOCK_END();

  add.FORM_BEGIN("/save");

  add.LABEL("WiFi");
  add.BLOCK_BEGIN();
  add.TEXT("ssid", "SSID", data.ssid);
  add.BREAK();
  add.TEXT("pass", "Password", data.pass);
  add.BLOCK_END();

  add.LABEL("MQTT");
  add.BLOCK_BEGIN();
  add.TEXT("host", "Host", data.host);
  add.BREAK();
  add.NUMBER("port", "Port", data.port);
  add.BLOCK_END();

  add.SUBMIT("Save");
  add.FORM_END();

  BUILD_END();
}   

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

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

#30

Сообщение ibalabanov » 18.05.2022{, 16:22}

Спасибо! Буду пробовать)

Аватара пользователя
Oleg
Сержант
Сообщения: 198
Зарегистрирован: 17.09.2015{, 13:04}
Репутация: 1
Откуда: Беларусь
Имя: Олег

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

#31

Сообщение Oleg » 18.05.2022{, 16:42}

Возвратил все в исходное. ESP32 открывает страницы только с /favicon.ico после IP. Все работает. Спасибо.

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

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

#32

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

Oleg писал(а):
18.05.2022{, 11:36}
if (req.startsWith(F("/favicon.ico"))) show();
Открывается, но нажимаешь меню, страница снова пропадает.

Сделал:
#ifdef ESP8266
if (req.startsWith(F("/favicon.ico"))) show();
#else
if (req.startsWith(F("/"))) show();
#endif
ЕСП32 открывается, но не реагирует уже на меню, кнопка меню нажимается, идет обновление, но меню не разворачивается.
Пример GyverPortal CLICK_3 работает нормально.

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

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

#33

Сообщение ibalabanov » 19.05.2022{, 14:29}

Доброго дня! Все получилось с расстановкой элементов) Подскажите пожалуйста как правильно вывести часы, что бы они были посередине… Получилось только так, а с блоком вывода time у меня не компилируется, выдаёт ошибку…
Вложения
A8CC422C-58A5-4683-B623-F4AE7A17EFD9.png

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

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

#34

Сообщение aidar_i » 19.05.2022{, 19:52}

Попробовал много страничность

Код: Выделить всё

void build_i() {
  String i;
  GP_BUILD(i);
i += F("<!DOCTYPE html><html>");
        add.THEME(GP_DARK);
         add.SLIDER("f_sld","Слайдер 1", valSlider_188801767_1, 0, 10, 1);
        add.BREAK();
        add.SLIDER("f_sld1","Слайдер 2", valSlider_188801767_2, 0, 10, 1);
        add.BREAK();
        GP_SHOW();
}  
void build_sw() {
  String sw;
  GP_BUILD(sw);
sw += F("<!DOCTYPE html><html>");
        add.THEME(GP_LIGHT);
        add.LABEL("Название компонента", "f_val");
        add.DATE("f_date", valDate_178033386_1);
        add.BREAK();
        add.LABEL("Название компонента", "f_val");
        add.TIME("f_time", valTime_2589069_1);
        add.BREAK();
        GP_SHOW();
}
Вызывается
portal.attachBuild(build_i);
или
portal.attachBuild(build_sw);

Пока блоки не сделал, есть проблема, надписи кириллица превращается в абракадабру
СпойлерПоказать
Многостраничность.png
Отправлено спустя 1 час 4 минуты 40 секунд:
ibalabanov писал(а):
19.05.2022{, 14:29}
как правильно вывести часы, что бы они были посередине…
Посередине чего?


А светодиоды, чтобы стояли ровно, название дополните пробелами.

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

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

#35

Сообщение aidar_i » 20.05.2022{, 08:47}

Выложил в 1 сообщении последние изменения в блоках и в библиотеке, добавил вывод картинок.
В ПБ есть блоки Многостраничность, их не используйте, не доработаны еще.

Fuksas
Рядовой
Сообщения: 14
Зарегистрирован: 12.06.2017{, 23:13}
Репутация: 0

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

#36

Сообщение Fuksas » 23.05.2022{, 14:13}

Добрый день.Можно как-то задавать размеры шрифта для отдельного блока?

Аватара пользователя
Oleg
Сержант
Сообщения: 198
Зарегистрирован: 17.09.2015{, 13:04}
Репутация: 1
Откуда: Беларусь
Имя: Олег

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

#37

Сообщение Oleg » 23.05.2022{, 16:52}

Добрый день. Не получается выводить данные из контроллера. Можно пример.

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

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

#38

Сообщение aidar_i » 23.05.2022{, 21:01}

Fuksas писал(а):
23.05.2022{, 14:13}
Добрый день.Можно как-то задавать размеры шрифта для отдельного блока?
Сейчас как раз над этим работаю, можно будет изменять цвета фона и шрифта, размеры шрифта и компонентов, создавать круглые формы, их положение. К кнопке , Num и тексту сделал и испытал.

Отправлено спустя 6 минут 59 секунд:
Oleg писал(а):
23.05.2022{, 16:52}
Добрый день. Не получается выводить данные из контроллера. Можно пример.
Поподробнее, можете проект прикрепить.
Примеры будут попозже.

Аватара пользователя
Oleg
Сержант
Сообщения: 198
Зарегистрирован: 17.09.2015{, 13:04}
Репутация: 1
Откуда: Беларусь
Имя: Олег

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

#39

Сообщение Oleg » 24.05.2022{, 10:21}

Добрый день. Я пытался использовать блоки обновления
Вложения
GyverPortal CLICK_3 test.flp
(1.15 МБ) 10 скачиваний

chmak2007
Сержант
Сообщения: 115
Зарегистрирован: 06.09.2015{, 13:28}
Репутация: -1
Откуда: Саров

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

#40

Сообщение chmak2007 » 24.05.2022{, 20:30}

В чем проблема?
Вложения
Снимок экрана 2022-05-24 202835.jpg
Получается вот так!
Снимок экрана 2022-05-24 202835.jpg (11.44 КБ) 341 просмотр
Снимок экрана 2022-05-24 202811.jpg
Делаю так!

Ответить

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