# Dokumentation: WEB Praktikum 1

## Aufbau der Webanwendung

### Varianten des Webclients

- Variante 1: Liste Tabelle
- Variante 2: Liste als Aufzählung
- Variante 3: Formular zur Eingabe/Modifizierung

### Aufbau des Webservers

- Server (Weiterleitung der Anfragen)
  - Application (Reaktion auf Web-Anfragen, Weiterleitung)
    - View (Verarbeiten der Templates mit übergebenen Variablen)
    - Database (Verwaltung der abgespeicherten Werte)

## Durchgeführte Ergänzungen

- Formulare:
  - hinzufügen von Semesteranzahl
  - hinzufügen von zweiter Person
  - Abbrechen
- CSS
- Löschen von Teams (mit Rückfrage JS)
- verschiedene Ansichten
  - Liste Tabelle
  - Liste Aufzählung
  - Modus wechsel
  - History Funktion

## Beschreibung des HTTP-Datenverkehrs

### beim Start der Anwendung

- beim Aufruf der HTML-Seite, wird ohne weitere Angabe, die Anfrage an die Funktion Index in der application.py weitergeleitet

### bei Speichern von Formulardaten

- Aufruf der Funktion "save" in der application.py

### verwenden Sie Screenshots der "Netzwerkanalyse" des Webbrowsers und geben Sie an:

- welche Anfragen an den Webserver geschickt werden (HTTP-Methode, URI, Inhalt der Anfrage
  - GET /
  - GET webteams.js
  - GET webteams.css
- welche Antworten der Webserver liefert (Inhalt beschreiben)
  - /
    - HTML
    - stellt das Grundgerüst der Seite dar
  - webteams.css
    - Inhalt der CSS-Datei
    - beschreibt, wie die Seite dargestellt werden soll
  - webteams.js
    - Inhalt der JavaScript-Datei
    - beinhaltet Funktionen, die zur Laufzeit ausgeführt werden sollen