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

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

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

#1

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

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

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

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

Vladislav1389
Рядовой
Сообщения: 9
Зарегистрирован: 03.04.2023{, 13:13}
Репутация: 0
Имя: Vladislav

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

#261

Сообщение Vladislav1389 » 04.04.2023{, 06:47}

aidar_i писал(а):
03.04.2023{, 21:05}
Vladislav1389 писал(а):
03.04.2023{, 18:42}
Ваш проект "График Ajax ESP8266.flp"из примеров, также не отображает график
Смотрите пример ЭТОТ. Там для ТД главный блок другой стоит.
Вам нужно использовать файловую систему ЕСП. Папку data из библиотеки скопируйте в папку скетча и загрузите в файловую систему ЕСП.
Еще раз проверил пример, работает
"и загрузите в файловую систему ЕСП." - что этим имеете в виду , уточните пожалуйста

Отправлено спустя 6 минут 57 секунд:
Vladislav1389 писал(а):
04.04.2023{, 06:11}
aidar_i писал(а):
03.04.2023{, 21:05}
Смотрите пример ЭТОТ. Там для ТД главный блок другой стоит.
Вам нужно использовать файловую систему ЕСП. Папку data из библиотеки скопируйте в папку скетча и загрузите в файловую систему ЕСП.
Посмотрел, там стартовый блок стоит GPv3_BEGIN_FS , у меня проект многостраничный, он подходит для многостраничности?

Попробовал залить ваш пример, папку data скопировал в папку со скетчем , которая сосздалась в папке Temp , всё равно не отображает динамический график :smile44:

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

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

#262

Сообщение aidar_i » 04.04.2023{, 06:57}

Vladislav1389 писал(а):
04.04.2023{, 06:54}
"и загрузите в файловую систему ЕСП." - что этим имеете в виду , уточните пожалуйста
Где то здесь , в теме, я подробно описал

Vladislav1389
Рядовой
Сообщения: 9
Зарегистрирован: 03.04.2023{, 13:13}
Репутация: 0
Имя: Vladislav

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

#263

Сообщение Vladislav1389 » 04.04.2023{, 08:44}

aidar_i писал(а):
04.04.2023{, 06:57}
Vladislav1389 писал(а):
04.04.2023{, 06:54}
"и загрузите в файловую систему ЕСП." - что этим имеете в виду , уточните пожалуйста
Где то здесь , в теме, я подробно описал
Разобрался с папкой data, записал в файловую систему esp необходимые файлы , перезалил прошивку (из примера) , всё равно график не рисует, не могу понять почему

Отправлено спустя 3 минуты 11 секунд:
aidar_i писал(а):
04.04.2023{, 06:57}
Vladislav1389 писал(а):
04.04.2023{, 06:54}
"и загрузите в файловую систему ЕСП." - что этим имеете в виду , уточните пожалуйста
Где то здесь , в теме, я подробно описал
Пробовал открывать в разных браузерах, mozila , chrome, на андроид смартфоне, всё тоже самое

Отправлено спустя 39 минут 13 секунд:
aidar_i писал(а):
03.04.2023{, 21:05}
Смотрите пример ЭТОТ. Там для ТД главный блок другой стоит.
Вам нужно использовать файловую систему ЕСП. Папку data из библиотеки скопируйте в папку скетча и загрузите в файловую систему ЕСП.
Ещё заметил в примере График Ajax ESP8266.flp отсутствуют блоки установки режима обновления begin_update, end_update , так и должно быть?

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

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

#264

Сообщение aidar_i » 04.04.2023{, 09:27}

Vladislav1389 писал(а):
04.04.2023{, 08:47}
всё равно график не рисует, не могу понять почему
Я сам сейчас мучил его, вообщем, в режиме многостраничности с точкой доступа не работает, с клиентом работает.
Один раз даже запустил график, но там творилось черт те что. Написал в форум автора портала, приложив код, подправленный , чтобы у них глаза в лоб не полезли.

Vladislav1389
Рядовой
Сообщения: 9
Зарегистрирован: 03.04.2023{, 13:13}
Репутация: 0
Имя: Vladislav

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

#265

Сообщение Vladislav1389 » 04.04.2023{, 09:40}

aidar_i писал(а):
04.04.2023{, 09:27}
Vladislav1389 писал(а):
04.04.2023{, 08:47}
всё равно график не рисует, не могу понять почему
Я сам сейчас мучил его, вообщем, в режиме многостраничности с точкой доступа не работает, с клиентом работает.
Один раз даже запустил график, но там творилось черт те что. Написал в форум автора портала, приложив код, подправленный , чтобы у них глаза в лоб не полезли.
У меня почему то даже одностраничник из примера не рисует график, уже взял другую плату nodeMcu v3 , всё повторил и опять нет графика.

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

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

