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

[aidar_i]

ЗДЕСЬ обсуждалась эта тема.
В начале сообщения блоки старой версии, ниже выложил новую версию.
1 версия.
Выкладываю ПБ и измененную библиотеку.

GyverPortal_.ubl

(2.12 МБ) 1021 скачивание

GyverPortal_mod7.rar

(337.26 КБ) 1026 скачиваний

Кто скачивал с вышеуказанной темы для испытаний блоки и библиотеки, удалите все.
Нижеуказанные примеры и блоки со старыми не работают.
В библиотеке добавил выбор цвета фона , эффект нажатия, выбор положения (слева , справа, по умолчанию по центру), ширину и высоту компонента, высоту и цвет шрифта, радиус закругления.
Добавил дополнительно желтый и синий светодиоды. Замените файлы в библиотеке отсюда.

Ниже блоки, которые можно настроить по своему вкусу(это не проект,выложены просто блоки, настройки по умолчанию):

ПБ Клик настройки.flp

(423.26 КБ) 698 скачиваний

ПБ Обновление настройки.flp

(424.87 КБ) 568 скачиваний

ПБ Форма настройки.flp

(539.94 КБ) 562 скачивания

Настраиваемые блоки режима Форм.

СпойлерПоказать

Отрисовка блоков для размещения компонентов
Пример удалил для изменения.

СпойлерПоказать

Вывод картинок

Вывод картинок.flp

(129.52 КБ) 580 скачиваний

СпойлерПоказать

Вывод картинок.png (12.23 КБ) 50108 просмотров

Иконки можно брать здесь icons8.ru, код тоже там же.
Вывод графиков

Вывод графика.flp

(218.4 КБ) 554 скачивания

Вывод нескольких графиков на одной оси.flp

(260.2 КБ) 482 скачивания

СпойлерПоказать

------------------------------------------------------------------------------
2 версия , измененные блоки, библиотека и примеры.
Библиотека

GyverPortal_3.2.rar

(44.52 КБ) 617 скачиваний

Примеры, блок

Примеры GP.rar

(1.53 МБ) 578 скачиваний

Проверил все примеры на ЕСП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 КБ) 332 скачивания

Примеры GPv3.5.rar

(366.42 КБ) 354 скачивания

Бимблиотека:

GyverPortal-3.5.2.rar

(319.78 КБ) 359 скачиваний

Внимание!
Пользуйтесь только одной версией портала.
В каждой версии я выложил библиотеку этой версии.
Видео для прежней версии в основном подходит и для последней версии для понимания блоков.
4я версия ТУТ.

[aidar_i]

исправил код но интерфейс не запускается

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

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]

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

[ivansidor012]

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

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

[Sevast]

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

Для меня это темный лес. Был бы пример, я бы разобрался потихоньку.

[ibalabanov]

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

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

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

[aidar_i]

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

Нажмите на него откроется 324 сообщение.
Попробуйте его.
Кнопка с удержанием там есть.

[vik56]

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

тест.flp

(802.54 КБ) 7 скачиваний

[aidar_i]

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

Чтобы расположить в ряд нужно пользоваться блоками Форматирование и дизайн из Компонентов общих для всех режимов, недавно я тут помогал, посмотрите тему выше.

[vik56]

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

[Imran]

Может кто то обяснить зачем у меня зависает 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 скачиваний

[aidar_i]

Может кто то обяснить зачем у меня зависает 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]

Похоже мешают библиотеки 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 КБ) 8 скачиваний

Скетч использует 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мб. Направьте пожалуйста меня что я не так делаю

[Agat]

В Ардуино Иде в 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]

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

[aidar_i]

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

Попробуйте в блоке GP.SLIDER добавить _C

[vik56]

Попробуйте в блоке GP.SLIDER добавить _C

Да, получилось, спасибо. А не подскажете еще, как организовать что бы записывать текущую настройку слайдера в память и что бы при подключении к esp в вебинтерфейсе отображалось положение слайдера записанное в память, а не нулевое значение?

[aidar_i]

Попробуйте в блоке GP.SLIDER добавить _C

Да, получилось, спасибо. А не подскажете еще, как организовать что бы записывать текущую настройку слайдера в память и что бы при подключении к esp в вебинтерфейсе отображалось положение слайдера записанное в память, а не нулевое значение?

ЕЕПРОМ использовать. Я делал входы блоков для предустановки значений при старте

[vik56]

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

[Imran]

Накаконец таки адаптировался под GyverPortal ) и очень очень поравился. Есть конечно вопросы, почему у меня вот они часто появляются, и исчезают особенно 2 почти каждую секунду,а иногда даже по чаше. Может я пока не правильно понимаю, как нужно правильно строить блоки в GyverPortal. Огромным удовольствием жду замечаний, особенно от автора aidar_i,

WM_32_TS_UID_GP_1.3.flp.zip

(424.16 КБ) 12 скачиваний

[aidar_i]

вот там есть GP.SLIDER_C(...);

В моих блоках есть оказывается такой блок, если на вход oninp подать высокий уровень, будет работать как Вы хотите.

Отправлено спустя 3 минуты 17 секунд:

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

Системные параметры уже работают с ЕЕПРОМ, можно там включать и отключать его.