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

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

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

#1

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

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

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

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

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

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

#381

Сообщение aidar_i » 09.12.2023{, 12:06}

nikolaru01 писал(а):
02.12.2023{, 15:55}
исправил код но интерфейс не запускается

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

void setup()
{

pinMode(5, INPUT_PULLUP); 
pinMode(15, OUTPUT); 
digitalWrite(15, 1); 
pinMode(23, OUTPUT); 
digitalWrite(23, 1); 
pinMode(22, OUTPUT); 
digitalWrite(22, 1); 
pinMode(18, OUTPUT); 
digitalWrite(18, 1); 
pinMode(19, OUTPUT); 
digitalWrite(19, 1); 
pinMode(13, OUTPUT); 
digitalWrite(13, 0); 
pinMode(4, OUTPUT); 
digitalWrite(4, 1); 


EEPROM.begin(69);
if(((readByteFromEEPROM(0, 0, 0x0))) != 181) {
(updateByteToEEPROM(0, 0, 0x0, (181)));
(updateIntegerToEEPROM(1, 0, 0x0, (1023)));
(updateUnsignedLongToEEPROM(3, 0, 0x0, (2147483647)));
(updateStringToEEPROM(7, 52, 0x0, ("[glow=red]ntp0.ntp-servers.net[/glow]")));
(updateIntegerToEEPROM(59, 0, 0x0, (2)));
(updateUnsignedLongToEEPROM(61, 0, 0x0, (10000)));
(updateIntegerToEEPROM(65, 0, 0x0, (0)));
(updateIntegerToEEPROM(67, 0, 0x0, (0)));
 EEPROM.commit();
}
ESP8266_freeParam_200841981 = readUnsignedLongFromEEPROM(3,0,0x0);
ESP8266_freeParam_167710322 = readStingFromEEPROM(7,52,0x0);
ESP8266_freeParam_93539636 = readIntegerFromEEPROM(59,0,0x0);
ESP8266_freeParam_163787779 = readUnsignedLongFromEEPROM(61,0,0x0);
ESP8266_freeParam_129842790 = readIntegerFromEEPROM(65,0,0x0);
ESP8266_freeParam_57352923 = readIntegerFromEEPROM(67,0,0x0);
WiFi.mode(WIFI_STA);
if (WiFi.getAutoConnect() != true) WiFi.setAutoConnect(true);WiFi.setAutoReconnect(true);_esp32WifiModuleClientReconnect();
_parseMacAddressString(WiFi.macAddress(), ESPControllerWifiClient_mac);
watchDogTimer = timerBegin(0, 80, true);
timerAttachInterrupt(watchDogTimer, &resetModule, true);
timerAlarmWrite(watchDogTimer,10000000, false);
timerAlarmEnable(watchDogTimer);
  portal.attachBuild(build);
  portal.attach(action);
  portal.start();
  
  _ntpUdpServer.begin(2390);
_NTPGetTime2_lrt = (millis()) + 30000;
}
И в блоках режима обновления все задержки поставьте 1000. (GP.AJAX_UPDATE(PSTR("u_rled8"), 1000);)
Почему на входа NTP Server данные подаете через системные параметры?
напрямую нельзя?
Проверил , работает, но время не устанавливается, проверьте без системных параметров, отдельно блок пробовал, работает.

Аватара пользователя
Sevast
Сержант
Сообщения: 145
Зарегистрирован: 21.06.2017{, 15:57}
Репутация: 5

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

#382

Сообщение Sevast » 23.12.2023{, 15:51}

Нужна кнопка с удержанием. Нашел блок GPv3 BUTTON_CL. Мучаюсь с ним не первый день, никак не могу разобраться как его настроить для правильной работы... Помогите, кто знает. :smile37:

ivansidor012
Сержант
Сообщения: 279
Зарегистрирован: 10.09.2020{, 14:37}
Репутация: 43
Имя: Иван

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

#383

Сообщение ivansidor012 » 23.12.2023{, 19:33}

Sevast, в теме Шаблоны веб был пример кнопки с удержанием.

но обычно для этого используют веб на вебсокетах: это espui, crmui3

