Inhaltsverzeichnis

Setup
Datenbanken
PHP

Setup

1 XAMPP Installieren

XAMPP von https://www.apachefriends.org/de/index.html herunterladen und installieren.
XAMPP starten und Apache und MySQL starten.

2 MySQL Workbench Installieren

MySQL Workbench von https://dev.mysql.com/downloads/workbench/ herunterladen und installieren. (Workbench Community)

3 Visual Studio Code Installieren

Visual Studio Code von https://code.visualstudio.com/ herunterladen und installieren.

Datenbanken

1. Connection zur Datenbank herstellen

In XAMPP den MySQL Server starten
In MySQL Workbench auf das "+" klicken und eine neue Verbindung erstellen.
Hostname: localhost, Port: 3306, Username: root, Password: leer lassen.
Auf Test Connection klicken und wenn die Verbindung erfolgreich ist auf OK klicken.

2. ER Modell Erstellen

In MySQL Workbench auf File -> New Model klicken.
Auf "New Diagram" klicken und ein neues Diagramm erstellen.
In der linken Sidebar auf "mydb" rechtsklicken und auf "Edit Schema" klicken, gib der Datenbank einen passenden Namen. Jetzt kannst du Tabellen erstellen und Beziehungen zwischen den Tabellen erstellen.

3. SQL Script Erstellen

In MySQL Workbench auf Database -> Forward Engineer klicken.
Drücke so lange "Next" bis du beim Script bist.
Achte jetzt auf den Schema Namne ob alles passt, und entferne alle "VISIBLE" texte von dem Script, mit einem externen Tool wie z.B. Visual Studio Code.
Füge jetzt das Script ohne "VISIBLE" in MySQL Workbench ein und führe es aus.

PHP

Beispiele

Beispielcode für eine einfache PHP Anwendung: DanielWTE/PHP-User-Crud-Example

Code mit einer Suche und anderen Funktionen: Edoo1709/Lap-Hilfe

Noch ein gutes Beispiel: Cryowa/Lap

1. VS Code Extensions

Diese Extensions können über den Extensions Tab in Visual Studio Code installiert werden, einfach den Namen eingeben und auf Installieren klicken.

2. Projekt Setup

In Visual Studio Code auf File -> Open Folder -> <C:\xampp\htdocs> navigieren und den Ordner "htdocs" auswählen.

Du kannst alle Dateien die da drin sind löschen, damit wir einen leeren HTDOCS Ordner haben.

3. Projekt Basis Erstellen

In Visual Studio Code erstellst du jetzt via Rechtsklick im leeren HTDOCS Ordner eine neue Datei mit dem Namen "config.php".
In dieser Datei fügst du folgenden Code ein:

<?php
$host = 'localhost';
$db = 'dbname';
$user = 'root';
$password = '';
$dsn = "mysql:host=$host;dbname=$db";
try {
    $pdo = new PDO($dsn, $user, $password);
} catch (PDOException $e) {
    echo 'Connection failed: ' . $e->getMessage();
}

?>

Dieser Code verbindet dich mit der Datenbank. Du musst die Variablen $db, $user und $password anpassen. $db ist der Name der Datenbank, $user ist der Benutzername und $password ist das Passwort.

Jetzt erstellst du eine neue Datei mit dem Namen "index.php". Das wird unsere Startseite.

Du kannst in VSCode wenn du ein "!" + Tab drückst, automatisch eine HTML Struktur erstellen lassen.

Du kannst jetzt je nach Usecase diese Datei mit HTMl Füllen, und z.B. Buttons oder Links einfügen. Hier ein Beispiel:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Willkommen auf der Startseite</h1>
</body>
</html>

Jetzt kannst du die Datei speichern und im Browser öffnen. Dazu musst du in der URL "localhost/index.php" eingeben.
Wenn du die Startseite siehst, hast du alles richtig gemacht.

4. Daten mit PDO aus der Datenbank abrufen und in einer Tabelle anzeigen

Erstelle eine neue Datei mit dem Namen "show.php".
Füge folgenden Code ein:

<?php
require_once 'config.php';

$sql = "SELECT * FROM users";
$stmt = $pdo->prepare($sql);
$users = $stmt->fetchAll();

?>

... HTML Code ...

<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach($users as $user): ?>
            <tr>
                <td><?php echo $user['id']; ?></td>
                <td><?php echo $user['name']; ?></td>
            </tr>
        <?php endforeach; ?>
    </tbody>
</table>

In dieser Datei verbinden wir uns mit der Datenbank und holen uns alle User aus der Tabelle "users". Diese Daten werden dann in einer Tabelle angezeigt.

$sql

DanielWTE/php-sql-xampp-tutorial