Страница 1 из 2

Вывести данные на веб страницу

Добавлено: 09.03.2019{, 19:36}
SergeyShikal
Здравствуйте, использую ESP8266 NodeMcu v3 нужно вывести в веб данные температуры и состояние реле, куда идти дальше, запутался.
Улей.flp
(97.55 КБ) 89 скачиваний

Вывести данные на веб страницу

Добавлено: 09.03.2019{, 20:13}
Evgesha
Попробуйте выведена дрлжна быть температура в вэб

Отправлено спустя 8 минут 35 секунд:
С этим уроком неознакамливались? По аналогии все создается только с пользовательскими параметрами.

https://m.habr.com/ru/company/flprog/blog/422053/

Вывести данные на веб страницу

Добавлено: 10.03.2019{, 04:38}
SergeyShikal
Evgesha писал(а):
09.03.2019{, 20:22}
Попробуйте выведена дрлжна быть температура в вэб

Отправлено спустя 8 минут 35 секунд:
С этим уроком неознакамливались? По аналогии все создается только с пользовательскими параметрами.

https://m.habr.com/ru/company/flprog/blog/422053/
Спасибо, не попадалась эта страница.

Вывести данные на веб страницу

Добавлено: 13.03.2019{, 14:54}
SergeyShikal
Как изменить размер шрифта- шапка, подвал, кнопки получается, а показания нет, где искать?
СпойлерПоказать
Безымянный.png

Вывести данные на веб страницу

Добавлено: 14.03.2019{, 22:58}
Tehnics

Вывести данные на веб страницу

Добавлено: 15.03.2019{, 14:18}
SergeyShikal
Спасибо, но не то,мне нужно то что ESP передает, там шрифт увеличить.

Вывести данные на веб страницу

Добавлено: 15.03.2019{, 17:03}
Lukum
В стиле нужно менять

Вывести данные на веб страницу

Добавлено: 15.03.2019{, 17:25}
SergeyShikal
Lukum писал(а):
15.03.2019{, 17:03}
В стиле нужно менять
Это понятно, ткните пальцем где?

Вывести данные на веб страницу

Добавлено: 15.03.2019{, 17:35}
Lukum
Попробуй подставить вот этот, скапируй стиль чуток правленый может подойдёт
viewtopic.php?f=137&t=5078

Вывести данные на веб страницу

Добавлено: 15.03.2019{, 19:44}
Evgesha
Если одна страничка то в общих стилях
СпойлерПоказать
Попробуйте поиграть с этими параметрами
СпойлерПоказать
СпойлерПоказать

Для изменения размера шрифта есть несколько способов.

Через теги <H1>.... <H6> или через параметр шрифта size
Например вот так

<H1>текст</H1> Выглядеть это будет так
текст
или вот так :
<H3>текст</H3> Выглядеть это будет так

текст
Тег <H> как вы поняли является парным. Используется обычно для выделения ЗАГОЛОВКОВ. При этом текст, выделенный тегом будет располагаться как абзац...как будто вы перед текстом и после поставили еще теги <br>. Т.е. текст заключенный в тег <H> будет написан с новой строки.

Само собой текст можно сделать еще и жирным и курсивом. Например вот так <b><i><H3>текст</H3></i></b>Выглядеть это будет так

текст
второй способ изменения размера шрифта

использование параметра в теге <font>

Вернемся к нашей страничке.

В коде страницы есть вот такой кусок

<font color="#0000FF"><b>я буду богатым и свободным человеком ! </b></font>

здесь с помощью тега <font> и параметра color мы задаем цвет текста.

А с помощью параметра size можно задать размер текста, например вот так

<font color="#0000FF" size="4"><b>я буду богатым и свободным человеком ! </b></font>

тогда текст на странице будет выглядеть так
я буду богатым и свободным человеком !
Отправлено спустя 10 часов 54 минуты 19 секунд:
SergeyShikal,

