# 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: - ![alt text](/Users/kai/sciebo/GitLab/WEB/Praktikum1_Kai/webteams/doc/startseite.png) - 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