Шаблоны Оформления для Веб-Интерфейса

Делимся шаблонами для веб интерфейса.

GPL
Рядовой
Сообщения: 3
Зарегистрирован: 07.03.2022{, 03:17}
Репутация: 0
Имя: Arsen

Шаблоны Оформления для Веб-Интерфейса

#101

Сообщение GPL » 08.03.2022{, 01:53}

karen,
Спасибо теперь дошло.

artemka19
Сержант
Сообщения: 200
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#102

Сообщение artemka19 » 09.03.2022{, 01:46}

ESP-Monitor

GIF:
bandicam-2022-03-09-01-34-13-636.gif
3.jpg
СпойлерПоказать
1.jpg
2.jpg
3.jpg
файлы из папки "data" закинуть в файловую систему еспшки
СпойлерПоказать
разное.flp
(2.69 МБ) 38 скачиваний
data.rar
(10.91 КБ) 34 скачивания
Последний раз редактировалось artemka19 07.04.2022{, 00:14}, всего редактировалось 1 раз.

artemka19
Сержант
Сообщения: 200
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#103

Сообщение artemka19 » 11.03.2022{, 22:55}

до обеда прошивка#1,,после обеда прошивка#2 (локально, без использования пк и ардуино иде, файл/файлы прошивок .bin при этом хранятся в spiffs): есть мысли для практического применения?)

artemka19
Сержант
Сообщения: 200
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#104

Сообщение artemka19 » 21.03.2022{, 21:20}

Антисанкционный проект :smile171:
Доступ к файловой системе есп8266/32 ЛОКАЛЬНО без наличия интернета (в предыдущей версии скрипты загружались только при наличии Интернета):

GIFка
bandicam-2022-03-21-21-08-29-042.gif
СпойлерПоказать
1.jpg
2.jpg
файлы.rar
(403.86 КБ) 21 скачивание
миниФАК
СпойлерПоказать
инструкция:
ЭТО НУЖНО СДЕЛАТЬ ОДИН РАЗ:
на примере флпрог-портабл:
-идем по пути \PortableFLProg_7-4-6_Win64\ideV8\tools
-здесь создаем папки ESP32FS и ESP8266FS
-в каждой из этих папок создаем папку tool
-кладем esp8266fs.jar и esp32fs.jar в соответствующие папки
-теперь после запуска/перезапуска Ардуино ИДЕ, в разделе "инструменты"
у нас должны появится пункты "ESP32 Sketch Data Upload" и "ESP8266 Sketch Data Upload"
-Теперь после компиляции в флпрог и загрузки Ардуино ИДЕ из флпрог, выбираем "скетч"->"показать папку скетча"
-в открывшееся окно папки копируем папку "data" из вложения.
-выбираем в меню "инструменты" пункт "Flash Size 1 MB"
-нажимаем на "ESP8266 Sketch Data Upload"
-происходит загрузка файлов в файловую систему
------------------------------------------------------------------------
-теперь можно загрузить сам проект в еспшку.
Последний раз редактировалось artemka19 07.04.2022{, 00:14}, всего редактировалось 1 раз.

artemka19
Сержант
Сообщения: 200
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#105

Сообщение artemka19 » 23.03.2022{, 22:51}

WebUpdate есп8266 теперь на штатном порту (80)
Основан на блоке от User8.
GIFка
bandicam-2022-03-23-22-38-38-882.gif
СпойлерПоказать
форум-WebUpdate-esp8266-port=80.flp
(198.76 КБ) 37 скачиваний

artemka19
Сержант
Сообщения: 200
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#106

Сообщение artemka19 » 27.03.2022{, 23:45}

Теперь WebUpdate и для esp32 из штатного веб интерфейса на порту (80)
GIFка
bandicam-2022-03-27-23-34-22-260.gif
СпойлерПоказать
форум-WebUpdate-esp32-port=80.flp
(194.83 КБ) 29 скачиваний

artemka19
Сержант
Сообщения: 200
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#107

Сообщение artemka19 » 28.03.2022{, 20:55}

Удержание кнопки в веб-интерфейсе
Пока кнопка в веб-интерфейсе нажата и удерживается, выполняем код в есп.
Когда отпускаем кнопку - код не выполняется.
На мобильных устройствах с мультитачем также можно ОДНОВРЕМЕННО(!) нажимать и удерживать несколько кнопок.
При этом в есп будет выполнятся код прописанный для каждой кнопки.

