vanilla

Kezdés a vanilla sablonnal

Áttekintés

A Vanilla keretrendszer egy egyszerű HTML, CSS, JavaScript és PHP projekt sablon. Tiszta kiindulópontot biztosít nehéz keretrendszerek nélkül, teljes irányítást adva a kódstruktúra felett.

Kezdés

A repository klónozása után azonnal elkezdheti a munkát:

1

Repository Klónozása

A projekt azonnal használatra kész a klónozás után.

2

Adatbázis Beállítása (Opcionális)

Ha PHP-t használ MySQL-lel, frissítse az adatbázis hitelesítő adatait a PHP fájlokban.

$host = 'az-ön-hostja';
$dbname = 'az-ön-adatbázisa';
$username = 'az-ön-felhasználóneve';
$password = 'az-ön-jelszava';
3

Fejlesztés Indítása

Szerkessze közvetlenül a HTML, CSS, JavaScript és PHP fájlokat.

Projekt Struktúra

├── index.html          # Fő HTML fájl
├── css/
│   └── style.css       # Stíluslapok
├── js/
│   └── script.js       # JavaScript fájlok
├── php/
│   └── api.php         # PHP backend fájlok
├── images/             # Kép erőforrások
└── README.md           # Projekt dokumentáció

Kulcstechnológiák

HTML5

Strukturálja weboldalait szemantikus HTML elemekkel.

CSS3

Formázza oldalait modern CSS funkciókkal, mint a Flexbox és Grid.

JavaScript

Adjon interaktivitást vanilla JavaScript-tel - könyvtárak nem szükségesek.

PHP

Építsen backend funkcionalitást PHP-vel szerveroldali feldolgozáshoz.

Adatbázis Kapcsolat (PHP)

<?php
$host = 'localhost';
$dbname = 'adatbazis_nev';
$username = 'felhasznalonev';
$password = 'jelszo';

try {
    $pdo = new PDO("mysql:host=$host;dbname=$dbname", $username, $password);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch(PDOException $e) {
    die("Kapcsolódás sikertelen: " . $e->getMessage());
}
?>
További információkért látogasson el az MDN Web Docs oldalra HTML, CSS és JavaScript dokumentációért.