Skip to main content

Flask installatie

Met Python kan je ook web applicaties maken. Daarvoor zijn twee bekende frameworks beschikbaar, Django en Flask.

Django is een beetje de grote broer van Flask. Flask is eenvoudiger en beter geschikt voor wat eenvoudigere web applicaties.

Flask heeft niet echt een MVC-structuur, maar heeft wel routing, een mooie template engine en database-integratie.

Wij gaan kennismaken met Flask en zullen kijken naar routing en de (Jinja) template engine van Flask.

Maar eerst installeren.

Installatie

We hebben Python al geïnstalleerd (heb je dat niet meer vraag dan Chat GPT hoe je Python moet installeren of kijk in Python L1).

Met pip installeer je Flask:

pip install flask

Maak een map waarin je jouw Flask project gaat maken, en noem die map bijvoorbeeld mijFirstFlask.

Open de nieuwe folder in VCS.

De eerste stap

Het eerste begin

  1. Maak een nieuw Flask-project en maak een templates-map aan in de projectdirectory. Hierin plaatsen we de HTML-templates.

  2. Maak een nieuw Python-bestand, bijvoorbeeld app.py, en plaats het in de projectdirectory.

  3. Open het Python-bestand (app.py) met een teksteditor en voeg de volgende code toe:

    from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def home():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=True)
      <.pre>

  4. Maak een nieuw HTML-bestand in de templates-map, index.html, en open het met een teksteditor.

    Voeg deze HTML-code toe aan het index.html-bestand en zet achter Welkom jouw naam.

    <!DOCTYPE html>
    <html>
    <head>
        <title>Mijn Flask-project</title>
    </head>
    <body>
        <h1>Welkom <vul hier jouw naam in> bij mijn Flask-project!</h1>
        <p>Dit is een basisstructuur voor een Flask-project.</p>
    </body>
    </html>

  5. Sla zowel het Python-bestand (app.py) als het HTML-bestand (index.html) op.

  6. Ga naar de opdrachtprompt of terminalvenster en navigeer naar de projectdirectory waar het Python-bestand zich bevindt.

  7. Voer het volgende commando in: python app.py (of python3 app.py als je meerdere Python-versies hebt geïnstalleerd).

  8. Flask start de ontwikkelingsserver en geeft een URL weer, bijvoorbeeld http://127.0.0.1:5000/.

  9. Open de weergegeven URL in je webbrowser en je zou de inhoud van het index.html-bestand moeten zien, inclusief de welkomstboodschap.

Als je deze boodschap ziet, betekent dit dat Flask correct is geïnstalleerd en functioneert. Je kunt de boodschap in de hello-functie wijzigen naar elk gewenst bericht.

Back to top