Prosta księga gości na stronę

Jeśli zastanawiasz się, jak zrobić prostą księgę gości na swoją stronę internetową, to świetnie trafiłeś. W tym artykule pokażę Ci krok po kroku, jak stworzyć taką funkcjonalność, nawet jeśli dopiero zaczynasz swoją przygodę z tworzeniem stron. Na luzie, bez zbędnego gadania. No to lecimy!

Co to w ogóle jest księga gości?

Księga gości to miejsce na stronie, gdzie odwiedzający mogą zostawić wiadomość, komentarz czy po prostu „hej, tu byłem!”. Może to być forma kontaktu, wyrażenia opinii, albo zwykłego pozostawienia śladu po swojej wizycie.

Dlaczego warto ją mieć na stronie?

Angażujesz odwiedzających – mogą się poczuć częścią Twojej społeczności.
Budujesz wiarygodność – pozytywne wpisy to świetne opinie dla nowych gości.
Dodajesz „ludzki” akcent – strony z księgą gości wydają się bardziej przyjazne.

No dobra, ale jak to zrobić? Pokażę Ci, jak krok po kroku stworzyć prostą księgę gości w HTML, PHP i MySQL. Brzmi strasznie? Spokojnie, wszystko wyjaśnię.

Czego będziesz potrzebować?

Hosting z obsługą PHP i MySQL – większość dostawców to oferuje.
Dostęp do panelu admina MySQL (np. phpMyAdmin).
Edytor kodu – może być coś prostego jak Notepad++ albo VS Code.
Trochę cierpliwości 😉.

Krok 1: Stworzenie bazy danych

Na początek musisz stworzyć bazę danych, gdzie będą przechowywane wpisy.

Zaloguj się do swojego panelu MySQL (np. phpMyAdmin).
Utwórz nową bazę danych, nazwij ją np. ksiega_gosci.
Dodaj tabelę o nazwie wpisy. Kolumny w tabeli:
- id – typ: INT, auto_increment (unikalny identyfikator każdego wpisu).
- imie – typ: VARCHAR(50) (na imię użytkownika).
- wiadomosc – typ: TEXT (na treść wpisu).
- data – typ: TIMESTAMP (data dodania wpisu, ustaw jako domyślnie aktualną).

SQL do utworzenia tabeli wygląda tak:

CREATE TABLE wpisy (
    id INT AUTO_INCREMENT PRIMARY KEY,
    imie VARCHAR(50) NOT NULL,
    wiadomosc TEXT NOT NULL,
    data TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

Gotowe? Super, jedziemy dalej!

Krok 2: Formularz do dodawania wpisów

Teraz musisz dodać formularz na stronę, żeby użytkownicy mogli coś wpisać. Stwórz plik o nazwie index.php i wrzuć do niego taki kod:

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Księga Gości</title>
</head>
<body>
    <h1>Witaj w mojej księdze gości!</h1>
    <form action="dodaj_wpis.php" method="POST">
        <label for="imie">Twoje imię:</label><br>
        <input type="text" id="imie" name="imie" required><br><br>
        <label for="wiadomosc">Twoja wiadomość:</label><br>
        <textarea id="wiadomosc" name="wiadomosc" rows="4" required></textarea><br><br>
        <button type="submit">Dodaj wpis</button>
    </form>

    <h2>Dotychczasowe wpisy:</h2>
    <?php
    // Połączenie z bazą danych
    $conn = new mysqli('localhost', 'root', '', 'ksiega_gosci');
    if ($conn->connect_error) {
        die("Błąd połączenia: " . $conn->connect_error);
    }

    // Pobranie wpisów
    $sql = "SELECT imie, wiadomosc, data FROM wpisy ORDER BY data DESC";
    $result = $conn->query($sql);

    if ($result->num_rows > 0) {
        while ($row = $result->fetch_assoc()) {
            echo "<p><strong>" . htmlspecialchars($row['imie']) . "</strong> (" . $row['data'] . "):<br>" . htmlspecialchars($row['wiadomosc']) . "</p>";
        }
    } else {
        echo "<p>Brak wpisów w księdze gości. Dodaj coś jako pierwszy!</p>";
    }

    $conn->close();
    ?>
</body>
</html>

Ten formularz pozwala użytkownikowi wpisać imię i wiadomość, a potem zapisuje to w bazie.

Krok 3: Obsługa dodawania wpisów

Teraz stwórz plik dodaj_wpis.php, który obsłuży zapisywanie wpisów w bazie danych:

<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $imie = $_POST['imie'];
    $wiadomosc = $_POST['wiadomosc'];

    // Połączenie z bazą danych
    $conn = new mysqli('localhost', 'root', '', 'ksiega_gosci');
    if ($conn->connect_error) {
        die("Błąd połączenia: " . $conn->connect_error);
    }

    // Przygotowanie zapytania
    $stmt = $conn->prepare("INSERT INTO wpisy (imie, wiadomosc) VALUES (?, ?)");
    $stmt->bind_param("ss", $imie, $wiadomosc);

    if ($stmt->execute()) {
        echo "Wpis został dodany!";
    } else {
        echo "Błąd: " . $stmt->error;
    }

    $stmt->close();
    $conn->close();

    // Powrót do formularza
    header("Location: index.php");
    exit;
} else {
    echo "Nieprawidłowe żądanie.";
}
?>

Ten plik odbiera dane z formularza i zapisuje je do bazy. Jeśli wszystko poszło dobrze, użytkownik wraca do strony głównej.

Krok 4: Testowanie

Wrzuć pliki na serwer (np. przez FTP).
Otwórz stronę w przeglądarce.
Sprawdź, czy możesz dodać wpis i czy pojawia się w księdze.

Możliwe ulepszenia

Weryfikacja danych – Dodaj sprawdzanie poprawności wpisów, żeby nie było spamu.
Filtrowanie HTML – Użyłem htmlspecialchars(), żeby zapobiec wstrzyknięciu złośliwego kodu.
Stylizacja – Dodaj CSS, żeby strona wyglądała atrakcyjniej.
Pagniacja – Jeśli wpisów będzie dużo, przyda się podział na strony.

Gotowe! Masz prostą księgę gości, którą możesz wrzucić na swoją stronę. To świetny sposób na zaangażowanie odwiedzających i dodanie interaktywności.