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

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

Добавлено: 09 мар 2019, 19:36
SergeyShikal
Здравствуйте, использую ESP8266 NodeMcu v3 нужно вывести в веб данные температуры и состояние реле, куда идти дальше, запутался.
Улей.flp

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

Добавлено: 09 мар 2019, 20:22
Evgesha
Попробуйте выведена дрлжна быть температура в вэб

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

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

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

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

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

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

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

Добавлено: 13 мар 2019, 14:54
SergeyShikal
Как изменить размер шрифта- шапка, подвал, кнопки получается, а показания нет, где искать?
[spoiler]
Безымянный.png
[/spoiler]

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

Добавлено: 14 мар 2019, 22:58
Tehnics

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

Добавлено: 15 мар 2019, 14:18
SergeyShikal
Tehnics писал(а): 14 мар 2019, 22:58изменение размера шрифта
Спасибо, но не то,мне нужно то что ESP передает, там шрифт увеличить.

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

Добавлено: 15 мар 2019, 17:03
Lukum
В стиле нужно менять

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

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

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

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

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

Добавлено: 16 мар 2019, 06:39
Evgesha
Если одна страничка то в общих стилях
[spoiler][/spoiler]

Попробуйте поиграть с этими параметрами

[spoiler] http://moneymaster.ru/site6.php
[/spoiler]

[spoiler]

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

Через теги <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>

тогда текст на странице будет выглядеть так
я буду богатым и свободным человеком !

[/spoiler]

Отправлено спустя 10 часов 54 минуты 19 секунд:
[ref]SergeyShikal[/ref],

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

.content
{
float:right;
width:78%;
font-size:50px;
}

[spoiler]
шрифт.jpg
[/spoiler]

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

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

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

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

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

Добавлено: 31 мар 2019, 10:08
SergeyShikal
Собрал монитор пасеки, вывел в народмон, теперь перестало периодически заходить в админку через браузер при соединении комп-роутер- лан 75м- роутер-wifi-esp. если напрямую подключиться по wifi k esp то подключается и в админку заходит. Перезагрузка esp по питанию помогает но не надолго.
Улей_1.flp

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

Добавлено: 31 мар 2019, 15:07
dizzyy
а почему не модбас?

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

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

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

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

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

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

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

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

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

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

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

Добавлено: 04 апр 2019, 19:13
Evgesha
при установке параметра на вэб страницу типа ввода данных, шрифт по умолчанию не большой,
далее опишу как его увеличить, может кому понадобится, правда метод не много заморочен и вполне возможно, что так не правильно делать.
[spoiler]
поле ввода.jpg
[/spoiler]

чтобы увеличить необходимо в вэб интерфейсе, в общем стиле, добавить стиль произвольного названия "moskou" с параметрами необходимыми вам
[spoiler]
доб в общ стиль.jpg
[/spoiler]

далее указать в стиле самого параметра "moskou"
[spoiler]
стиль параметра.jpg
[/spoiler]

после этого компилируем, и в компилируемом скетче ищем строку

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=\"");
[spoiler]
class.jpg
[/spoiler]

после чего загружаем скетч
должно быть увеличено
[spoiler]
результ.jpg
[/spoiler]