#266

Сообщение aidar_i » 04.04.2023{, 09:54}

Vladislav1389 писал(а):
04.04.2023{, 09:40}
У меня почему то даже одностраничник из примера не рисует график,
Рисует нормально, дата записалась в ЕСП?

Vladislav1389
Рядовой
Сообщения: 9
Зарегистрирован: 03.04.2023{, 13:13}
Репутация: 0
Имя: Vladislav

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

#267

Сообщение Vladislav1389 » 04.04.2023{, 09:59}

aidar_i писал(а):
04.04.2023{, 09:54}
Vladislav1389 писал(а):
04.04.2023{, 09:40}
У меня почему то даже одностраничник из примера не рисует график,
Рисует нормально, дата записалась в ЕСП?
Да записалась и на первой плате WemosD1R1 и на второй nodeMcu.

Отправлено спустя 2 минуты 39 секунд:
aidar_i писал(а):
04.04.2023{, 09:54}
Vladislav1389 писал(а):
04.04.2023{, 09:40}
У меня почему то даже одностраничник из примера не рисует график,
Рисует нормально, дата записалась в ЕСП?
Вопрос - в папке дата как я понял файлы для отрисовки графиков находятся в подпапке gp_data, правильно всё так оставить? Или их нужно вытащить в корень?

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

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

#268

Сообщение aidar_i » 04.04.2023{, 13:47}

Vladislav1389 писал(а):
04.04.2023{, 10:02}
Или их нужно вытащить в корень?
Не надо

Vladislav1389
Рядовой
Сообщения: 9
Зарегистрирован: 03.04.2023{, 13:13}
Репутация: 0
Имя: Vladislav

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

#269

Сообщение Vladislav1389 » 04.04.2023{, 15:22}

aidar_i писал(а):
04.04.2023{, 09:54}
Vladislav1389 писал(а):
04.04.2023{, 09:40}
У меня почему то даже одностраничник из примера не рисует график,
Рисует нормально, дата записалась в ЕСП?

Открыл браузером просмотр исходного кода страницы проекта "График Ajax ESP8266.flp"
скрин далее прикрепляю...
Вложения
Screenshot_80.jpg

waswas
Рядовой
Сообщения: 44
Зарегистрирован: 04.04.2023{, 18:39}
Репутация: 2
Имя: Вася

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

#270

Сообщение waswas » 04.04.2023{, 18:42}

Vladislav1389,
покажи скрин из инструментов разработчика, где загружается страничка

Отправлено спустя 2 минуты 6 секунд:
раздел Network

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

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

#271

Сообщение aidar_i » 05.04.2023{, 06:02}

Есть вопросы по работе портала через точку доступа . В первом сообщении выложил папку tools и написал как установить файловую систему на ЕСП.
Ниже привожу примеры для одностраничного и многостраничного проекта с графиком.
График Ajax ТД ESP8266.flp
(248.98 КБ) 40 скачиваний
Проверял на ESP8266

Vladislav1389
Рядовой
Сообщения: 9
Зарегистрирован: 03.04.2023{, 13:13}
Репутация: 0
Имя: Vladislav

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

#272

Сообщение Vladislav1389 » 05.04.2023{, 07:31}

Vladislav1389 писал(а):
04.04.2023{, 15:22}
aidar_i писал(а):
04.04.2023{, 09:54}
Vladislav1389 писал(а):
04.04.2023{, 09:40}
У меня почему то даже одностраничник из примера не рисует график,
Рисует нормально, дата записалась в ЕСП?

Открыл браузером просмотр исходного кода страницы проекта "График Ajax ESP8266.flp"
скрин далее прикрепляю...
Проблема решена, причина была в записи файловой системы есп через SPIFFS , который как оказалось не поддерживает каталоги, после установки LittleFS из записи файлов с помощью него всё заработало.
:yahoo:

serg-mmm
Рядовой
Сообщения: 6
Зарегистрирован: 03.03.2018{, 11:21}
Репутация: 3
Имя: Сергей

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

#273

Сообщение serg-mmm » 20.06.2023{, 18:35}

