Stap 3: Jinja2 sjabloon
Nu komt het gedeelte om te bouwen van de interface. De reden waarom we kolf is zodat we de commando's van een externe website client (zoals degene hierboven) kunt instantiëren met behulp van Python.
Maak een map voor het opslaan van uw bestanden in. Maak een map genaamd "templates" binnen die map. Hier zullen we een html-sjabloonbestand dat zullen worden geïnterpreteerd door Jinja2.
Interface.html
<!doctype html> <head> <title>RPi Radio</title> </head> <body> {% if name %} <h1>Welcome to {{ name }}</h1> {% else %} <h1>Welcome to RPi Radio</h1> {% endif %} <form role="form" method='POST' action='/'> <input type="submit" name="submit" value="turn radio on" /> <input type="submit" name="submit" value="turn radio off" /> </form> </body>
Dit is een eenvoudige HTML-bestand met een variabele en twee knoppen.