From 8f3427c46804215f5288922a0291be414e955925 Mon Sep 17 00:00:00 2001
From: TD589 <tdpain5@gmail.com>
Date: Sat, 29 Mar 2025 17:23:45 +0100
Subject: [PATCH] =?UTF-8?q?test-area=20erg=C3=A4nzt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fomular_bsp/app.py                            |  18 ++++
 fomular_bsp/explain.txt                       |  84 ++++++++++++++++++
 fomular_bsp/templates/contact.html            |  20 +++++
 fomular_bsp/templates/index.html              |  11 +++
 fomular_bsp/templates/thankyou.html           |  11 +++
 fomular_bsp_email/app.py                      |  40 +++++++++
 fomular_bsp_email/explain.txt                 |  84 ++++++++++++++++++
 fomular_bsp_email/templates/contact.html      |  20 +++++
 fomular_bsp_email/templates/index.html        |  11 +++
 fomular_bsp_email/templates/thankyou.html     |  11 +++
 test1/app.py                                  |   9 ++
 test1/static/style.css                        |  24 +++++
 test1/templates/index.html                    |  32 +++++++
 würfel/__pycache__/simulation.cpython-311.pyc | Bin 0 -> 385 bytes
 würfel/app.py                                 |  14 +++
 würfel/simulation.py                          |   3 +
 würfel/templates/index.html                   |  11 +++
 17 files changed, 403 insertions(+)
 create mode 100644 fomular_bsp/app.py
 create mode 100644 fomular_bsp/explain.txt
 create mode 100644 fomular_bsp/templates/contact.html
 create mode 100644 fomular_bsp/templates/index.html
 create mode 100644 fomular_bsp/templates/thankyou.html
 create mode 100644 fomular_bsp_email/app.py
 create mode 100644 fomular_bsp_email/explain.txt
 create mode 100644 fomular_bsp_email/templates/contact.html
 create mode 100644 fomular_bsp_email/templates/index.html
 create mode 100644 fomular_bsp_email/templates/thankyou.html
 create mode 100644 test1/app.py
 create mode 100644 test1/static/style.css
 create mode 100644 test1/templates/index.html
 create mode 100644 würfel/__pycache__/simulation.cpython-311.pyc
 create mode 100644 würfel/app.py
 create mode 100644 würfel/simulation.py
 create mode 100644 würfel/templates/index.html