добрался до компа, если еще актуально, то в настройках вэб интерфейса в общем стиле в поле .content добавить строку
font-size:50px;

.content
{
float:right;
width:78%;
font-size:50px;
}
СпойлерПоказать
шрифт.jpg

Вывести данные на веб страницу

Добавлено: 16.03.2019{, 09:39}
Lukum
А радио кнопки можно увеличить
2019-03-16-09-32-27.jpg

Вывести данные на веб страницу

Добавлено: 16.03.2019{, 15:17}
SergeyShikal
Evgesha писал(а):
16.03.2019{, 06:39}
font-size:50px;
То что нужно, спасибо.

Вывести данные на веб страницу

Добавлено: 31.03.2019{, 10:08}
SergeyShikal
Собрал монитор пасеки, вывел в народмон, теперь перестало периодически заходить в админку через браузер при соединении комп-роутер- лан 75м- роутер-wifi-esp. если напрямую подключиться по wifi k esp то подключается и в админку заходит. Перезагрузка esp по питанию помогает но не надолго.
Улей_1.flp
(165.16 КБ) 88 скачиваний

Вывести данные на веб страницу

Добавлено: 31.03.2019{, 15:07}
dizzyy
а почему не модбас?

Вывести данные на веб страницу

Добавлено: 31.03.2019{, 16:48}
SergeyShikal
dizzyy писал(а):
31.03.2019{, 15:07}
а почему не модбас?
Планшет не всегда под рукой и еще не дошел до него.

Вывести данные на веб страницу

Добавлено: 31.03.2019{, 17:52}
dizzyy
SergeyShikal писал(а):
31.03.2019{, 16:48}
Планшет не всегда под рукой и еще не дошел до него.
ардуинка собирает даные, через 485 протокол передает по витой паре esp, а та уже через вайфай на комп, телефон или что удобнее по средством страници ..
я веду к тому что дешевле так получается

Вывести данные на веб страницу

Добавлено: 01.04.2019{, 02:45}
SergeyShikal
А у ардуино хватит ресурсов обработать 50 объектов одновременно? И что то слишком много проводов получается. В дальнейшем задумка убрать nodemcu и использовать esp-01 для каждого объекта.

Вывести данные на веб страницу

Добавлено: 01.04.2019{, 09:23}
Cancertanly
для таких забав есть онлайн редактор HTML

Вывести данные на веб страницу

Добавлено: 01.04.2019{, 09:57}
Evgesha
Cancertanly писал(а):
01.04.2019{, 09:23}
для таких забав есть онлайн редактор HTML
Ну и как им воспользоваться всвязке с flprog?

Вывести данные на веб страницу

Добавлено: 04.04.2019{, 19:13}
Evgesha
при установке параметра на вэб страницу типа ввода данных, шрифт по умолчанию не большой,
далее опишу как его увеличить, может кому понадобится, правда метод не много заморочен и вполне возможно, что так не правильно делать.
СпойлерПоказать
поле ввода.jpg
чтобы увеличить необходимо в вэб интерфейсе, в общем стиле, добавить стиль произвольного названия "moskou" с параметрами необходимыми вам
СпойлерПоказать
доб в общ стиль.jpg
далее указать в стиле самого параметра "moskou"
СпойлерПоказать
стиль параметра.jpg
после этого компилируем, и в компилируемом скетче ищем строку

String _eSP8266SettingWebPageInputFieldVisualElement (String style, String label, String value, String name, String maxlength)
{
String result = _eSP8266SettingWebPageAllVisualElementsHeader (style, label);
result.concat("<input type=\"text\" name=\"");
result.concat(name);

и добавляем в нее class=\"moskou\"
result.concat("<input type=\"text\" class=\"moskou\" name=\"");
СпойлерПоказать
class.jpg
после чего загружаем скетч
должно быть увеличено
СпойлерПоказать
результ.jpg