Аватара пользователя
Sevast
Сержант
Сообщения: 145
Зарегистрирован: 21.06.2017{, 15:57}
Репутация: 5

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

#384

Сообщение Sevast » 24.12.2023{, 11:51}

ivansidor012 писал(а):
23.12.2023{, 19:33}
Sevast, ... обычно для этого используют веб на вебсокетах: это espui, crmui3
Для меня это темный лес. Был бы пример, я бы разобрался потихоньку.

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

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

#385

Сообщение ibalabanov » 03.03.2024{, 14:02}

Добрый день! Так проблему с Device Offline не решили? Прочитал комментарии, что у некоторых появляется такая же надпись…

Отправлено спустя 1 минуту 32 секунды:
И еще… У вас написано 4ая версия «тут»ссылка, а по ссылки я не нашел

Отправлено спустя 1 минуту 21 секунду:
Какая версия сейчас работает корректно и без Device Offline?

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

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

#386

Сообщение aidar_i » 03.03.2024{, 18:01}

aidar_i писал(а):
13.05.2022{, 21:12}
И еще… У вас написано 4ая версия «тут»ссылка, а по ссылки я не нашел
Нажмите на него откроется 324 сообщение.
Попробуйте его.
Кнопка с удержанием там есть.

vik56
Рядовой
Сообщения: 10
Зарегистрирован: 10.05.2021{, 23:59}
Репутация: 1
Имя: Виктор

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

#387

Сообщение vik56 » 08.03.2024{, 21:05}

Здравствуйте, уже третий день бьюсь, мне нужно кнопки GPv3_6_BUTTON_MINI_CL вставить в GPv3_MAKE_BLOCK_TAB в один ряд, перенос строки убран, но это не помогает, все равно кнопка переносится на другую строку. Можно ли это как то победить?
И размеh трех кнопок указан 50px а четвертой 150px, но все четыре кнопки имеют размер 50px.
тест.flp
(802.54 КБ) 7 скачиваний

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

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

#388

Сообщение aidar_i » 09.03.2024{, 00:20}

vik56 писал(а):
08.03.2024{, 21:05}
Здравствуйте, уже третий день бьюсь, мне нужно кнопки GPv3_6_BUTTON_MINI_CL вставить в GPv3_MAKE_BLOCK_TAB в один ряд, перенос строки убран, но это не помогает, все равно кнопка переносится на другую строку. Можно ли это как то победить?
И размеh трех кнопок указан 50px а четвертой 150px, но все четыре кнопки имеют размер 50px.
тест.flp
Чтобы расположить в ряд нужно пользоваться блоками Форматирование и дизайн из Компонентов общих для всех режимов, недавно я тут помогал, посмотрите тему выше.

vik56
Рядовой
Сообщения: 10
Зарегистрирован: 10.05.2021{, 23:59}
Репутация: 1
Имя: Виктор

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

#389

Сообщение vik56 » 09.03.2024{, 23:48}

Да, получилось, спасибо.

Аватара пользователя
Imran
Сержант
Сообщения: 229
Зарегистрирован: 08.11.2017{, 20:53}
Репутация: 9
Имя: Имран

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

#390

Сообщение Imran » 18.03.2024{, 18:30}

Может кто то обяснить зачем у меня зависает Arduino IDE ? Вроде пороект не большой контроллер ESP32, GyverPortal прошивается , но IDE зависает и все, даже через диспетчер задач, не снимает задачу, приходится перезагруять комп.
Может кто то проверить? на ESP32, или обяснить кде мне искать проблему. Раньше таких проблем не было с другими проектами с ESP32.
Система Windows 11, комп Asus ROG, 32гб оперативки, 8гб Видео карта, SSD, Процессор Core i7.

Вот проект
GP_FBT_v_1.3.flp.zip
(250.3 КБ) 9 скачиваний
error.png

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

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

#391

Сообщение aidar_i » 18.03.2024{, 22:12}

