Hallo!

BrainTech - Softwarelösungen, Webdesign und Anwendungen.

Modul 1 – Einführung in die Webentwicklung Lektion

Wie eine Webanwendung funktioniert

Der Weg vom Klick zur Antwort

Jede moderne Webanwendung folgt dem gleichen Grundablauf: Der Benutzer im Browser sendet eine HTTP-Anfrage, der Webserver (Apache/Nginx) leitet die Anfrage an den PHP-Interpreter weiter, PHP liest bei Bedarf Daten aus der MySQL-Datenbank oder schreibt sie hinein und generiert dann eine Antwort, die der Server an den Browser zurückgibt. Das Verständnis dieser Kette hilft beim Debugging und beim Architekturdesign.

Browser

Zeigt HTML/CSS/JS an und sendet GET/POST-Anfragen an eine URL (z. B. /login.php). Developer Tools (F12) zeigen Netzwerk, Fehler und Serverantworten.

Server

Apache aus dem XAMPP-Paket mappt den htdocs-Ordner auf die Domain localhost. Das PHP-Modul verarbeitet .php-Dateien, bevor etwas an den Client gesendet wird.

Datenbank

MySQL speichert dauerhafte Daten: Benutzer, Bestellungen, Beiträge. PHP verbindet sich über die PDO- oder mysqli-Erweiterung.

Browser  --GET /products.php-->  Apache
Apache  --execute-->  PHP
PHP     --SELECT * FROM products-->  MySQL
MySQL   --rows-->  PHP  --HTML-->  Browser

Anfrage in Developer Tools verfolgen

Öffnen Sie eine beliebige .php-Datei, drücken Sie F12 → Network, aktualisieren Sie die Seite und klicken Sie auf die Anfrage. Prüfen Sie den Statuscode (200), den Antworttyp und die Ladezeit. Wenn Sie später eine MySQL-Abfrage hinzufügen, steigt die Antwortzeit – das ist ein normales Signal, die Abfrage zu optimieren.

Mini-Ablaufdiagramm

1. Browser šalje HTTP zahtev
2. Apache prosleđuje PHP fajl interpreteru
3. PHP (opciono) čita/piše u MySQL
4. PHP echo-om gradi HTML
5. Apache vraća HTML browseru
Design Wireframe
High Fidelity Design
Design development
Design development
Design development
Research development