91 lines
2.8 KiB
HTML
91 lines
2.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="generator" content="pandoc">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||
|
|
<title></title>
|
||
|
|
<style type="text/css">code{white-space: pre;}</style>
|
||
|
|
<!--[if lt IE 9]>
|
||
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
|
||
|
|
<![endif]-->
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1 id="dokumentation-web-praktikum-1">Dokumentation: WEB Praktikum 1</h1>
|
||
|
|
<h2 id="aufbau-der-webanwendung">Aufbau der Webanwendung</h2>
|
||
|
|
<h3 id="varianten-des-webclients">Varianten des Webclients</h3>
|
||
|
|
<ul>
|
||
|
|
<li>Variante 1: Liste Tabelle</li>
|
||
|
|
<li>Variante 2: Liste als Aufzählung</li>
|
||
|
|
<li>Variante 3: Formular zur Eingabe/Modifizierung</li>
|
||
|
|
</ul>
|
||
|
|
<h3 id="aufbau-des-webservers">Aufbau des Webservers</h3>
|
||
|
|
<ul>
|
||
|
|
<li>Server (Weiterleitung der Anfragen)
|
||
|
|
<ul>
|
||
|
|
<li>Application (Reaktion auf Web-Anfragen, Weiterleitung)
|
||
|
|
<ul>
|
||
|
|
<li>View (Verarbeiten der Templates mit übergebenen Variablen)</li>
|
||
|
|
<li>Database (Verwaltung der abgespeicherten Werte)</li>
|
||
|
|
</ul></li>
|
||
|
|
</ul></li>
|
||
|
|
</ul>
|
||
|
|
<h2 id="durchgeführte-ergänzungen">Durchgeführte Ergänzungen</h2>
|
||
|
|
<ul>
|
||
|
|
<li>Formulare:
|
||
|
|
<ul>
|
||
|
|
<li>hinzufügen von Semesteranzahl</li>
|
||
|
|
<li>hinzufügen von zweiter Person</li>
|
||
|
|
<li>Abbrechen</li>
|
||
|
|
</ul></li>
|
||
|
|
<li>CSS</li>
|
||
|
|
<li>Löschen von Teams (mit Rückfrage JS)</li>
|
||
|
|
<li>verschiedene Ansichten
|
||
|
|
<ul>
|
||
|
|
<li>Liste Tabelle</li>
|
||
|
|
<li>Liste Aufzählung</li>
|
||
|
|
<li>Modus wechsel</li>
|
||
|
|
<li>History Funktion</li>
|
||
|
|
</ul></li>
|
||
|
|
</ul>
|
||
|
|
<h2 id="beschreibung-des-http-datenverkehrs">Beschreibung des HTTP-Datenverkehrs</h2>
|
||
|
|
<h3 id="beim-start-der-anwendung">beim Start der Anwendung</h3>
|
||
|
|
<ul>
|
||
|
|
<li>beim Aufruf der HTML-Seite, wird ohne weitere Angabe, die Anfrage an die Funktion Index in der application.py weitergeleitet</li>
|
||
|
|
</ul>
|
||
|
|
<h3 id="bei-speichern-von-formulardaten">bei Speichern von Formulardaten</h3>
|
||
|
|
<ul>
|
||
|
|
<li>Aufruf der Funktion "save" in der application.py</li>
|
||
|
|
</ul>
|
||
|
|
<h3 id="verwenden-sie-screenshots-der-netzwerkanalyse-des-webbrowsers-und-geben-sie-an">verwenden Sie Screenshots der "Netzwerkanalyse" des Webbrowsers und geben Sie an:</h3>
|
||
|
|
<ul>
|
||
|
|
<li><img src="/Users/kai/sciebo/GitLab/WEB/Praktikum1_Kai/webteams/doc/startseite.png" alt="alt text" /></li>
|
||
|
|
<li>welche Anfragen an den Webserver geschickt werden (HTTP-Methode, URI, Inhalt der Anfrage
|
||
|
|
<ul>
|
||
|
|
<li>GET /</li>
|
||
|
|
<li>GET webteams.js</li>
|
||
|
|
<li>GET webteams.css<br />
|
||
|
|
</li>
|
||
|
|
</ul></li>
|
||
|
|
<li>welche Antworten der Webserver liefert (Inhalt beschreiben)
|
||
|
|
<ul>
|
||
|
|
<li>/
|
||
|
|
<ul>
|
||
|
|
<li>HTML</li>
|
||
|
|
<li>stellt das Grundgerüst der Seite dar</li>
|
||
|
|
</ul></li>
|
||
|
|
<li>webteams.css
|
||
|
|
<ul>
|
||
|
|
<li>Inhalt der CSS-Datei</li>
|
||
|
|
<li>beschreibt, wie die Seite dargestellt werden soll</li>
|
||
|
|
</ul></li>
|
||
|
|
<li>webteams.js
|
||
|
|
<ul>
|
||
|
|
<li>Inhalt der JavaScript-Datei</li>
|
||
|
|
<li>beinhaltet Funktionen, die zur Laufzeit ausgeführt werden sollen</li>
|
||
|
|
</ul></li>
|
||
|
|
</ul></li>
|
||
|
|
</ul>
|
||
|
|
</body>
|
||
|
|
</html>
|