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

[aidar_i]

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

GyverPortal_.ubl

(2.12 МБ) 1013 скачиваний

GyverPortal_mod7.rar

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

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

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

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

(423.26 КБ) 692 скачивания

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

(424.87 КБ) 561 скачивание

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

(539.94 КБ) 559 скачиваний

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

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

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

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

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

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

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

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

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

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

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

(218.4 КБ) 546 скачиваний

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

(260.2 КБ) 475 скачиваний

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

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

GyverPortal_3.2.rar

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

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

Примеры GP.rar

(1.53 МБ) 571 скачивание

Проверил все примеры на ЕСП32. Блоки меню пока не работают, ждем новую версию.
Хорошо работает многостраничность. Видео

GPМногостраничность.rar

(259.5 КБ) 505 скачиваний

Привел пример с подробным описанием блоков многостраничности, придерживаться порядок расположения и компиляции блоков, иначе не будет работать. Что бы не путаться.
Старые и новые блоки и библиотеки не совместимы.
Оригинальная библиотека не совместима с блоками, устанавливайте выложенные здесь.

Внимание! Тело проекта расположите в платах выше плат с блоками портала.
Блоки портала должны быть последними в проекте.
Расположите блоки портала отдельно на своих платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.
Для уменьшения плат можно располагать по 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 КБ) 232 скачивания

----------------------------------------------------------------------------
3 версия по библиотеке 3.5.2. (В библиотеке ничего не менял) , выложил блоки, примеры и библиотеку.
Блоки:

GPv3.5.rar

(191.32 КБ) 323 скачивания

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

(366.42 КБ) 345 скачиваний

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

GyverPortal-3.5.2.rar

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

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

[Rovki]

Rovki, У обеих задача одинакова.

Тогда только авторы смогут отвить ,хорошо что проект выложили

[artemka19]

вес проекта на новом больше более2х раз

в наше время это не критично)

[aidar_i]

ок, попробую

Спасибо! Я сам уже разобрался, подправил код, который ты вставлял в библиотеку gp в первой версии, работает.

[aidar_i]

Вот скриншот сообщения от автора портала

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

Там я тоже вношу скромный вклад
Вот ещё описание новой версии от участника создания новой версии

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

Отправлено спустя 4 часа 35 минут 20 секунд:
Ура, вышла новая версия https://github.com/GyverLibs/GyverPorta ... n/examples

[artemka19]

aidar_i, не предлагал Гайверу допилить "график" до оффлайн применения?

Интересно его мнение, особенно учитывая что этих решений с оффлайн реализацией графика на еспшках буквально ну совсем можно сказать нет)

[aidar_i]

aidar_i, не предлагал Гайверу допилить "график" до оффлайн применения?

Интересно его мнение, особенно учитывая что этих решений с оффлайн реализацией графика на еспшках буквально ну совсем можно сказать нет)

В новой версии допилено, в описании так написано.
Прочитайте описание библиотеки, что нового там, в основном, расписано.

[aidar_i]

Начал проверять примеры новой версии, ЕСП32 не заработала, нужно поставить версию платы 2.0.5.
В настройки вставить правильную строку, потом обновить через менеджер плат. Вот такую строку
https://raw.githubusercontent.com/espre ... index.json
Так как мы все работаем на 1.0.6 , а на 2.0.5 много чего перестанет работать, я изменил файл библиотеки CustomOTA.h, замените его в библиотеке, оригинальный не удаляйте, а архивируйте и оставьте там, если плату обновите, то можете обратно заменить

CustomOTA.h

(7.13 КБ) 37 скачиваний

[Phazz]

А что конкретно перестает работать? Поменял пару недель назад, вроде ничего не поломалось

[aidar_i]

А что конкретно перестает работать? Поменял пару недель назад, вроде ничего не поломалось

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

Отправлено спустя 1 час 28 минут 1 секунду:
А вообще то в форуме ГуверПортала рекомендуют перейти на новую плату 2.0.5
Вот почитайте форумчанин , что написал:

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

