FlProg

форум
https://forum.flprog.ru/

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

https://forum.flprog.ru/viewtopic.php?t=8039

Страница 2 из 25

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

Добавлено: 18 май 2022, 13:47
ibalabanov
Вот что получилось, блоки ставил по порядку так как вы писали
[spoiler]
6C8A989B-D91D-4904-ABBD-F82EEB1EE26C.jpeg
6C8A989B-D91D-4904-ABBD-F82EEB1EE26C.jpeg
9A863D35-7A88-4E83-AD84-09BF4620D1DA.png
[/spoiler]

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

Добавлено: 18 май 2022, 14:16
Oleg
ESP32 один раз страница открылась с favicon.ico. Потом я убрал favicon.ico в portal.h и после этого уже больше не открывается. Я все возвратил назад. Бесполезно.

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

Добавлено: 18 май 2022, 15:06
aidar_i
ibalabanov писал(а): 18 май 2022, 13:47 Вот что получилось, блоки ставил по порядку так как вы писали
Нет, Вы поставили не по порядку.
Например LED засунули потом на второе место, но вытащили его после закрытия блока. Blok end ставьте , когда все другие блоки компонентов вытащены и выставлены.
Очередь вставки в проект и порядок расположения в проекте не одно и то же.
Пока программа работает так.

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

Добавлено: 18 май 2022, 15:28
ibalabanov
Спасибо, начинает доходить… 🤪

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

Добавлено: 18 май 2022, 16:07
aidar_i
ibalabanov писал(а): 18 май 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();
}

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

Добавлено: 18 май 2022, 16:22
ibalabanov
Спасибо! Буду пробовать)

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

Добавлено: 18 май 2022, 16:42
Oleg
Возвратил все в исходное. ESP32 открывает страницы только с /favicon.ico после IP. Все работает. Спасибо.

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

Добавлено: 18 май 2022, 20:21
aidar_i
Oleg писал(а): 18 май 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 работает нормально.

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

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

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

Добавлено: 20 май 2022, 08:47
aidar_i
Попробовал много страничность

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

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);

Пока блоки не сделал, есть проблема, надписи кириллица превращается в абракадабру
[spoiler]
Многостраничность.png
[/spoiler]

Отправлено спустя 1 час 4 минуты 40 секунд:
ibalabanov писал(а): 19 май 2022, 14:29 как правильно вывести часы, что бы они были посередине…
Посередине чего?


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

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

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

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

Добавлено: 23 май 2022, 14:13
Fuksas
Добрый день.Можно как-то задавать размеры шрифта для отдельного блока?

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

Добавлено: 23 май 2022, 16:52
Oleg
Добрый день. Не получается выводить данные из контроллера. Можно пример.

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

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

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

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

Добавлено: 24 май 2022, 10:21
Oleg
Добрый день. Я пытался использовать блоки обновления

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

Добавлено: 24 май 2022, 20:30
chmak2007
[spoiler]
Снимок экрана 2022-05-24 202835.jpg
Снимок экрана 2022-05-24 202811.jpg
[/spoiler]В чем проблема?

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

Добавлено: 25 май 2022, 10:38
aidar_i
Fuksas писал(а): 23 май 2022, 14:13 Добрый день.Можно как-то задавать размеры шрифта для отдельного блока?
Потихоньку продвигаюсь, осталось блоки скорректировать.
[spoiler]
Настройки.png
[/spoiler]
Заложил такие настройки, несложно создать свои настройки :
[spoiler]В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
(Мини кнопку уже настроенную в библиотеке можно задать так " push_butmini".)
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto

2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580

5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580

6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient

7. Выравнивание компонента
position_left
position_right
positiontop_btn

8. Радиус закруглений углов
borderradius50
borderradius75

ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.[/spoiler]

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

Добавлено: 25 май 2022, 13:16
Oleg
где "привет" после температуры ? А у меня вообще со входа не передается инфа. Только что напишешь внутри блока. Дайте рабочий пример

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

Добавлено: 25 май 2022, 13:49
ibalabanov
А возможно приделать ко всему этому WiFi manager или что то подобное?

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

Добавлено: 25 май 2022, 16:01
aidar_i
ibalabanov писал(а): 25 май 2022, 13:49 А возможно приделать ко всему этому WiFi manager или что то подобное?
Возможно
Часовой пояс: UTC+03:00
Страница 2 из 25

Создано на основе phpBB® Forum Software © phpBB Limited

Русская поддержка phpBB