🍪 Privacy & Transparency

We and our partners use cookies to Store and/or access information on a device. We and our partners use data for Personalised ads and content, ad and content measurement, audience insights and product development. An example of data being processed may be a unique identifier stored in a cookie. Some of our partners may process your data as a part of their legitimate business interest without asking for consent. To view the purposes they believe they have legitimate interest for, or to object to this data processing use the vendor list link below. The consent submitted will only be used for data processing originating from this website. If you would like to change your settings or withdraw consent at any time, the link to do so is in our privacy policy accessible from our home page..

Vendor List | Privacy Policy
Skip to content

Technik Blog

Programmieren | Arduino | ESP32 | MicroPython | Python | Raspberry PI

Menu
  • Projekte
    • LED’s
    • Servo & Schrittmotoren
    • Sound
    • LCD’s
    • Kommunikation
    • Sicherheit
    • Weekend Project
  • Arduino
    • Tutorials
    • ProMini
      • Anschließen & Programmieren
    • Nano
      • Arduino Nano – Übersicht
    • UNO
      • Übersicht
    • MEGA 2560
      • Übersicht
    • Leonardo
      • Übersicht
    • NodeMCU
      • NodeMCU – “Einer für (fast) Alles!”
    • Lilypad
      • Arduino: Lilypad “Jetzt Geht’s Rund!”
    • WEMOS
      • WEMOS D1 – Arduino UNO kompatibles Board mit ESP8266 Chip
      • WEMOS D1 Mini – Übersicht
      • Wemos D1 mini Shields
    • STM32x
      • STM32F103C8T6 – Übersicht
    • Maker UNO
      • Maker UNO – Überblick und Test
    • ATTiny85
      • Mini Arduino mit ATTiny85 Chip
      • ATtiny85 mit dem Arduino UNO beschreiben
  • Android
  • Über mich
  • DeutschDeutsch
  • EnglishEnglish
Menu

Python Flask #6: Dateizugriffe

Posted on 12. März 202130. April 2023 by Stefan Draeger

In den letzten Beiträgen habe ich gezeigt wie man einfache HTML Seiten mit Python Flask schreiben und mit Jinja2 dynamisch aufbauen kann. In diesem Beitrag soll es nun darum gehen auf Dateien innerhalb des Flask Servers zugreifen und somit Daten in zbsp. einer CSV Datei speichern kannst.

Python Flask - speichern & anzeigen von Daten aus einer CSV Datei
Python Flask – speichern & anzeigen von Daten aus einer CSV Datei

  • Verzeichnisstruktur für Dateizugriffe anlegen
  • Auslesen einer CSV Datei und darstellen im HTML Template
  • Ändern von Daten
  • Anzeigen der Daten aus der CSV Datei

Verzeichnisstruktur für Dateizugriffe anlegen

Um auf statische Dateien zuzugreifen musst du den Ordner „static“ im Projekt anlegen. In diesem Ordner kannst du nun alle Dateien ablegen, auf welche du in deinem Python Code zugreifen möchtest.

Verzeichnisstruktur für den statischen Zugriff
Verzeichnisstruktur für den statischen Zugriff

Bedenke aber das diese Dateien für alle Benutzer deiner Seiten gleich sind, d.h. alle Daten welche du darin speicherst werden für jeden Benutzer sichtbar sein.

Auslesen einer CSV Datei und darstellen im HTML Template

Wollen wir zunächst die abgelegte CSV Datei „personen.csv“ auslesen und im HTML Template anzeigen.

Wie du eine CSV Datei in Python auslesen kannst, habe ich dir im Beitrag Python #10: Dateiverarbeitung ausführlich erläutert. In diesem Abschnitt möchte ich mich darauf beziehen und gehe hier nur auf die Besonderheiten im Zusammenhang mit dem ausliefern in das HTML Template ein.

Eine Zeile in der CSV Datei ist wie folgt aufgebaut:

Vorname, Nachname, Alter, Geschlecht

Stefan,Draeger,40,männlich
Michael, Mustermann, 34,männlich
Birgit, Fröhlich, 23,weiblich

Wir können die Werte recht einfach mit der Funktion „split“ auf jeweilige Variablen zuweisen. Es ist dann aber zwingend erforderlich das genau diese Anzahl der Felder vorhanden ist, denn sonst wird eine Fehlermeldung ausgegeben.