Теперь можно делать мультиджойстик (с мобильного браузера поддерживающего мультитач) :smile9:

*в мобильной версии нюанс - нажимать нужно на кнопку так, чтобы не попадать на текст (иначе он выделяется и мешает работе). допилю позже. Либо можно удалить текст с самой кнопки :D



GIFка десктопного браузера:
bandicam-2022-03-28-20-38-42-840.gif

GIFка с мобильного устройства (с мультитачем и возможностью отработки одновременных нажатий нескольких кнопок):
XRecorder_28032022_204151.gif
СпойлерПоказать
форум-удержание кнопки.flp
(318.15 КБ) 37 скачиваний
Последний раз редактировалось artemka19 28.03.2022{, 21:16}, всего редактировалось 1 раз.

Аватара пользователя
karen
Рядовой
Сообщения: 46
Зарегистрирован: 15.01.2016{, 22:45}
Репутация: 26
Откуда: MooN
Имя: Karen
Контактная информация:

Шаблоны Оформления для Веб-Интерфейса

#108

Сообщение karen » 28.03.2022{, 20:59}

artemka19 писал(а):
28.03.2022{, 20:55}
Удержание кнопки в веб-интерфейсе
Пока кнопка в веб-интерфейсе нажата и удерживается, выполняем код в есп.
Когда отпускаем кнопку - код не выполняется.
На мобильных устройствах с мультитачем также можно ОДНОВРЕМЕННО(!) нажимать и удерживать несколько кнопок.
При этом в есп будет выполнятся код прописанный для каждой кнопки.

Теперь можно делать мультиджойстик (с мобильного браузера поддерживающего мультитач) :smile9:

*в мобильной версии нюанс - нажимать нужно на кнопку так, чтобы не попадать на текст (иначе он выделяется и мешает работе). допилю позже :D



GIFка десктопного браузера:
bandicam-2022-03-28-20-38-42-840.gif


GIFка с мобильного устройства (с мультитачем и возможностью отработки одновременных нажатий нескольких кнопок):
XRecorder_28032022_204151.gif
СпойлерПоказать
форум-удержание кнопки.flp
Вот и remountxy ушёл в туман 🌫)
karens4

artemka19
Сержант
Сообщения: 200
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#109

Сообщение artemka19 » 28.03.2022{, 21:01}

karen писал(а):
28.03.2022{, 20:59}
remountxy
я думал только в ESPUI была такая фишка)

Аватара пользователя
karen
Рядовой
Сообщения: 46
Зарегистрирован: 15.01.2016{, 22:45}
Репутация: 26
Откуда: MooN
Имя: Karen
Контактная информация:

Шаблоны Оформления для Веб-Интерфейса

#110

Сообщение karen » 28.03.2022{, 21:03}

artemka19 писал(а):
28.03.2022{, 21:01}
karen писал(а):
28.03.2022{, 20:59}
remountxy
я думал только в ESPUI была такая фишка)
:smile9:
karens4

Аватара пользователя
karen
Рядовой
Сообщения: 46
Зарегистрирован: 15.01.2016{, 22:45}
Репутация: 26
Откуда: MooN
Имя: Karen
Контактная информация:

Шаблоны Оформления для Веб-Интерфейса

#111

Сообщение karen » 29.03.2022{, 22:23}

:smile37: может кому пригодится) webupdates в Web flp
Вложения
POWER_BLOK_V10(flp750).flp
(505.65 КБ) 47 скачиваний
Screenshot_20220329_221240_com.android.chrome.jpg
karens4

artemka19
Сержант
Сообщения: 200
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#112

Сообщение artemka19 » 29.03.2022{, 23:03}

karen, а в чем отличие от viewtopic.php?f=202&t=7761&start=80#p113273 ?

Аватара пользователя
karen
Рядовой
Сообщения: 46
Зарегистрирован: 15.01.2016{, 22:45}
Репутация: 26
Откуда: MooN
Имя: Karen
Контактная информация:

Шаблоны Оформления для Веб-Интерфейса

#113

