для запуска сканирования из локально файла(не забываем изменить в файле ip-маску под свою!):
Шаблоны Оформления для Веб-Интерфейса
Добавлено: 30.06.2022{, 10:56}
Fuksas
Добрый день.Может у кого есть пример как использовать файлы CSS и JS из файловой системы SPIFF для оформления веб-интерфейса?
Шаблоны Оформления для Веб-Интерфейса
Добавлено: 30.06.2022{, 12:58}
artemka19
Fuksas,
СпойлерПоказать
ФАК:
на примере флпрог-портабл:
-идем по пути \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"
-происходит загрузка файлов в файловую систему
------------------------------------------------------------------------
-теперь можно загрузить сам проект в еспшку.
Шаблоны Оформления для Веб-Интерфейса
Добавлено: 03.07.2022{, 23:31}
Sio
Приветствую всх коллеи, у меня вопрос ещё раз про графики.
Сергей Глушенко выложил в сеть видео о создании графиков:
Очень хорошие видео, огромное СПАСИБО за подробно описанную информацию автору.
Но на видео видно сам график но в нём нет ориентиров, просто линия.
Я тут примерно нарисовал, что имею ввиду. Хотелось бы дополнить график линиями температуры, какя температура была примерно 10 минут назат, итд...
Автор рисует графики на "КАНВАС" или "КАНВЕ" надо этот код немного дополнить.
Кто-нибуди пытался дополнить код? Пожалуйста поделитесь наработками.
ArtemArable, При нажатии на кнопку UPDATE появиться диалог.
6.png
Спасибо. Залил в 32. Все классно. Олдскульный семисегментный стиль просто бомба. Хорошая база для проектов. Под 8266 кроме блока WebUpdate что еще необходимо подправить?
Не получается адаптировать Ваш проект на ESP8266. Мешает шрифт. IDE выдает предупреждение о малой свободной памяти, при этом кроект загружается, но не работает.
Шаблоны Оформления для Веб-Интерфейса
Добавлено: 12.11.2022{, 01:53}
artemka19
Блоки Графиков для штатного веб-интерфейса
*создано в FLProg v.7.5.2
1-вытащить блок "Настройки общие" на плату проекта
СпойлерПоказать
блоки в библе.png (2.94 КБ) 2625 просмотров
-подать на вход "Записать значения" сигнал по которому будут записывать ся значения в массивы
-указать количество точек (проверял на 2х1000 и 5х300 точек)
-указать названия графиков
(КОЛИЧЕСТВО НАЗВАНИЙ (Т.Е. КОЛИЧЕСТВО ГРАФИКОВ), ДОЛЖНО СООТВЕТСТВОВАТЬ КОЛИЧЕСТВУ БЛОКОВ "Данные для Линии/Точек")
-можно использовать как со временем из блока NTP, так и без времени (будет просто эмулироваться счет от 1++)
СпойлерПоказать
-настроить по вкусу и цвету)))
СпойлерПоказать
2-вытащить минимум(!) один блок "Данные для Линии/Точек"
(каждый блок = линия на графике)
-подать на вход блока данные, которые будут отображаться на графике
СпойлерПоказать
блоки в библе.png (2.94 КБ) 2625 просмотров
3-создать ДВЕ стринг-переменные (это служебные, нужны для передачи инфы в мк через штатный веб)
и подключить их к выходам блока настроек.
СпойлерПоказать
4-включить веб-интерфейс и скопировать 3 пункта из примера к себе в проект
СпойлерПоказать
Возможности:
-работают без Интернета
-8266/32
-скрипты кэшируются.
т.е. первая загрузка будет долше обычной, но все последующие будут молниеносны))))
-можно сохранять/загружать ранее сохраненные файлы графиков в различных форматах
-включать/отключать реалтайм (обращение к есп после построения графиков)
-менять тип линий графиков
-фуллскрин
-вывод таблицы значений
-зуммирование графиков
...короче там много чего)
*график оперативный - т.е. до данные не хранятся в энергонезависимой памяти
**массивы с данными - не СТЕК: используется индекс общий для всех масcивов - так быстрее и не нужно
переписывать массивы целиком, что позволит в будущем сделать энергонезависимые графики.
Эти файлы - исключительно в демонстрационных целях: т.е. вы сможете открыть у себя на еспшке мой график ТОЛЬКО ДЛЯ ПРОСМОТРА, и я, в свою очередь, смогу ваши файлы просмотреть у себя.