1 von 16

Grundlagen · Kapitel 1 von 16

PHP · MySQL · HTML/CSS – Schritt für Schritt

Tutorial

Webshop bauen mit PHP, MySQL & HTML/CSS

Dieses Tutorial baut einen kompletten Webshop – ohne Framework, ohne Composer, ohne Libraries. Nur PHP (mit PDO), MySQL/MariaDB und pures HTML/CSS.

Ziel ist: nach Durcharbeit hast du einen funktionierenden Shop mit Registrierung, Login, Produktliste mit Kategorien, Warenkorb, Admin-Bereich mit Produktverwaltung und Statistiken. Fokus liegt auf Funktion und Sicherheit, nicht auf Aussehen.

Was am Ende steht

  • Registrierung & Login mit gehashten Passwörtern (bcrypt)
  • Rollen-System (user / admin)
  • Produktliste mit Kategoriefilter
  • Produktdetailseite
  • Session-basierter Warenkorb
  • Admin-Bereich: Produkte anlegen, freigeben/sperren, löschen
  • Rechnung/Bestellabschluss (druckbar)
  • Statistiken für Admins

Voraussetzungen

Ein LAMP-Stack (Linux/Apache/MySQL/PHP) oder XAMPP. In diesem Tutorial läuft alles unter einem Projektordner namens webshop_otto. Datenbank heißt genauso.

Dateistruktur am Ende
webshop_otto/
  db.php               Verbindung zur DB (überall included)
  register.php         Neue User anlegen
  login.php            Einloggen
  logout.php           Session beenden
  navbar.php           Navigation (überall included)
  index.php            Produktliste (mit Kategoriefilter)
  productdetail.php    Detailseite eines Produkts
  cart_add.php         Produkt in Warenkorb legen
  warenkorb.php        Warenkorb anzeigen
  cart_remove.php      Produkt aus Warenkorb entfernen
  statistiken.php      Admin: Stats + Produktverwaltung
  checkout.php         Bestellung abschließen + Rechnung
  styles.css           Design
Baureihenfolge = Kapitelreihenfolge. Erst DB, dann Verbindung, dann Auth, dann Shop-Frontend, dann Warenkorb, dann Admin. Nach jedem File einmal testen, bevor du weitergehst.

16 Kapitel · ein Projekt

Der Codeinander Lernpfad

DEEN in Vorbereitung

Grundlagen

01GrundlagenIntro & Setup 02GrundlagenDatenbank-Schema 03Grundlagendb.php – Verbindung

Auth

04Authregister.php 05Authlogin.php 06Authlogout.php

Shop

07Shopnavbar.php 08Shopindex.php – Liste 09Shopproductdetail.php

Warenkorb

10Warenkorbcart_add.php 11Warenkorbwarenkorb.php 12Warenkorbcart_remove.php

Admin

13Adminstatistiken.php + Admin 14Admincheckout.php + Rechnung

Referenz

15ReferenzSQL-Cheatsheet 16Referenzzertifizierung-Checkliste