Imran писал(а):
18.03.2024{, 18:30}
Может кто то обяснить зачем у меня зависает Arduino IDE ?
В функцию Build вставились лишние коды

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

   _ntpUdpServer.begin(2390);
    _NTPGetTime1_lrt = (millis()) + 30000;
    // put your setup code here, to run once:
       print_reset_reason(rtc_get_reset_reason(0)); //вызов функции для ядра 0
       Out_19700702_66550075 = caseReason;
    print_reset_reason(rtc_get_reset_reason(1)); //вызов функции для ядра 1
    Out_115577539_66550075 = caseReason;
    WiFi.setAutoReconnect(false);
    bot.attach(newMsg);
    bot.setPeriod(5000);
Их вырежьте и перенесите в setup.
Так происходит, потому что в блоках , созданных новым редактором, коды эти стоят в конце сетап и они имеют приоритет и вставляются в Build.
Через диспетчер задач закрывайте Java(TM).
Пробовал компилировать - это не зависает, а очеееень медленно компилируется (диспетчер задач показывает движение). Похоже мешают библиотеки FLProg, перешел в версию 8.0.2 нормально скомпилировался.

Аватара пользователя
Imran
Сержант
Сообщения: 229
Зарегистрирован: 08.11.2017{, 20:53}
Репутация: 9
Имя: Имран

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

#392

Сообщение Imran » 19.03.2024{, 16:47}

aidar_i писал(а):
18.03.2024{, 22:12}
Похоже мешают библиотеки FLProg, перешел в версию 8.0.2 нормально скомпилировался
Спасибо и у меня прошился с FLProg 8.0.2 нормально .

Скетч использует 1011281 байт (77%) памяти устройства. Всего доступно 1310720 байт.
Глобальные переменные используют 44772 байт (13%) динамической памяти, оставляя 282908 байт для локальных переменных.


почему так много весит все это ? я начал переходить на GyverPortal 3 других блоков а остальное GyverPortal , это нормально или я что то не то делаю ? Контроллер ESP32
GP_FBT_v_1.4.flp.zip
(245.4 КБ) 7 скачиваний

Скетч использует 494865 байт (47%) памяти устройства. Всего доступно 1044464 байт.
Глобальные переменные используют 32264 байт (39%) динамической памяти, оставляя 49656 байт для локальных переменных.


Здесь 8 блоков, контроллер Wemos Mini ESP8266 (Web CRMui3 v5.1)
WMTS_UID_7.1.flp.zip
(1.51 МБ) 10 скачиваний
aidar_i, Извиняюсь не правильно обяснил проблему , на ЕСП8266 мало жрет, но менее стабильно работает , Но на ЕС32 очень стабильно работает но жрет прилично. память оба 4мб. Направьте пожалуйста меня что я не так делаю
Последний раз редактировалось Imran 20.03.2024{, 10:24}, всего редактировалось 1 раз.

Agat
Рядовой
Сообщения: 40
Зарегистрирован: 07.01.2023{, 12:29}
Репутация: 2
Имя: Дмитрий

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

#393

Сообщение Agat » 20.03.2024{, 10:22}

aidar_i писал(а):
13.05.2022{, 21:12}
В Ардуино Иде в Tools появится надписи “ESP8266 LittleFS Data Upload“ и “ESP32 Sketch Data Upload“. Сохранить скетч, положить в папку со скетчем папку data. в которую положить нужные файлы для сохранения в файловую систему. В Ардуино Иде нажать нужную надпись и ФС прошьется, потом загрузите скетч. Далее вы можете прошивать только скетч, если файлы из ФС используются те же. Для GP прошейте файлы из библиотеки, там есть папка data, в примерах я его использую.
tools.rar
При нажатии на ESP8266 LittleFS Data Upload появляется ошибка
LittleFS Not Drfined for Lolin(wemos)D1R2 mini

vik56
Рядовой
Сообщения: 10
Зарегистрирован: 10.05.2021{, 23:59}
Репутация: 1
Имя: Виктор

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

#394

Сообщение vik56 » 21.03.2024{, 21:53}

aidar_i,
Добрый вечер, в проекте использую слайдер, так вот проблема при передвижении слайдера данные не передаются, а передаются только при отпускании слайдера, очень неудобно изменять яркость ленты через веб интерфейс. Читал wiki gp, так вот там есть GP.SLIDER_C(...); // тот же слайдер, но отправляет значения на каждом "тике" ползунка, а в flprog можно ли как то это организовать.
Спасибо.

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

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