diff --git a/fomular_bsp/app.py b/fomular_bsp/app.py
new file mode 100644
index 0000000..76485aa
--- /dev/null
+++ b/fomular_bsp/app.py
@@ -0,0 +1,18 @@
+from flask import Flask, render_template, request, redirect, url_for
+
+app = Flask(__name__)
+
+@app.route('/')
+def home():
+    return render_template('index.html')
+
+@app.route('/kontakt', methods=['GET', 'POST'])
+def kontakt():
+    if request.method == 'POST':
+        name = request.form['name']
+        nachricht = request.form['nachricht']
+        return render_template('thankyou.html', name=name)
+    return render_template('contact.html')
+
+if __name__ == '__main__':
+    app.run(debug=True, port=5000)
diff --git a/fomular_bsp/explain.txt b/fomular_bsp/explain.txt
new file mode 100644
index 0000000..cdf93fe
--- /dev/null
+++ b/fomular_bsp/explain.txt
@@ -0,0 +1,84 @@
+from flask import Flask, render_template, request, redirect, url_for
+👉 Wir importieren Funktionen aus dem Flask-Framework:
+
+Flask: Hauptklasse, um unsere Web-App zu erstellen
+
+render_template: zeigt HTML-Dateien an
+
+request: ermöglicht Zugriff auf Formulardaten
+
+redirect & url_for: nützlich für Weiterleitungen (werden hier zwar nicht benutzt, aber vorbereitet)
+
+
+app = Flask(__name__)
+👉 Wir erstellen eine Instanz der Flask-App, sie heißt hier einfach app.
+__name__ sagt Flask, wo sich das aktuelle Skript befindet. Das ist nötig für Routing, Templating etc.
+
+
+@app.route('/')
+def home():
+    return render_template('index.html')
+🟢 Route 1 – Startseite (/):
+
+@app.route('/'): Flask soll diese Funktion ausführen, wenn jemand die Startseite aufruft (z. B. http://localhost:5000/)
+
+render_template('index.html'): zeigt die HTML-Datei templates/index.html im Browser
+
+
+@app.route('/kontakt', methods=['GET', 'POST'])
+def kontakt():
+🟢 Route 2 – Kontaktformular (/kontakt):
+
+Diese Funktion verarbeitet zwei HTTP-Methoden:
+
+GET: Zeigt das Formular an
+
+POST: Verarbeitet die abgeschickten Formulardaten
+
+
+    if request.method == 'POST':
+👉 Prüft, ob das Formular abgeschickt wurde (per POST)
+
+
+        name = request.form['name']
+        nachricht = request.form['nachricht']
+👉 Holt sich die Formulardaten:
+
+name: aus dem <input name="name">
+
+nachricht: aus dem <textarea name="nachricht">
+
+Diese Werte stehen im request.form-Objekt.
+
+
+        return render_template('thankyou.html', name=name)
+👉 Zeigt eine Danke-Seite an und übergibt den Namen, damit man dort z. B. schreiben kann:
+„Danke für deine Nachricht, Torben!“
+
+
+    return render_template('contact.html')
+👉 Falls es kein POST war (also beim Aufruf über Link oder URL direkt):
+Dann zeige das Kontaktformular an.
+
+
+if __name__ == '__main__':
+    app.run(debug=True, port=5000)
+🟢 Das ist der Startpunkt des Programms:
+
+Nur wenn du app.py direkt startest (nicht importierst), wird app.run() ausgeführt
+
+debug=True: Flask zeigt Fehler direkt im Browser an und startet automatisch neu, wenn du Änderungen machst
+
+port=5000: Die App läuft unter http://localhost:5000
+
+💬 Zusammenfassung:
+Diese App hat:
+
+Eine Startseite (/) → zeigt index.html
+
+Eine Kontaktseite (/kontakt) mit Formular
+
+Bei GET → zeigt Formular (contact.html)
+
+Bei POST → zeigt Dankeseite (thankyou.html) mit dem eingegebenen Namen
+
diff --git a/fomular_bsp/templates/contact.html b/fomular_bsp/templates/contact.html
new file mode 100644
index 0000000..50ae363
--- /dev/null
+++ b/fomular_bsp/templates/contact.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>Kontakt</title>
+</head>
+<body>
+    <h1>Kontaktformular</h1>
+    <form action="{{ url_for('kontakt') }}" method="post">
+        <label>Name:<br>
+            <input type="text" name="name" required>
+        </label><br><br>
+        <label>Nachricht:<br>
+            <textarea name="nachricht" rows="5" required></textarea>
+        </label><br><br>
+        <button type="submit">Senden</button>
+    </form>
+    <a href="{{ url_for('home') }}">Zurück zur Startseite</a>
+</body>
+</html>
diff --git a/fomular_bsp/templates/index.html b/fomular_bsp/templates/index.html
new file mode 100644
index 0000000..ec19fec
--- /dev/null
+++ b/fomular_bsp/templates/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>Startseite</title>
+</head>
+<body>
+    <h1>Willkommen auf unserer Mini-Seite</h1>
+    <a href="{{ url_for('kontakt') }}">Zum Kontaktformular</a>
+</body>
+</html>
diff --git a/fomular_bsp/templates/thankyou.html b/fomular_bsp/templates/thankyou.html
new file mode 100644
index 0000000..597fbbe
--- /dev/null
+++ b/fomular_bsp/templates/thankyou.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>Danke!</title>
+</head>
+<body>
+    <h1>Danke für deine Nachricht, {{ name }}!</h1>
+    <a href="{{ url_for('home') }}">Zurück zur Startseite</a>
+</body>
+</html>
diff --git a/fomular_bsp_email/app.py b/fomular_bsp_email/app.py
new file mode 100644
index 0000000..0a5f8b4
--- /dev/null
+++ b/fomular_bsp_email/app.py
@@ -0,0 +1,40 @@
+from flask import Flask, request, render_template
+import smtplib
+from email.message import EmailMessage
+
+app = Flask(__name__)#
+
+@app.route('/')
+def home():
+    return render_template('index.html')
+
+@app.route('/kontakt', methods=['GET', 'POST'])
+def kontakt():
+    if request.method == 'POST':
+        name = request.form['name']
+        nachricht = request.form['nachricht']
+
+        # ✉️ E-Mail vorbereiten
+        empfaenger = "tdpain5@gmail.com"
+        absender = "noreply@example.com"
+        passwort = "DEIN_APP_PASSWORT"
+
+        msg = EmailMessage()
+        msg['Subject'] = f"Neue Nachricht von {name}"
+        msg['From'] = absender
+        msg['To'] = empfaenger
+        msg.set_content(nachricht)
+
+        # 📤 E-Mail senden
+        try:
+            with smtplib.SMTP_SSL('smtp.gmail.com', 465) as smtp:
+                smtp.login(absender, passwort)
+                smtp.send_message(msg)
+            return "E-Mail erfolgreich gesendet!"
+        except Exception as e:
+            return f"Fehler beim Senden: {e}"
+
+    return render_template('contact.html')
+
+if __name__ == '__main__':
+    app.run(host='0.0.0.0', port=5000, debug=True)
\ No newline at end of file
diff --git a/fomular_bsp_email/explain.txt b/fomular_bsp_email/explain.txt
new file mode 100644
index 0000000..cdf93fe
--- /dev/null
+++ b/fomular_bsp_email/explain.txt
@@ -0,0 +1,84 @@
+from flask import Flask, render_template, request, redirect, url_for
+👉 Wir importieren Funktionen aus dem Flask-Framework:
+
+Flask: Hauptklasse, um unsere Web-App zu erstellen
+
+render_template: zeigt HTML-Dateien an
+
+request: ermöglicht Zugriff auf Formulardaten
+
+redirect & url_for: nützlich für Weiterleitungen (werden hier zwar nicht benutzt, aber vorbereitet)
+
+
+app = Flask(__name__)
+👉 Wir erstellen eine Instanz der Flask-App, sie heißt hier einfach app.
+__name__ sagt Flask, wo sich das aktuelle Skript befindet. Das ist nötig für Routing, Templating etc.
+
+
+@app.route('/')
+def home():
+    return render_template('index.html')
+🟢 Route 1 – Startseite (/):
+
+@app.route('/'): Flask soll diese Funktion ausführen, wenn jemand die Startseite aufruft (z. B. http://localhost:5000/)
+
+render_template('index.html'): zeigt die HTML-Datei templates/index.html im Browser
+
+
+@app.route('/kontakt', methods=['GET', 'POST'])
+def kontakt():
+🟢 Route 2 – Kontaktformular (/kontakt):
+
+Diese Funktion verarbeitet zwei HTTP-Methoden:
+
+GET: Zeigt das Formular an
+
+POST: Verarbeitet die abgeschickten Formulardaten
+
+
+    if request.method == 'POST':
+👉 Prüft, ob das Formular abgeschickt wurde (per POST)
+
+
+        name = request.form['name']
+        nachricht = request.form['nachricht']
+👉 Holt sich die Formulardaten:
+
+name: aus dem <input name="name">
+
+nachricht: aus dem <textarea name="nachricht">
+
+Diese Werte stehen im request.form-Objekt.
+
+
+        return render_template('thankyou.html', name=name)
+👉 Zeigt eine Danke-Seite an und übergibt den Namen, damit man dort z. B. schreiben kann:
+„Danke für deine Nachricht, Torben!“
+
+
+    return render_template('contact.html')
+👉 Falls es kein POST war (also beim Aufruf über Link oder URL direkt):
+Dann zeige das Kontaktformular an.
+
+
+if __name__ == '__main__':
+    app.run(debug=True, port=5000)
+🟢 Das ist der Startpunkt des Programms:
+
+Nur wenn du app.py direkt startest (nicht importierst), wird app.run() ausgeführt
+
+debug=True: Flask zeigt Fehler direkt im Browser an und startet automatisch neu, wenn du Änderungen machst
+
+port=5000: Die App läuft unter http://localhost:5000
+
+💬 Zusammenfassung:
+Diese App hat:
+
+Eine Startseite (/) → zeigt index.html
+
+Eine Kontaktseite (/kontakt) mit Formular
+
+Bei GET → zeigt Formular (contact.html)
+
+Bei POST → zeigt Dankeseite (thankyou.html) mit dem eingegebenen Namen
+
diff --git a/fomular_bsp_email/templates/contact.html b/fomular_bsp_email/templates/contact.html
new file mode 100644
index 0000000..457e003
--- /dev/null
+++ b/fomular_bsp_email/templates/contact.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>Kontakt</title>
+</head>
+<body>
+    <h1>Kontaktformular</h1>
+    <form action="{{ url_for('kontakt') }}" method="post">
+        <label>Name:<br>
+            <input type="text" name="name" required>
+        </label><br>
+        <label>Nachricht:<br>
+            <textarea name="nachricht" required></textarea>
+        </label><br>
+        <button type="submit">Senden</button>
+    </form>
+    <a href="{{ url_for('home') }}">Zurück zur Startseite</a>
+</body>
+</html>
diff --git a/fomular_bsp_email/templates/index.html b/fomular_bsp_email/templates/index.html
new file mode 100644
index 0000000..ec19fec
--- /dev/null
+++ b/fomular_bsp_email/templates/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>Startseite</title>
+</head>
+<body>
+    <h1>Willkommen auf unserer Mini-Seite</h1>
+    <a href="{{ url_for('kontakt') }}">Zum Kontaktformular</a>
+</body>
+</html>
diff --git a/fomular_bsp_email/templates/thankyou.html b/fomular_bsp_email/templates/thankyou.html
new file mode 100644
index 0000000..597fbbe
--- /dev/null
+++ b/fomular_bsp_email/templates/thankyou.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>Danke!</title>
+</head>
+<body>
+    <h1>Danke für deine Nachricht, {{ name }}!</h1>
+    <a href="{{ url_for('home') }}">Zurück zur Startseite</a>
+</body>
+</html>
diff --git a/test1/app.py b/test1/app.py
new file mode 100644
index 0000000..4352409
--- /dev/null
+++ b/test1/app.py
@@ -0,0 +1,9 @@
+from flask import Flask, render_template
+
+app = Flask(__name__)
+
+@app.route('/', methods=['GET'])
+def home():
+    return render_template('index.html')
+
+app.run(host='0.0.0.0', port=5000, debug=True)
diff --git a/test1/static/style.css b/test1/static/style.css
new file mode 100644
index 0000000..4333ee6
--- /dev/null
+++ b/test1/static/style.css
@@ -0,0 +1,24 @@
+h1 {
+    color: rgb(22, 156, 145);
+}
+
+progress {
+    width: 100%;
+    height: 20px;
+    background-color: #f3f3f3;
+    border-radius: 5px;
+    overflow: hidden;
+}
+
+header {
+    background-color: grey ;
+    opacity:0.75;
+    padding: 20px;
+    text-align: center;
+    border-bottom: 10px solid #c50909;
+    
+}
+
+body{
+    background-color:khaki;
+}
\ No newline at end of file
diff --git a/test1/templates/index.html b/test1/templates/index.html
new file mode 100644
index 0000000..13dc4e4
--- /dev/null
+++ b/test1/templates/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport">
+    <title>Testseite</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+</head>
+<body>
+    <header>
+        <nav>
+            <ul>
+                <li>
+                    Start
+                </li>
+                <li>
+                    Kontakte
+                </li>
+                <li>
+                    Konto
+                </li>
+            </ul>
+        </nav>
+    </header>
+    <h1>Willkommen auf unserer Testseite</h1>
+    <p>Auf dieser Website machen wir viel <span style="color: red; font-weight: bold;">Quatsch</span> und Blödsinn zum testen.</p>
+    <h2>Fortschritt der Website</h2>
+    <p><progress value="5" max="100"></progress></p>
+</body>
+</html>
+
+
diff --git a/würfel/__pycache__/simulation.cpython-311.pyc b/würfel/__pycache__/simulation.cpython-311.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..64df7fb940c2b8daf6dc184397c19347ead4c491
GIT binary patch
literal 385
zcmZ3^%ge<81T1VX(!GK7V-N=h7@>^MJV3^Dh7^VthA4&<#$X0brev5J5X}O_%s~8E
z4M+ghF{Uu(Fyu1UGB7eQG1M@mFsHCAV`5-f4a5)tG=bIcC5XL}@fLegVqQvSUdc<4
zbuZa~geKE1HjrR`ZV@YxTLdz{7$mFk)e1;DTg8MHrxq2*lq8jwq{g^=hQzz&7p13W
z<;Rqy7MH{)7NsV}lpo$xl$M$kQ=FMwnv+<PnV+XuQ2B)es2wVkR|N7n$kbvLAkn~Z
zgGKHFD!Rcf)L}lsa6)3IZIA5*7KzV5bqs!*j9{HB8H%`p+#*gO@r%PIH$SB`C)KWq
c7sv%0DhFhIU}j`w{J_M-DEWZ_lK|@n03bM3Q2+n{

literal 0
HcmV?d00001

diff --git a/würfel/app.py b/würfel/app.py
new file mode 100644
index 0000000..8f513c7
--- /dev/null
+++ b/würfel/app.py
@@ -0,0 +1,14 @@
+from flask import Flask, render_template
+import simulation  # <– eigene Logik einbinden
+
+app = Flask(__name__)
+
+@app.route('/')
+def index():
+    zahl = simulation.würfeln()
+    return render_template('index.html', zahl=zahl)
+
+
+
+if __name__ == '__main__':
+    app.run(host='0.0.0.0', port=5000, debug=True, use_reloader=False)
diff --git a/würfel/simulation.py b/würfel/simulation.py
new file mode 100644
index 0000000..8e7c5ef
--- /dev/null
+++ b/würfel/simulation.py
@@ -0,0 +1,3 @@
+def würfeln():
+    from random import randint
+    return randint(1, 6)
diff --git a/würfel/templates/index.html b/würfel/templates/index.html
new file mode 100644
index 0000000..f975acf
--- /dev/null
+++ b/würfel/templates/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <title>Würfelspiel</title>
+</head>
+<body>
+    <h1>Du hast eine {{ zahl }} gewürfelt!</h1>
+    <a href="/">Nochmal würfeln</a>
+</body>
+</html>