Hey,
Voor mijn eindwerk op school moet ik een dashboard maken voor een elektrische kart. Ik heb sensoren geplaatst die ik inlees met een arduino en doorstuur via seriële communicatie naar een raspberry. Op de raspberry draai ik een flask server die een html pagina weergeeft waarop tellers staan voor de snelheid en voor het toerental, ook staat hier nog wat extra informatie op van een aantal sensoren.
De bedoeling van dit project is dat de waardes van mijn sensoren live worden weergegeven in de webpagina.
Relevante software en hardware die ik gebruik:
Ik gebruik python3 en de module Flask
Wat ik al gevonden of geprobeerd heb:
Ik heb geprobeerd om in mijn html mijn pagina constant te refreshen, het probleem is dat als ik mijn pagina refresh mijn tellers oplopen van 0 tot de toegewezen waarde. Mijn teller blijft dus constant van 0 oplopen dus dit is geen oplossing.
Ik heb opgezocht hoe je in html een live data view kunt doen en dit gebeurd meestal met ajax. Ik heb dit eens bekeken maar kom er niet dadelijk uit hoe het juist zit om dan mijn data van mijn sensoren weg te sturen.
Ik heb iets half werkende gekregen maar het probleem is dat ik mijn html pagina moet refreshen om de nieuwe waarde weer te geven. Het python programma stuurt dus wel live de waardes door alleen refresht mijn html pagina niet.
Hieronder de code die ik gebruik:
Dit is de test die ik gebruik om te kijken of het werkt, dit is niet mijn uiteindelijke project.
Hier is het probleem dat de tijd pas weergegeven word als je refresht.
Ik krijg dus geen foutmeldingen maar ik kom er gewoon niet uit hoe ik dit klaar krijg.
Voor mijn eindwerk op school moet ik een dashboard maken voor een elektrische kart. Ik heb sensoren geplaatst die ik inlees met een arduino en doorstuur via seriële communicatie naar een raspberry. Op de raspberry draai ik een flask server die een html pagina weergeeft waarop tellers staan voor de snelheid en voor het toerental, ook staat hier nog wat extra informatie op van een aantal sensoren.
De bedoeling van dit project is dat de waardes van mijn sensoren live worden weergegeven in de webpagina.
Relevante software en hardware die ik gebruik:
Ik gebruik python3 en de module Flask
Wat ik al gevonden of geprobeerd heb:
Ik heb geprobeerd om in mijn html mijn pagina constant te refreshen, het probleem is dat als ik mijn pagina refresh mijn tellers oplopen van 0 tot de toegewezen waarde. Mijn teller blijft dus constant van 0 oplopen dus dit is geen oplossing.
Ik heb opgezocht hoe je in html een live data view kunt doen en dit gebeurd meestal met ajax. Ik heb dit eens bekeken maar kom er niet dadelijk uit hoe het juist zit om dan mijn data van mijn sensoren weg te sturen.
Ik heb iets half werkende gekregen maar het probleem is dat ik mijn html pagina moet refreshen om de nieuwe waarde weer te geven. Het python programma stuurt dus wel live de waardes door alleen refresht mijn html pagina niet.
Hieronder de code die ik gebruik:
Dit is de test die ik gebruik om te kijken of het werkt, dit is niet mijn uiteindelijke project.
HTML: home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <!doctype html> <html> <head> <meta charset="utf-8"> <title>Hello World</title> <link href="{{ url_for('static', filename='main.css', version=time)}}" rel="stylesheet" type="text/css" /> </head> <body> <h1 class="hello-color"> {{ message }} {{ time }} </h1> </body> </html> |
Python: app.py
1
2
3
4
5
6
7
8
9
10
| from flask import Flask, render_template from datetime import datetime app = Flask(__name__) @app.route("/") def hello(): now = datetime.now() time = now.strftime("%H:%M:%S") return render_template('home.html', message="Hello !", time=time) |
Python: main.py
1
2
3
4
5
6
| from app import app from livereload import Server if __name__ == '__main__': server = Server(app.wsgi_app) server.serve() |
Hier is het probleem dat de tijd pas weergegeven word als je refresht.
Ik krijg dus geen foutmeldingen maar ik kom er gewoon niet uit hoe ik dit klaar krijg.
[ Voor 28% gewijzigd door jneefs op 22-04-2021 20:37 ]