Конструктор простой, подробное видео о блоках, автору спасибо, вижу работа проделана большая. Но, как его подключить, хоть попробовать? Такое чувство что я что-то пропустил, а все уже все знают.
В частности для точки доступа:
СпойлерПоказать
Для работы с точкой доступа нужно использовать файловую систему ЕСП. Так как появились вопросы форумчан, выкладываю папку tools, которую нужно положить в папку ...\FLProg_8-0-2_Win64\ideV8\portable\sketchbook, тогда у вас будет работать файловая система. В Ардуино Иде в Tools появится надписи “ESP8266 LittleFS Data Upload“ и “ESP32 Sketch Data Upload“. Сохранить скетч, положить в папку со скетчем папку data. в которую положить нужные файлы для сохранения в файловую систему. В Ардуино Иде нажать нужную надпись и ФС прошьется, потом загрузите скетч. Далее вы можете прошивать только скетч, если файлы из ФС используются те же. Для GP прошейте файлы из библиотеки, там есть папка data, в примерах я его использую.
1. Где взять файл data?
2. Какие файлы "нужные" для сохранения в файловую систему?
3. Далее можно прошивать только скетч если из ФС файлы "те же", те же как какие?
Объясните дураку, может и я помогу сделать инструкцию для таких-же как я.

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

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

#274

Сообщение aidar_i » 21.06.2023{, 18:34}

serg-mmm писал(а):
20.06.2023{, 18:35}
Объясните дураку, может и я помогу сделать инструкцию для таких-же как я.
1. В тексте, которую Вы выложили все есть:
serg-mmm писал(а):
20.06.2023{, 18:35}
Для GP прошейте файлы из библиотеки, там есть папка data, в примерах я его использую.
2. Про папку tool тоже писал.
3. Да.
Дополнительно можете погуглить и почитать про файловую систему ESP.

vlad1451
Сержант
Сообщения: 133
Зарегистрирован: 06.09.2019{, 19:23}
Репутация: 7
Имя: Владимир

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

#275

Сообщение vlad1451 » 22.06.2023{, 06:59}

Может я тоже где то не там смотрю, но где взять папку data? В какой библиотеке? Всё что есть в первом посте у меня скачено, там нет.
P.S. Папку data нашел в библиотеке на GitHub, буду пробовать.

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

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

#276

Сообщение aidar_i » 22.06.2023{, 17:27}

vlad1451 писал(а):
22.06.2023{, 06:59}
Может я тоже где то не там смотрю, но где взять папку data? В какой библиотеке? Всё что есть в первом посте у меня скачено, там нет.
P.S. Папку data нашел в библиотеке на GitHub, буду пробовать.
Будете пробовать, не запутайтесь в версиях библиотек.
здесь последняя версия библиотеки, с которым я работал.
data там есть.

vlad1451
Сержант
Сообщения: 133
Зарегистрирован: 06.09.2019{, 19:23}
Репутация: 7
Имя: Владимир

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

#277

Сообщение vlad1451 » 13.07.2023{, 13:29}

aidar_i писал(а):
22.06.2023{, 17:27}
vlad1451 писал(а):
22.06.2023{, 06:59}
Может я тоже где то не там смотрю, но где взять папку data? В какой библиотеке? Всё что есть в первом посте у меня скачено, там нет.
P.S. Папку data нашел в библиотеке на GitHub, буду пробовать.
Будете пробовать, не запутайтесь в версиях библиотек.
здесь последняя версия библиотеки, с которым я работал.
data там есть.
Не подскажете, какие на данный момент актуальные библиотека и ПБ, 3.2 или 4? Просто в первом посте максимум видел 3.2. В чём разница между ними?

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

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

#278

Сообщение aidar_i » 13.07.2023{, 15:43}

aidar_i писал(а):
13.05.2022{, 21:12}
Не подскажете, какие на данный момент актуальные библиотека и ПБ, 3.2 или 4? Просто в первом посте максимум видел 3.2. В чём разница между ними?
Я работал с viewtopic.php?t=8039&start=220#p120396,
Далее не смотрел.
Отличаются версии с появлением и изменениями новых функций и ТП.

vlad1451
Сержант
Сообщения: 133
Зарегистрирован: 06.09.2019{, 19:23}
Репутация: 7
Имя: Владимир

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

#279

Сообщение vlad1451 » 13.07.2023{, 16:21}

aidar_i писал(а):
13.07.2023{, 15:43}
aidar_i писал(а):
13.05.2022{, 21:12}
Не подскажете, какие на данный момент актуальные библиотека и ПБ, 3.2 или 4? Просто в первом посте максимум видел 3.2. В чём разница между ними?
Я работал с viewtopic.php?t=8039&start=220#p120396,
Далее не смотрел.
Отличаются версии с появлением и изменениями новых функций и ТП.
То есть всё в первом посте?

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

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

#280

Сообщение aidar_i » 13.07.2023{, 17:20}

vlad1451 писал(а):
13.07.2023{, 16:21}
То есть всё в первом посте?
Последние блоки и библиотеку см в вышеуказанной ссылке.

Ответить

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