- Főoldal
/
- Példák
/
- Webfejlesztés
/
- PHP
Egyszerű bejelentkezés készítése PHP-val
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:
<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>
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
Részletek
- Megtekintve: 3660
- Haszontalannak jelölve: 1
- Hasznosnak jelölve: 0