PicoW Webserver HTML & CSS & JS

Zurück

Es wurde bereits angesprochen, dass vom Raspberry Pi PicoW aktivierte Frontend kontaktiert kein JavaScript, welches aus dem Internet geladen werden muss! Das JavaScript für die Analoganzeigen (Gauge) liegen im Verzeichnis vom PicoW.

PicoW Webserver HTML


HTML

PicoW Webserver CSS


CSS

PicoW Webserver JS -1- PicoW Webserver JS -2- PicoW Webserver JS -3- PicoW Webserver JS -4-


JavaScript
Die Zeilen 1 bis 169 habe ich nicht programmiert, zu 95% stammen sie aus dieser Vorlage. Lediglich die Skalierung und Farben habe ich angepasst.
Die Schleife in Zeile 182 bis 187 wird alle drei Sekunden (3000mS / Zeile 186) aufgerufen, und eine Funktion „fetch(/updateValues)“ (Zeile 171 bis 179) getriggert. Der String /updateValues aktiviert in der Python Datei „main.py“ die Zeile 23. Dieser Mechanismus sorgt für die ständige Aktualisierung der drei Gauge Analoganzeigen.



Zurück