Lesen wir also nun zunächst die Daten aus der CSV Datei und speichern diese in einem Dictionary, dieses speichern wir wiederum in einer Liste.

def loadData():
   personen = []
   with open("static/personen.csv", "r") as file:
      for line in file:
         vorname, nachname, alter, geschlecht = line.split(",")
            person = {'vorname':vorname,
            'nachname':nachname,
            'alter':alter,
            'geschlecht':geschlecht}
         personen.append(person)
   return personen

@app.route('/')
def index():
   return render_template("index.html", personen=loadData())

In unserem HTML Template müssen wir nun diese Daten in einer For-Schleife durchlaufen und ausgeben.

<html>
<head>
   <title>Dateizugriff</title>
</head>
<body>
   <h1>Hello World!</h1>
   {% for person in personen %} 
      {{ person.nachname }}, {{ person.vorname }}, Alter: {{ person.alter }}, Geschlecht: {{ person.geschlecht }}
      <br /> 
   {% endfor %}
</body>
</html>


Ändern von Daten

Der Vorteil an dem Verzeichnis „static“ ist dass, wenn Änderungen an Dateien in diesem Verzeichnis gemacht werden nicht extra deployt werden müssen. D.h. du kannst während der Server läuft die CSV Datei manipulieren (hinzufügen / löschen von Zeilen) und dieses ist für die Besucher deiner App sofort sichtbar.

Im letzten Beitrag Python Flask #5: Formulare erstellen und Daten verarbeiten habe ich dir gezeigt wie du ein HTML Formular erstellst und die Daten in Python verarbeitest. Dieses Wissen möchte ich nun aufgreifen und dazu nutzen die Daten in eine CSV Datei zu speichern.

Zunächst fügen wir einen Datensatz in die CSV Datei hinzu:

@app.route('/add')
def addData(): 
   vorname = request.args.get('vorname')
   nachname = request.args.get('nachname')
   alter = request.args.get('alter')
   geschlecht = request.args.get('geschlecht')

   if not vorname == None and not nachname == None and not geschlecht == None:
      with open("static/personen.csv", "a") as file:
         file.write(vorname + "," + nachname + "," + alter + "," + geschlecht + "\r") 
   
   return render_template("index.html", personen=loadData())

Das Formular dazu sieht wie folgt aus:

<fieldset>
<legend>Formular</legend>
    <form method="get" action="add">
        <label for="vorname">Vorname: </label>
        <input type="text" name="vorname" />
        <br /><br />
        <label for="nachname">Nachname: </label>
        <input type="text" name="nachname" />
        <br /><br />
        <label for="alter">Alter: </label>
        <input type="number" name="alter" />
        <br /><br />
        <label for="geschlecht">Geschlecht:</label>
        <select name="geschlecht">
            <option>männlich</option>
            <option>weiblich</option>
            <option>divers</option>
        </select> <br />
        <br /> <input type="submit" value="Absenden" />
    </form>
</fieldset>

Das Feld „action“ im HTML Tag „form“ trägt hier den Wert „add“ dieses ist die Funktion welche aufgerufen wird.

Anzeigen der Daten aus der CSV Datei

Abschließend möchte ich dir nun zeigen wie man die Daten in einer HTML Tabelle anzeigen lassen kann.

<table>
    <thead>
        <tr>
            <th>Vorname</th>
            <th>Nachname</th>
            <th>Alter</th>
            <th>Geschlecht</th>
        </tr>
    </thead>
<tbody>
    {% for person in personen %}
    <tr>
        <td>{{ person.vorname }}</td>
        <td>{{ person.nachname }}</td>
        <td>{{ person.alter }}</td>
        <td>{{ person.geschlecht }}</td>
    </tr>
    {% endfor %}
</tbody>
</table>

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Kategorien

Tools

  • 8×8 LED Matrix Tool
  • 8×16 LED Matrix Modul von Keyestudio
  • 16×16 LED Matrix – Generator
  • Widerstandsrechner
  • Rechner für Strom & Widerstände
  • ASCII Tabelle

Meta

  • Videothek
  • Impressum
  • Datenschutzerklärung
  • Disclaimer
  • Kontakt
  • Cookie-Richtlinie (EU)

Links

Blogverzeichnis Bloggerei.de Blogverzeichnis TopBlogs.de das Original - Blogverzeichnis | Blog Top Liste Blogverzeichnis trusted-blogs.com
©2023 Technik Blog | Built using WordPress and Responsive Blogily theme by Superb