Paso 3: Jinja2 plantilla
Ahora viene la parte para construir la interfaz. La razón utilizamos frasco es por lo que podemos instanciar los comandos desde un cliente de web remoto (como las de arriba) usando Python.
Cree una carpeta para almacenar tus archivos en. Dentro de esa carpeta, crear una carpeta llamada "plantillas". Aquí vamos a hacer un archivo de plantilla html que será interpretado por 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>
Se trata de un archivo html simple con dos botones y una variable.