{"id":114,"date":"2025-06-27T07:34:40","date_gmt":"2025-06-27T07:34:40","guid":{"rendered":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/?p=114"},"modified":"2025-06-27T07:34:40","modified_gmt":"2025-06-27T07:34:40","slug":"web-formular-datenbank","status":"publish","type":"post","link":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/?p=114","title":{"rendered":"Web-Formular Datenbank"},"content":{"rendered":"\n

Aufgabenstellung:<\/strong> Erstelle ein HTML-Formular auf Basis php (Dateiname: schulfest.php) zur Anmeldung zum HAK-Schulabschlussfest am 04.07.2025.  Es findet am Vorplatz der HAK statt. Eintritt freiwillige Spenden. Ganz oben stehen ein Bild und eine passende \u00dcberschrift (mit deinem Namen als Festorganisator!) sowie eine kurze Beschreibung des Festes. Darunter kommt das Formular. Zu erfassen sind Vorname, Zuname, Klasse, Alter in Jahren (wegen Alkoholkonsum-Erlaubnis) und Email. Vielleicht schaffst du bei Alter und Email sogar eine Validierung, dh dass dort nur Zahlen bzw. g\u00fcltige Mail-Adressen eingegeben werden k\u00f6nnen.<\/p>\n\n\n\n

Dieses Formular wird mit POST versendet und geht am Server an die Datei anmeldungschulfest.php. Da erfolgt der Eintrag in die Datenbank – siehe unten. Weitere Datei teilnehmerliste.php: Hier sollen die eingegebenen Daten, dh die angemeldeten Teilnehmer, in Tabellenform aufgelistet werden. Achte auch auf eine sch\u00f6ne Formatierung. Bedanke dich auch f\u00fcr die Anmeldung.<\/p>\n\n\n\n

Zus\u00e4tzlich sollen die Daten in eine Datenbanktabelle namens “Schulfest” am HAK-Server eingetragen werden. <\/p>\n\n\n\n

Achte auch auf eine ansprechende Formatierung mit CSS.<\/p>\n\n\n\n

Abgabe der zwei URLs (f\u00fcr das Anmeldeformular und f\u00fcr die Anmeldeliste) auf deinem HAK-Webspace.<\/p>\n\n\n\n

Ich habe ein vollst\u00e4ndiges Webformular mit PHP programmiert, das eine Anmeldung zum HAK-Schulabschlussfest am 04.07.2025<\/strong> erm\u00f6glicht. Die Teilnehmerdaten (Name, Klasse, Alter, E-Mail) werden dabei direkt in eine MySQL-Datenbank<\/strong> gespeichert. Zus\u00e4tzlich wird eine Teilnehmerliste angezeigt.<\/p>\n\n\n\n

\n\n\n\n

Technologien<\/strong><\/h2>\n\n\n\n
    \n
  • HTML<\/strong> und CSS<\/strong> f\u00fcr das Anmeldeformular<\/li>\n\n\n\n
  • PHP<\/strong> zur Datenverarbeitung und zum Speichern in die Datenbank<\/li>\n\n\n\n
  • MySQL (phpMyAdmin)<\/strong> zur Verwaltung der Anmeldungen<\/li>\n\n\n\n
  • XAMPP<\/strong> als lokaler Webserver<\/li>\n<\/ul>\n\n\n\n
    \n\n\n\n

    Schritt-f\u00fcr-Schritt Umsetzung<\/strong><\/h2>\n\n\n\n

    1. Vorbereitung<\/strong><\/h3>\n\n\n\n
      \n
    • XAMPP installiert und gestartet (Apache<\/code> + MySQL<\/code>)<\/li>\n\n\n\n
    • Im Browser http:\/\/localhost\/phpmyadmin<\/code> ge\u00f6ffnet<\/li>\n\n\n\n
    • Datenbank mit dem Namen joomla6<\/code> erstellt<\/li>\n\n\n\n
    • Tabelle anmeldungen<\/code> in joomla6<\/code> mit folgendem SQL-Befehl erstellt:<\/li>\n<\/ul>\n\n\n\n
      sqlKopierenBearbeitenCREATE TABLE anmeldungen (\n    id INT AUTO_INCREMENT PRIMARY KEY,\n    vorname VARCHAR(100),\n    zuname VARCHAR(100),\n    klasse VARCHAR(50),\n    alter INT,\n    email VARCHAR(255),\n    anmeldedatum TIMESTAMP DEFAULT CURRENT_TIMESTAMP\n);\n<\/code><\/pre>\n\n\n\n
      \n\n\n\n
       2. Anmeldeformular mit PHP (schulfest.php)<\/strong><\/h3>\n\n\n\n
        \n
      • HTML-Formular erstellt mit folgenden Feldern:\n
          \n
        • Vorname<\/li>\n\n\n\n
        • Zuname<\/li>\n\n\n\n
        • Klasse<\/li>\n\n\n\n
        • Alter (validiert als Zahl)<\/li>\n\n\n\n
        • E-Mail (validiert)<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • Eingaben werden per POST<\/code> an sich selbst gesendet<\/li>\n\n\n\n
        • PHP-Skript speichert die Daten in die Datenbank<\/li>\n<\/ul>\n\n\n\n
          Datei: schulfest.php<\/code>
          Ort: htdocs\/schulfest\/<\/code> (XAMPP-Verzeichnis)<\/p>\n\n\n\n
          Wichtig: Bild (festbild.jpg<\/code>) wurde im gleichen Ordner gespeichert.<\/p>\n\n\n\n
          \n\n\n\n
          3. Teilnehmeranzeige (teilnehmer.php)<\/strong><\/h3>\n\n\n\n
            \n
          • PHP-Seite erstellt, die alle gespeicherten Anmeldungen aus der Tabelle anmeldungen<\/code> ausliest und \u00fcbersichtlich in einer HTML-Tabelle darstellt.<\/li>\n\n\n\n
          • Teilnehmerdaten werden nach Anmeldedatum sortiert.<\/li>\n<\/ul>\n\n\n\n
             Datei: teilnehmer.php<\/code>
             Ort: htdocs\/schulfest\/<\/code><\/p>\n\n\n\n
            \n\n\n\n
             4. Test & Validierung<\/strong><\/h3>\n\n\n\n
              \n
            • Webseite im Browser ge\u00f6ffnet:
              http:\/\/localhost\/schulfest\/schulfest.php<\/code><\/li>\n\n\n\n
            • Formulareingaben getestet (auch ung\u00fcltige E-Mails, falsches Alter)<\/li>\n\n\n\n
            • \u00dcber http:\/\/localhost\/schulfest\/teilnehmer.php<\/code> die gespeicherten Daten kontrolliert<\/li>\n\n\n\n
            • Zus\u00e4tzlich in phpMyAdmin<\/strong> die Tabelle anmeldungen<\/code> ge\u00f6ffnet und \u00fcberpr\u00fcft<\/li>\n<\/ul>\n\n\n\n
              \n\n\n\n
              Ergebnis<\/strong><\/h2>\n\n\n\n
              Ich habe eine vollst\u00e4ndige Mini-Webanwendung mit Formular, Datenverarbeitung und Datenanzeige umgesetzt. Besucher k\u00f6nnen sich damit selbstst\u00e4ndig zum Schulabschlussfest anmelden, und die Daten werden sicher in der Datenbank gespeichert.<\/p>\n\n\n\n
              \n\n\n\n
              Gelernt \/ Kompetenzen<\/strong><\/h2>\n\n\n\n
                \n
              • Verbindung zwischen PHP und MySQL herstellen<\/li>\n\n\n\n
              • Formulardaten mit Validierung sicher verarbeiten<\/li>\n\n\n\n
              • HTML + CSS zur Gestaltung verwenden<\/li>\n\n\n\n
              • Datenbankabfragen (SELECT, INSERT)<\/li>\n\n\n\n
              • phpMyAdmin nutzen zur Kontrolle und Verwaltung<\/li>\n<\/ul>\n\n\n\n
                \n\n\n\n
                Screenshot <\/strong><\/h2>\n\n\n\n
                \"\"<\/figure>\n\n\n\n
                <\/p>\n\n\n\n
                  \n
                • Anmeldeformular (Browseransicht)<\/li>\n\n\n\n
                • Teilnehmerliste (Browseransicht)<\/li>\n\n\n\n
                • Tabelle in phpMyAdmin<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
                  Aufgabenstellung: Erstelle ein HTML-Formular auf Basis php (Dateiname: schulfest.php) zur Anmeldung zum HAK-Schulabschlussfest am 04.07.2025.  Es findet am Vorplatz der HAK statt. Eintritt freiwillige Spenden. Ganz oben stehen ein Bild und eine passende \u00dcberschrift (mit deinem Namen als Festorganisator!) sowie eine kurze Beschreibung des Festes. Darunter kommt das Formular. Zu erfassen sind Vorname, Zuname, Klasse, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-114","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/posts\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=114"}],"version-history":[{"count":1,"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/posts\/114\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=\/wp\/v2\/posts\/114\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/manuel.schwitzer.pages.hak-schwaz.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}