Egyszerű bejelentkezés készítése PHP-val

Egyszerű bejelentkezés készítése PHP-val

Ebben a példában egy nagyon egyszerű bejelentkezés található

Haszontalannak jelölve: 1
Hasznosnak jelölve: 0
Kulcsszavak: php, bejelentkezés, login, egyszerű
Elérhető: Nem érhető el

Ebben a példában a lehető legegyszerűbb módon készítünk egy formot amelyet felhasználhatunk bejelentkezéshez.

Ehhez szükségünk van HTML-re, PHP-ra és esetleg egy kevés CSS-re, hogy nézhető formában tegyük ki az elemeket.

Az elképzelés a következő:

  • - ha a felhasználó küldött adatokat, ellenőrizzük, hogy azok megfelelőek vagy nem
  • - ha az adatok megfelelőek voltak, kiírjuk, hogy sikeresen bejelentkezett
  • - ha nem jöttek adatok, vagy hibás adatok jöttek, kitesszük a formot az újra próbálkozáshoz

1. Hozzunk létre egy "index.php" nevű fájlt.

2. Tegyük bele a <body> és a </body> tagok közé az alábbi formot:

 

Forráskód mutatása

Ennek a formnak a segítségével ha beírunk bármit a megadott mezőkbe és megnyomjuk a "Bejelentkezés" gombot, akkor azt elküldjük az oldalnak, és így megpróbálhatunk bejelentkezni.

3. Az adatok elküldése után most szükségünk van arra, hogy ezt ellenőrizzük.

Az ellenőrzést a példa elején leírt lista alapján a form kirakása előtt kell ellenőrizni, az alábbi módon:


    <?php
    // Ha elküldtük a formba beírt adatokat, így nem üres a $_POST
    if( ! empty( $_POST ) )
    {
        // Ha valamelyik mező üres, hiba üzenetet adunk
        if( empty( $_POST["username"] ) || empty( $_POST["password"] ) )
        {
            echo "<p>Minden mező kitöltése kötelező!</p>";
        }
        // Ha a felhasználó név és a jelszó megfelelő
        elseif( $_POST["username"] == "teszt" && $_POST["password"] == "123456" )
        {
            echo "<h2>Sikeresen bejelentkeztél!</h2>";
        }
    }
    ?>

A fenti kódot beillesztve a form elé, az adatok elküldése után az alábbi 2 üzenet közül az egyiket fogjuk kapni

  • - Minden mező kitöltése kötelező!
  • - Sikeresen bejelentkeztél!

A "Sikeresen bejelentkeztél!" üzenethez használjuk a következő adatokat:

Felhasználó név: teszt
Jelszó: 123456

4. Ha szeretnénk hogy a form ne jelenjen meg amikor helyes adatokat írunk be, akkor egy új változó segítségével könnyen megvalósíthatjuk az alábbi módon:


    <?php
    // Elrejtjük a formot? Alapértékként: "NEM", hogy jelenjen meg a form
    $hide_form = FALSE;

    // Ha elküldtük a formba beírt adatokat, így nem üres a $_POST
    if( ! empty( $_POST ) )
    {
        // Ha valamelyik mező üres, hiba üzenetet adunk
        if( empty( $_POST["username"] ) || empty( $_POST["password"] ) )
        {
            echo "<p>Minden mező kitöltése kötelező!</p>"
        }
        // Ha a felhasználó név és a jelszó megfelelő
        elseif( $_POST["username"] == "teszt" && $_POST["password"] == "123456" )
        {
            // Megváltoztatjuk az értékét igaz-ra, hogy a form ne jelenjen meg
            $hide_form = TRUE;

            echo "<h2>Sikeresen bejelentkeztél!</h2>"
        }
    }

    if( empty( $hide_form ) )
    {
    ?>
        <form action="" method="POST" class="form_login margin-center">
            <div>
                <label>Felhasználó név</label>
                <input type="text" name="username" value="" />
            </div>

            <div>
                <label>Jelszó</label>
                <input type="password" name="password" value="" />
            </div>

            <div class="buttons">
                <input type="submit" name="submit" value="Bejelentkezés" />
            </div>
        </form>
    <?php
    }
    ?>

A példa és a benne szereplő kódok letölthetőek a jobb oldalon található link segítségével

Hasonló példák