Сообщение karen » 29.03.2022{, 23:09}

artemka19 писал(а):
29.03.2022{, 23:03}
karen, а в чем отличие от viewtopic.php?f=202&t=7761&start=80#p113273 ?
Там веб работает на другом порте а этот работает на одном порте с web_мордой flp, ну и кусок загрузки .bin вставлен в общий шаблон.
Проект тот же кроме webupdates. 😉
karens4

maxcrimea
Рядовой
Сообщения: 6
Зарегистрирован: 18.07.2018{, 10:10}
Репутация: 0
Имя: Максим

Шаблоны Оформления для Веб-Интерфейса

#114

Сообщение maxcrimea » 02.04.2022{, 11:25}

karen писал(а):
07.03.2022{, 00:08}
День добрый, слайдер и color box в отладке работают в реале на 8266 не работают, то-есть анимация отрабатывает но с них выхода нет.
Добрый день. Не разобрались? У меня тоже не работает. Пробовал на ESP32

Отправлено спустя 35 минут 48 секунд:
cmept-27 писал(а):
28.02.2022{, 16:30}
Может кому пригодиться
Получается следующее.
Если диапазон ползунка установлен 0-100, то фактически рабочий диапазон 49-58. А данные которые уходят в 1-9

artemka19
Сержант
Сообщения: 200
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#115

Сообщение artemka19 » 02.04.2022{, 12:40}

:no:
maxcrimea писал(а):
02.04.2022{, 12:01}
Добрый день. Не разобрались
на 8266 работает
1 (1).flp
(109.11 КБ) 20 скачиваний
color.mp4
(5.04 МБ) 29 скачиваний

Аватара пользователя
karen
Рядовой
Сообщения: 46
Зарегистрирован: 15.01.2016{, 22:45}
Репутация: 26
Откуда: MooN
Имя: Karen
Контактная информация:

Шаблоны Оформления для Веб-Интерфейса

#116

Сообщение karen » 02.04.2022{, 14:11}

maxcrimea писал(а):
02.04.2022{, 12:01}
karen писал(а):
07.03.2022{, 00:08}
День добрый, слайдер и color box в отладке работают в реале на 8266 не работают, то-есть анимация отрабатывает но с них выхода нет.
Добрый день. Не разобрались? У меня тоже не работает. Пробовал на ESP32

Отправлено спустя 35 минут 48 секунд:
cmept-27 писал(а):
28.02.2022{, 16:30}
Может кому пригодиться
Получается следующее.
Если диапазон ползунка установлен 0-100, то фактически рабочий диапазон 49-58. А данные которые уходят в 1-9
Проблему нашёл, просто пересобрал проект с нуля, видимо баг.
karens4

artemka19
Сержант
Сообщения: 200
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#117

Сообщение artemka19 » 02.04.2022{, 20:32}

Варианты оформления Выбора цвета:
Безымянный.jpg
СпойлерПоказать
ФОРУМ-COLOR.flp
(248.64 КБ) 20 скачиваний

artemka19
Сержант
Сообщения: 200
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#118

Сообщение artemka19 » 07.04.2022{, 00:06}

Всплывающие уведомления в веб-интерфейсе
GIFка
bandicam-2022-04-06-23-55-09-819.gif
Уведомление управляется переменной.
СпойлерПоказать
скрин проекта.jpg
1.jpg
2.jpg
3.jpg
форум-уведомления.flp
(247.24 КБ) 44 скачивания

artemka19
Сержант
Сообщения: 200
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#119

Сообщение artemka19 » 07.04.2022{, 18:49}

Пример вывода значения переменной в окне уведомления:

ArtemArable
Рядовой
Сообщения: 41
Зарегистрирован: 23.11.2020{, 16:46}
Репутация: 0
Имя: Artem

Шаблоны Оформления для Веб-Интерфейса

#120

Сообщение ArtemArable » 12.04.2022{, 18:30}

На работе использую отечественный продукт rapidscada.ru Клиента не имеет - визуализация реализована через Web-браузер. В среде разработки есть редактор схем и в нем удобно реализовано создание Web-представлений. Было бы удобно и для нашего случая иметь редактор. В особенности это касается расположения объектов на экране.

Ответить

Вернуться в «WEB интерфейс»