#395

Сообщение aidar_i » 22.03.2024{, 12:54}

vik56 писал(а):
21.03.2024{, 21:53}
aidar_i,
Добрый вечер, в проекте использую слайдер, так вот проблема при передвижении слайдера данные не передаются, а передаются только при отпускании слайдера, очень неудобно изменять яркость ленты через веб интерфейс. Читал wiki gp, так вот там есть GP.SLIDER_C(...); // тот же слайдер, но отправляет значения на каждом "тике" ползунка, а в flprog можно ли как то это организовать.
Спасибо.
Попробуйте в блоке GP.SLIDER добавить _C

vik56
Рядовой
Сообщения: 10
Зарегистрирован: 10.05.2021{, 23:59}
Репутация: 1
Имя: Виктор

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

#396

Сообщение vik56 » 23.03.2024{, 00:22}

aidar_i писал(а):
22.03.2024{, 12:54}
Попробуйте в блоке GP.SLIDER добавить _C
Да, получилось, спасибо. А не подскажете еще, как организовать что бы записывать текущую настройку слайдера в память и что бы при подключении к esp в вебинтерфейсе отображалось положение слайдера записанное в память, а не нулевое значение?

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

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

#397

Сообщение aidar_i » 23.03.2024{, 05:59}

vik56 писал(а):
23.03.2024{, 00:22}
aidar_i писал(а):
22.03.2024{, 12:54}
Попробуйте в блоке GP.SLIDER добавить _C
Да, получилось, спасибо. А не подскажете еще, как организовать что бы записывать текущую настройку слайдера в память и что бы при подключении к esp в вебинтерфейсе отображалось положение слайдера записанное в память, а не нулевое значение?
ЕЕПРОМ использовать. Я делал входы блоков для предустановки значений при старте

vik56
Рядовой
Сообщения: 10
Зарегистрирован: 10.05.2021{, 23:59}
Репутация: 1
Имя: Виктор

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

#398

Сообщение vik56 » 23.03.2024{, 10:09}

А нет примера как писать в еепром, я выход слайдера сажаю на блок запись системных параметров, а блоком чтения системных параметров отдаю блоку который регулирует яркость ленты. Но при таком раскладе, только я двигаю слайдер, у меня отваливается WiFi и надо перегружать esp . Пробовал подавать на вход слайдера из блока чтения системных параметров, ничего не происходит, даже прописал константу на входе, все равно слайдер стоит на нуле.

Аватара пользователя
Imran
Сержант
Сообщения: 229
Зарегистрирован: 08.11.2017{, 20:53}
Репутация: 9
Имя: Имран

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

#399

Сообщение Imran » 23.03.2024{, 16:20}

Накаконец таки адаптировался под GyverPortal :)) и очень очень поравился. Есть конечно вопросы, почему у меня вот они часто появляются, и исчезают особенно 2 почти каждую секунду,а иногда даже по чаше. Может я пока не правильно понимаю, как нужно правильно строить блоки в GyverPortal. Огромным удовольствием жду замечаний, особенно от автора aidar_i,
Screenshot_1.png
WM_32_TS_UID_GP_1.3.flp.zip
(424.16 КБ) 11 скачиваний

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

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

#400

Сообщение aidar_i » 24.03.2024{, 15:09}

vik56 писал(а):
21.03.2024{, 21:53}
вот там есть GP.SLIDER_C(...);
В моих блоках есть оказывается такой блок, если на вход oninp подать высокий уровень, будет работать как Вы хотите.

Отправлено спустя 3 минуты 17 секунд:
vik56 писал(а):
23.03.2024{, 10:09}
А нет примера как писать в еепром, я выход слайдера сажаю на блок запись системных параметров, а блоком чтения системных параметров отдаю блоку который регулирует яркость ленты. Но при таком раскладе, только я двигаю слайдер, у меня отваливается WiFi и надо перегружать esp . Пробовал подавать на вход слайдера из блока чтения системных параметров, ничего не происходит, даже прописал константу на входе, все равно слайдер стоит на нуле.
Системные параметры уже работают с ЕЕПРОМ, можно там включать и отключать его.

Ответить

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