@aidar_i, я у себя пересобрал весь свой проект, даже выкинул всё из custom.h, всё, лишь бы не трогать библиотеку. При этом, по поводу кнопок и размеров. Есть файл css стилей, можно тупо сделать свой файл под себя, со своим именем, и всё, кидаешь в gp_data, в конструкторе вызываешь GP.THEME_FILE("имя") (просто имя, без .css), файл подтягивается и будет счастье! При этом не надо будет лишний раз занимать память МК. Надо ещё понять то, что данная либа позволяет кешировать файла, то есть при первом запуске у тебя файл css заливается в кешу, и потом браузер повторно не запрашивает его, это значительно уменьшает время загрузки страницы. Это проверено, Алекс там всё сделал отлично! Кешится и либа jquery и скрипты тоже в кеш ложатся, то есть по факту раз в 3 меньше инфы летит с МК, если использовать файлы вместо конструктора! Для понимания сейчас можно посмотреть builder.h, в принципе там всё очень понятно, но на сколько я знаю, где то пилится вики по всем возможностям этой либы.
Я тоже вчера выкинул код из customOta, чтобы у меня работало всё как надо, потом кинул в issue о данной проблеме. Оказалось проблема только у меня (ну и у тебя), плюс ко всему на новом ядре тот же код у меня жрёт меньше памяти. У меня с ESP32 было много глюков (я слишком увлёкся созданием динамических переменных), но как не странно после глобальной переделки вчера не было ни одного кернел паника (думаю что то сделали в ядре). На старом ядре у меня от оператора free() такие чудеса были, что в итоге у меня теперь везде в коде delete [ ] arr вместо этого free.

Перехожу на эту версию платы.

[aidar_i]

Для тех, кто пользуется "старыми" блоками.
Aвтоматическое задание уникального идентификатора на старом редакторе ПБ.
Для этого нужно редактировать блок.
Показываю на примере кнопок:
1) Создаем переменную в DeclareSection: String id_btn;
2) В строке в SetupSection: GP.BUTTON(id_btn, Текст, id, Настройки); - id_btn берем в кавычки;
3) В LoopSection в строке(portal.click(id_btn)) { - тоже id_btn берем в кавычки.
4) Параметр Имя удаляем.
Теперь каждый блок имеет свой идентификатор, правда, создается дополнительная лишняя переменная, которую, при необходимости, можно удалить вручную в начале скетча (String id_btn_10869612_1; и тп).

Автоидентификатор.flp

(147.6 КБ) 49 скачиваний

Чего я сразу не догадался? Разве, можно было так?
Старые блоки не буду переделывать, если нужно сами сделайте, только будьте внимательны, в некоторых может быть переменных, которые нужно брать в кавычки, штуки три.
Аналогично можно делать и для блоков из других проектов.

[AllRight]

Айдар, а есть ли в планах получить график в оффлайне (AP mode)?
И данные для графика получать из массива (из лога SD card)?

[aidar_i]

Айдар, а есть ли в планах получить график в оффлайне (AP mode)?

Уже блоки сделал, есть в новой 3й версии библиотеки. Ждите выхода новых блоков.

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

И данные для графика получать из массива (из лога SD card)?

Пока в приоритете ПБ, о чем писал выше.
Данные на вход графика можно подавать хоть откуда.

[AllRight]

Спасибо, это большой шаг для человечества!)

[tema]

версия 3.2 сесп32 рабтает?

[aidar_i]

версия 3.2 сесп32 рабтает?

В основном работает.

[Imran]

Как можно сделать ? нажимая на линк, он у меня называется Firmware Update, что бы он переходил на ota_update, на тот IP на который он подключён.С чтение системного параметра можно сделать, но как его связать с линокм (Firmware Update)

[ibalabanov]

Не найду блок в версии 3.2 (Получение импульсного сигнала от кнопки с фиксацией при каждом нажатии.)

[aidar_i]

Не найду блок в версии 3.2 (Получение импульсного сигнала от кнопки с фиксацией при каждом нажатии.)

А в прежних версиях к выходу блока подключите штатный блок изменение бита.
Вспомогательный блок удалил, ТК штатный лучше.

[ibalabanov]

Собираю проект с блоком GP_Color_CL. В веб интерфейсе задаю зелёный цвет а на светодиодах горит грасный и наоборот) Версия 3.2

[aidar_i]

Не найду блок в версии 3.2 (Получение импульсного сигнала от кнопки с фиксацией при каждом нажатии.)

Есть блоки для библиотеки версии 3.2 от меня(выложена здесь в 1 сообщении) и есть библиотека версии 3.2 от автора , по этому мои прежние ответы немного не точны.
Я нумерацию сделал немного не так и она совпала с версией автора библиотеки.
Когда задаёте вопрос , имейте это ввиду.
Новые блоки будут с добавлением v3, GPv3_...... .