vanilla
Überblick
Das Vanilla-Framework ist eine einfache HTML-, CSS-, JavaScript- und PHP-Projektvorlage. Es bietet einen sauberen Ausgangspunkt ohne schwere Frameworks und gibt Ihnen volle Kontrolle über Ihre Codestruktur.
Erste Schritte
Nach dem Klonen Ihres Repositories können Sie sofort loslegen:
Repository Klonen
Ihr Projekt ist nach dem Klonen sofort einsatzbereit.
Datenbank Konfigurieren (Optional)
Bei Verwendung von PHP mit MySQL aktualisieren Sie die Datenbank-Anmeldedaten in Ihren PHP-Dateien.
$host = 'ihr-host';
$dbname = 'ihre-datenbank';
$username = 'ihr-benutzername';
$password = 'ihr-passwort';Entwicklung Starten
Bearbeiten Sie HTML-, CSS-, JavaScript- und PHP-Dateien direkt.
Projektstruktur
├── index.html # Haupt-HTML-Datei
├── css/
│ └── style.css # Stylesheets
├── js/
│ └── script.js # JavaScript-Dateien
├── php/
│ └── api.php # PHP-Backend-Dateien
├── images/ # Bild-Assets
└── README.md # Projektdokumentation
Wichtige Technologien
HTML5
Strukturieren Sie Ihre Webseiten mit semantischen HTML-Elementen.
CSS3
Gestalten Sie Ihre Seiten mit modernen CSS-Features wie Flexbox und Grid.
JavaScript
Fügen Sie Interaktivität mit Vanilla JavaScript hinzu - keine Bibliotheken erforderlich.
PHP
Erstellen Sie Backend-Funktionalität mit PHP für serverseitige Verarbeitung.
Datenbankverbindung (PHP)
<?php
$host = 'localhost';
$dbname = 'datenbankname';
$username = 'benutzername';
$password = 'passwort';
try {
$pdo = new PDO("mysql:host=$host;dbname=$dbname", $username, $password);
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch(PDOException $e) {
die("Verbindung fehlgeschlagen: " . $e->getMessage());
}
?>