Vianoce sú obdobím radosti a kreativity. Ak hľadáš zábavný projekt, ktorý ťa dostane do sviatočnej nálady a zároveň záujme tvojich známych, mám pre teba skvelý nápad. Naprogramuj si vlastný Vianočný generátor vinšov! Tento projekt je jednoduchý a zároveň šikovný – poskytne ti praktickú ukážku, ako kombinovať PHP so súčinnými a náhodnými prvkami.
Ako generátor funguje?
Generátor vianočných vinšov funguje tak, že kombinuje predpripravené texty na základe jednoduchého algoritmu. Používateľ klikne na tlačidlo, a PHP skript vygeneruje nový, originálny vinš. Tento vinš môže použiť na vianočné pohľadnice, SMS alebo e-maily.
Potrebné nástroje
- Webový server s podporou PHP (napríklad XAMPP alebo LAMP).
- Textový editor (napríklad Visual Studio Code).
- Základné znalosti PHP a HTML.
Kód PHP generátora
Tu je plný kód pre tvoj vianočný generátor, ktorý využíva vlastnú lokálnu databázu vinšov uloženú vo formáte JSON:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 |
<!DOCTYPE html> <html lang="sk"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vianočný generátor vinšov</title> <style> body { font-family: Arial, sans-serif; text-align: center; background-color: #f5f5f5; color: #333; margin: 0; padding: 20px; } .container { max-width: 600px; margin: auto; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } button { background-color: #ff5722; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 16px; } button:hover { background-color: #e64a19; } .result { margin-top: 20px; font-size: 18px; font-weight: bold; color: #2e7d32; } </style> </head> <body> <div class="container"> <h1>Vianočný generátor vinšov</h1> <p>Klikni na tlačidlo nižšie a nechaj si vygenerovať originálny vianočný vinš!</p> <form method="post"> <button type="submit" name="generate">Vygenerovať vinš</button> </form> <div class="result"> <?php if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['generate'])) { $jsonFilePath = __DIR__ . '/vinse.json'; // Cesta k lokálnemu JSON súboru s vinšmi if (file_exists($jsonFilePath)) { $response = file_get_contents($jsonFilePath); $greetings = json_decode($response, true); if (is_array($greetings) && count($greetings) > 0) { $randomIndex = array_rand($greetings); echo htmlspecialchars($greetings[$randomIndex]); } else { echo "Ospravedlňujeme sa, momentálne nemáme dostupné vinše."; } } else { echo "Chyba: Súbor s vinšmi neexistuje."; } } ?> </div> </div> </body> </html> |
Ako kód funguje?
- HTML časť: Zabezpečuje vzhľad stránky, tlačidlo a kontajner pre vygenerovaný vinš.
- PHP: Načíta vinše z lokálneho JSON súboru uloženého v rovnakom adresári ako skript.
- Skript: Vyberie náhodný vinš zo zoznamu a zobrazí ho používateľovi.
- CSS: Pridáva štýl a sviatočnú atmosféru dizajnu.
Ako to použiť?
- Skopíruj kód do textového editora a ulož ho ako
generator.php. - Vytvor nový súbor
vinse.jsonv rovnakom priečinku a naplň ho vlastnými vinšmi vo formáte JSON. Príklad obsahu:
|
1 2 3 4 5 6 7 |
[ "Prajem ti pokoj a pohodu v kruhu najbližších!", "Nech Vianoce prinesú do tvojho života radosť a lásku!", "Nech svetlo vianočných sviečok ožiari tvoje dni!", "Nech ti čas Vianoc naplní srdce hrejivými spomienkami!", "Prajem ti bohatú vianočnú nádielku a splnené sny!" ] |
- Umiestni oba súbory na server (napríklad do priečinka
htdocsv XAMPP). - Otvor prehliadač a navštív adresu
http://localhost/generator.php. - Klikni na tlačidlo a vychutnaj si vianočnú magickú zábavu!
Záver
Tento projekt je výborný pre začiatočníkov i pokročilých. Ponúka zábavu, praktickú tvorbu a možnosť zdieľať vianočnú radosť s ostatnými. Príjemné kódovanie a šťastné Vianoce! ?
Ako kód funguje?
- HTML časť: Zabezpečuje vzhľad stránky, tlačidlo a kontajner pre vygenerovaný vinš.
- PHP: Načíta vinše z lokálneho JSON súboru uloženého v rovnakom adresári ako skript.
- Skript: Vyberie náhodný vinš zo zoznamu a zobrazí ho používateľovi.
- CSS: Pridáva štýl a sviatočnú atmosféru dizajnu.
Ako to použiť?
- Skopíruj kód do textového editora a ulož ho ako
generator.php. - Vytvor nový súbor
vinsy.jsonv rovnakom priečinku a naplň ho vlastnými vinšmi vo formáte JSON. Príklad obsahu:
|
1 2 3 4 5 6 7 |
[ "Prajem ti pokoj a pohodu v kruhu najbližších!", "Nech Vianoce prinesú do tvojho života radosť a lásku!", "Nech svetlo vianočných sviečok ožiari tvoje dni!", "Nech ti čas Vianoc naplní srdce hrejivými spomienkami!", "Prajem ti bohatú vianočnú nádielku a splnené sny!" ] |
- Umiestni oba súbory na server (napríklad do priečinka
htdocsv XAMPP). - Otvor prehliadač a navštív adresu
http://localhost/generator.php. - Klikni na tlačidlo a vychutnaj si vianočnú magickú zábavu!
- Prípadne klikni sem a uži si už pripravený Vianočný generátor vinšov.
Záver
Tento projekt je výborný pre začiatočníkov i pokročilých. Ponúka zábavu, praktickú tvorbu a možnosť zdieľať vianočnú radosť s ostatnými. Príjemné kódovanie a šťastné Vianoce! ?
