vanilla

Darba sākšana ar vanilla

Pārskats

Vanilla ietvars ir vienkāršs HTML, CSS, JavaScript un PHP projekta veidne. Tas nodrošina tīru sākumpunktu bez smagiem ietvariem, dodot jums pilnu kontroli pār koda struktūru.

Darba Sākšana

Pēc repozitorija klonēšanas varat nekavējoties sākt strādāt:

1

Klonējiet Repozitoriju

Jūsu projekts ir gatavs lietošanai pēc klonēšanas.

2

Konfigurējiet Datubāzi (Neobligāti)

Ja izmantojat PHP ar MySQL, atjauniniet datubāzes akreditācijas datus savos PHP failos.

$host = 'jūsu-serveris';
$dbname = 'jūsu-datubāze';
$username = 'jūsu-lietotājvārds';
$password = 'jūsu-parole';
3

Sāciet Izstrādi

Rediģējiet HTML, CSS, JavaScript un PHP failus tieši.

Projekta Struktūra

├── index.html          # Galvenais HTML fails
├── css/
│   └── style.css       # Stilu lapas
├── js/
│   └── script.js       # JavaScript faili
├── php/
│   └── api.php         # PHP backend faili
├── images/             # Attēlu resursi
└── README.md           # Projekta dokumentācija
        

Galvenās Tehnoloģijas

HTML5

Strukturējiet savas tīmekļa lapas ar semantiskiem HTML elementiem.

CSS3

Veidojiet stilu lapām ar modernām CSS funkcijām kā Flexbox un Grid.

JavaScript

Pievienojiet interaktivitāti ar tīru JavaScript - bibliotēkas nav nepieciešamas.

PHP

Veidojiet backend funkcionalitāti ar PHP servera puses apstrādei.

Datubāzes Savienojums (PHP)

<?php
$host = 'localhost';
$dbname = 'datubāzes_nosaukums';
$username = 'lietotājvārds';
$password = 'parole';

try {
    $pdo = new PDO("mysql:host=$host;dbname=$dbname", $username, $password);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch(PDOException $e) {
    die("Savienojums neizdevās: " . $e->getMessage());
}
?>
Plašākai informācijai apmeklējiet MDN Web Docs HTML, CSS un JavaScript dokumentācijai.