Weblap szerkesztés http://web.segedletek.hu PHP, MYSQL, HTML, CSS Wed, 25 May 2011 17:55:17 +0000 en hourly 1 http://wordpress.org/?v=3.1.2 PHP + MYSQL alapú beléptető rendszer http://web.segedletek.hu/php-mysql-alapu-beleptato-rendszer/ http://web.segedletek.hu/php-mysql-alapu-beleptato-rendszer/#comments Tue, 17 May 2011 10:49:17 +0000 requiem http://web.segedletek.hu/?p=175 A következő segédletben egy PHP + MYSQL alapú beléptető rendszert mutatok be. A script mysql adatbázisban tárolja a felhasználók adatait. Lehetőség van regisztrációra, belépésre, kilépésre, valamint csak regisztrált felhasználóknak elérhető tartalom létrehozására.

Az adatbázis szerkezet így fog kinézni.

CREATE TABLE users(
id INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
nick VARCHAR( 255 ) ,
password VARCHAR( 255 ) ,
email VARCHAR( 255 )
)

A jelszavakat egyirányú md5() függvénnyel hasheljük, valamint hozzá adunk egy privát kulcsot is. Így ha véletlen illetéktelen kezekbe kerül, az adatbázisunk, nem tudnak vele mit kezdeni.

Első lépésben íjuk meg a regisztrációt! register.php

<?php
include "config.php";
include "functions.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
     <link href="layout.css" type="text/css" rel="stylesheet" />
     <title>Regisztráció</title>
</head>
<body>
<?php if(!empty($_GET['ok'])):?>
    Sikeres regisztráció!<br />
    <a href='index.php'>Főoldal</a>
<?php else:?>
<?php
if(!empty($_POST['regisztracio']))
{
    $result   = reg_check($_POST,$conn);
    if ($result === true){
        add_user($_POST,$private_key,$conn);
        header("Location: register.php?ok=1");
    } else {
        echo $result;
    }
}
?>
<form method="post" action="">
    <table>
        <tr>
            <td>Nick:</td>
            <td><input type="text" name="nick" class='reg_input' value='<?php if(!empty($_POST['nick'])){echo $_POST['nick'];}?>'/></td>
        </tr>
        <tr>
            <td>E-mail cím:</td>
            <td><input type="text" name="email" class='reg_input' value='<?php if(!empty($_POST['email'])){echo $_POST['email'];}?>' /></td>
        </tr>
        <tr>
            <td>Jelszó:</td>
            <td><input type="password" name="pass1" class='reg_input' /></td>
        </tr>
        <tr>
            <td>Jelszó mégegyszer:</td>
            <td><input type="password" name="pass2" class='reg_input' /></td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="submit" name="regisztracio" value="regisztrálok" class='reg_button' />
            </td>
        </tr>
    </table>
</form>
<?php endif;?>
</body>
</html>

Ez alapértelmezett állapotban egy regisztrációs űrlap. Ha az űrlapot kitöltötték, akkor a  reg_check() függvény ellenőrzi az adatokat, majd az add_user() függvény beszúrja az új felhasználót. Ekkor eltűnik a form, és egy üzenet jelenik meg, a sikeres regisztrációról. A konfigurációs fájl így néz ki: config.php

<?php
$db_host = "localhost";
$db_user = "root";
$db_pass = "";
$db_name = "segedletek_demok";

$conn = mysql_connect($db_host,$db_user,$db_pass);
mysql_select_db($db_name);
mysql_query("SET NAMES LATIN2");

$private_key = "Ez egy zart kulcs!";

define('ERROR_ALL_MUST',"Minden mező kitőltése kötelező!");
define('ERROR_INVALID_NICK',"Nem megengedett karakterek a nickben!");
define('ERROR_INVALID_EMAIL',"Ez nem egy valós e-mail cím!");
define('ERROR_USED_NICK',"Ez a nick már használatban van!");
define('ERROR_USED_EMAIL',"Ez az e-mail cím már használatban van!");
define('ERROR_PASSWORD_NO_MATCH',"A két jelszó nem egyezik!");
define('ERROR_LOGIN_ERROR',"Hibás név vagy jelszó!");

Itt definiáljuk a mysql kapcsolathoz szükséges dolgokat, a zárt kulcsunkat, valamint a később használatos hibaüzeneteket.

A register.php függvényei a functions.php-ben vannak.

<?php
function reg_check($data,$conn)
{
    if(!all_completed($data)){return ERROR_ALL_MUST;}
    if(!valid_nick($data['nick'])){return ERROR_INVALID_NICK;}
    if(!valid_email($data['email'])){return ERROR_INVALID_EMAIL;}
    if(is_used_nick($data['nick'],$conn)){return ERROR_USED_NICK;}
    if(is_used_email($data['email'],$conn)){return ERROR_USED_EMAIL;}
    if(!password_match($data['pass1'],$data['pass2'])){return ERROR_PASSWORD_NO_MATCH;}

    return true;
}
function all_completed($data)
{
    return (   !empty($data['nick']) &&
               !empty($data['email']) &&
               !empty($data['pass1']));
}
function valid_nick($nick)
{
    return(preg_match("/^[a-zA-Z0-9\-\_áéíóöüóűÁÉÍÓÖÜŐŰ]+$/i",$nick));
}
function valid_email($email)
{
    return filter_var($email, FILTER_VALIDATE_EMAIL);
}
function is_used_nick($nick,$conn)
{
    $sql = "SELECT id FROM users WHERE(`nick` = '{$nick}')";
    return (mysql_num_rows(mysql_query($sql,$conn)) > 0);
}
function is_used_email($email,$conn)
{
    $sql = "SELECT id FROM users WHERE(`email` = '{$email}')";
    return (mysql_num_rows(mysql_query($sql,$conn)) > 0);
}
function password_match($pass1, $pass2)
{
    return $pass1 == $pass2;
}

function add_user($data,$private_key,$conn)
{
    $nick = mysql_real_escape_string($data['nick']);
    $email = mysql_real_escape_string($data['email']);
    $password = md5($data['pass1'].$private_key);

    $sql = "INSERT INTO `users` (
                `nick`,
                `email`,
                `password`
            ) VALUES (
                '{$nick}',
                '{$email}',
                '{$password}'
            )";
    $query = mysql_query($sql,$conn);
}

Ezek egyszerű függvények, nem szorulnak további magyarázatra.

Ha ez megvan, működik a regisztráció, készítsük el a főoldalt index.php :

<?php
include "config.php";
include "functions.php";
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
     <link href="layout.css" type="text/css" rel="stylesheet" />
     <title>Beléptető</title>
</head>
<body>
<?php include "login.php";?>
<p>Bárki láthatja a tartalmat!</p>

<?php if(!empty($_SESSION['login'])):?>
<p>Csak ha belépett</p>
<?php endif;?>
</body>
</html>

A felhasználók kezeléséhez sessiont (munkamenetet) használunk. A lap tetejére meghívjuk a login.php -t

<?php if(empty($_SESSION['login'])):?>
<?php
if(!empty($_POST['login']))
{
    if( validate_user($_POST['nick'],$_POST['pass'],$private_key,$conn))
    {
        $_SESSION['login'] = $_POST['nick'];
        header("Location: index.php");
    }
    else
    {
        echo ERROR_LOGIN_ERROR;
    }
}
?>
<form action="" method="post">
    <table>
        <tr>
            <td>
                Nick:
                <input type="text" name="nick" class='login_input'/>
            </td>
            <td>
                Jelszó:
                <input type="password" name="pass" class='login_input' />
            </td>
            <td>
                <input type="submit" name="login" value="Belépés" class='login_button'/>
            </td>
            <td>
                <a href="register.php">regisztráció</a>
            </td>
        </tr>
    </table>
</form>
<?php else: ?>
<span>Bejelentkezve: <?php echo $_SESSION['login'];?></span>
<span><a href='logout.php'>Kilépés</a></span>
<?php endif;?>

Ez alapértelmezettként egy űrlap, amit ha kitöltenek, meghívódik a validate_user() függvény. Ha ez igazat ad, akkor megtörténik a felhasználó beléptetése. Innentől kezdve már nincs kint a beléptető űrlap, hanem csak egy üzenet, hogy “Bejelentkezve xyz”. Itt van továbbá a kilépő oldal linkje is. A validate_user() függvény a functions.php – ben van:

function validate_user($nick,$password,$private_key,$conn)
{
    $password = md5($password.$private_key);
    $sql =    "SELECT
                   id
               FROM
                   users
               WHERE(
                   `nick` = '{$nick}' AND
                   `password` = '{$password}')";
    return mysql_num_rows(mysql_query($sql,$conn)) == 1;
}

A kilépő oldal a logout.php

<?php
session_start();
session_destroy();
header('Location: index.php');

Ami még kimaradt a stíluslap. layout.css

.reg_input{
    width:300px;
    background-color:#ccc;
    border:1px solid black;
}
.reg_button{
    width:100px;
    background-color:#ccc;
}
.login_input{
    width:100px;
    background-color:#ccc;
    border:1px solid black;
}
.login_button{
    width:100px;
    background-color:#ccc;
}

Így ha bármelyik oldalra szeretnél védett tartalmat nincs más teendő, mint az oldal legelején (minden kimenet előtt) meghívod a session_start() függvényt, include-olod a login.php-t, és vizsgálod a $_SESSION['login'] értékét. Ha ez true, akkor be van jelentkezve. Ha üres, akkor nincs. Sok sikert!

 

requiem

]]> http://web.segedletek.hu/php-mysql-alapu-beleptato-rendszer/feed/ 14 Grafikus látogató számláló (php + mysql) http://web.segedletek.hu/grafikus-latogato-szamlalo-php-mysql/ http://web.segedletek.hu/grafikus-latogato-szamlalo-php-mysql/#comments Mon, 16 May 2011 09:53:14 +0000 requiem http://web.segedletek.hu/?p=167 A most következő segédletben egy látogató számlálót mutatok be. A számláló grafikus módon jeleníti meg az eredményt, tudja az osszes eddigi látogatást mérni, valamint az éppen online felhasználók számát. Az adatok tárolására mysql adatbázist használ. Most is úgy oldottam meg a feladatot, hogy ha valakinek nem érhető el mysql, az könnyedén átírhatja txt, vagy xml alapúra.

Szükség lesz egy adatbázisra, egy táblával:

CREATE TABLE IF NOT EXISTS `counter` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `ip` varchar(255) COLLATE latin2_hungarian_ci NOT NULL,
  `date` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`)
)

Ha ez megvan, nyiss egy üres dokumentumot, legyen a neve index.php

<?php include "config.php";?>
<?php include "functions.php";?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Grafikus számláló</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
</head>
<body>
<?php include ("counter.php");?>
</body>
</html>

Ez egy próba oldal, itt látható a script működés közben. Ha te a saját oldaladba szeretnéd betenni, akkor include-olnod kell a counter.php-t, és a config.php-t.  A config.php így néz ki:

<?php
//Ido korlat uj latogato jegyzesehez
$time_limit = 60*30; //fel ora

//Ido korlat jelen levo felhasznalokhoz
$now_limit = 60*5;   //5 perc

//Mysql
$db_host = "localhost";
$db_user = "root";
$db_pass = "";
$db_name = "segedletek_demok";

$conn = mysql_connect($db_host,$db_user,$db_pass);
mysql_select_db($db_name);
mysql_query("SET NAMES LATIN2");

A counter.php végzi magát a munkát:

<?php
$ip_address = getip();

if(is_new_user($ip_address,$time_limit,$conn))
{
    add_new_user($ip_address,$conn);
}
else
{
    update_user($ip_address,$conn);
}

$all_visits     =   get_all_visits($conn);
$actual_visits  =   get_actual_visits($now_limit,$conn);

echo "Összes látogató: ".print_number($all_visits,5)."<br />";
echo "Online látogató: ".print_number($actual_visits,0);

Az itt felhasznált függvények a functions.php-ben vannak definiálva. Logikailag úgy néz ki, hogy az is_new_user() fgv igazat ad vissza, ha nem visszatérő látogatóról van szó az időkorláton belül. Ekkor beszúrjuk az adatbázisba az új látogatót. Ha az adott ip-ről már volt bejegyzés az időkorláton belül, akkor frissítjük annak a dátumát az aktuálisra. Aztán nem marad más, mint lekérdezni, és kiíratni a látogatók számát. A functions.php függvényei:

function getip()
{
    return $_SERVER["REMOTE_ADDR"];
}

Visszaadja a felhasználó ip címét.

function add_new_user($ip, $conn)
{
    $sql = "INSERT INTO counter (`ip`,`date`) VALUES('{$ip}',NOW())";
    $query = mysql_query($sql,$conn);
}

Beszúr az adatbázisba egy új sort  az aktuális látogatóval.

function update_user($ip,$conn)
{
    $sql    =  "SELECT
                   id
                FROM
                    counter
                WHERE(
                    `ip` = '{$ip}')
                ORDER BY
                    `date` DESC
                LIMIT 0,1";
    $row    =   mysql_fetch_array(mysql_query($sql,$conn));
    $id     =   $row['id'];

    $sql    =   "UPDATE counter SET `date` = NOW() WHERE (`id` = '{$id}')";
    $query  =   mysql_query($sql);
}

Frissíti az adott ip-ről történt bejegyzés dátumát.

function is_new_user($ip, $time_limit,$conn)
{
    $sql = "SELECT
                `ip`, `date`
            FROM
                `counter`
            WHERE(
                `date` > NOW() - INTERVAL {$time_limit} SECOND AND
                `ip` = '{$ip}')";

    $query = mysql_query($sql,$conn);
    return (mysql_num_rows($query) == 0);
}

Ez a függvény lekérdezi az adatbázisból azokat a sorokat, ahol az adott ip-ről már volt látogatás az időkereten belül. Ha volt ilyen, akkor hamissal tér vissza, ha nem talál ilyet, akkor igazzal.

function get_all_visits($conn)
{
    $sql            =   "SELECT COUNT(`id`) AS num FROM counter";
    $row            =   mysql_fetch_array(mysql_query($sql));
    $visit_number   =   $row['num'];

    return $visit_number;
}
function get_actual_visits($now_limit,$conn)
{
    $sql    =   "SELECT COUNT(`id`) AS num FROM counter
                    WHERE (`date` > NOW() - INTERVAL {$now_limit} SECOND)";

    $row    =   mysql_fetch_array(mysql_query($sql));

    $actual_number = $row['num'];

    return $actual_number;
}

Ez a két függvény lekérdezi az aktuális valamint az összes látogatót.

function print_number($number,$leading_zeros)
{
    $return    =   "";
    $number    =   sprintf("%0{$leading_zeros}s",$number);

    for ($i = 0; $i<strlen($number);$i++)
    {
        $return .= "<img src='image.php?number={$number[$i]}' alt='{$number[$i]}' />";
    }
    return $return;
}

Ez a függvény, ami grafikus formájúra alakítja a számokat. Én itt egy image.php nevű fájt használtam, ami dinamikusan generálja a képeket. Ha neked ez nem tetszik, megteheted, hogy letöltesz 10 képet (számok 0-9ig), és azokra hivatkozol, vagy átírod az image.php tartalmát. Az image.php így néz ki:

<?php
$num = intval($_GET['number']);

//20*20-as kep
$im = imagecreate(20, 20);

// Hatter, es text
$bg_color   = imagecolorallocate($im, 170, 170, 170);
$text_color = imagecolorallocate($im, 255, 0, 0);

// Write the string at the top left
imagestring($im, 10, 6, 2, $num, $text_color);

// Output the image
header('Content-type: image/png');

imagepng($im);
imagedestroy($im);

Megjeleníti a $_GET['number'] paraméterben kapott számot. Fontos, hogy a $_GET['number'] egy 0-9ig terjedő szám legyen.

Ezzel kész is van a grafikus látogató számláló. Természetesen ez is bővíthető, fejleszthető, de ezt már rád bízom :) Sok sikert!

 

requiem

]]> http://web.segedletek.hu/grafikus-latogato-szamlalo-php-mysql/feed/ 3 PHP + XML alapú vendégkönyv http://web.segedletek.hu/php-x_ml-alapu-vendegkonyv/ http://web.segedletek.hu/php-x_ml-alapu-vendegkonyv/#comments Sun, 15 May 2011 11:45:17 +0000 requiem http://web.segedletek.hu/?p=149 A következő segédletben a már előzőleg bemutatott PHP + TXT alapú vendégkönyv -et írom át XML alapúra. Ehhez a php-nek a simpleXML osztályát fogom használni. Ebben a segédletben is, ugyan úgy, mint a PHP + MYSQL alapú vendégkönyv -ben elég lesz csak a config.php és a functions.php fájl módosítása.

Forrás fájlok egyben

Az adatok tárolására most XML-t fogunk használni. A fájl formátuma:

<?xml version="1.0" encoding="UTF-8"?>
<posts>
    <post>
        <name>Nev</name>
        <email>Email</email>
        <date>Datum</date>
        <message>Uzenet</message>
    </post>
    <post>
        <name>Nev</name>
        <email>Email</email>
        <date>Datum</date>
        <message>Uzenet</message>
    </post>
    ...
</posts>

Készíts egy új üres xml dokumentumot, legyen a neve gb.xml

<?xml version="1.0" encoding="UTF-8"?>
<posts>
</posts>

Ezt mindenképp írd bele, enélkül nem fog működni. Ha szükséges, adj a fájlnak írási jogokat (chmod). Ezután jöjjön a config.php

<?php
$per_page          =   5;               //Uzenetek egy oldalon
$handler           =   "gb.xml";        //Tarolo file

Ha ez is megvan, nincs más hátra, mint átírni a functions.php -t.

<?php
function print_post($body)
{
    //smileyk
    $body = preg_replace("/\[sm(\d+)\]/","<img src='sm$1.gif' alt='smiley'/>",$body);
    //[b] bbcode
    $body = preg_replace("/\[b\](.*)\[\/b\]/","<strong>$1</strong>",$body);
    return $body;
}

function add_post($name,$email,$message,$handler)
{
    //Biztonsagi teendok
    $name      =   str_replace("\n","<br />",htmlspecialchars($name));
    $email     =   str_replace("\n","<br />",htmlspecialchars($email));
    $message   =   str_replace("\n","<br />",htmlspecialchars($message));
    $date      =   date("Y-m-d H:i:s");    

    $xml = simplexml_load_file($handler);

    $new_post = $xml->addChild('post');

    $new_post->addChild('name',utf8_encode($name));
    $new_post->addChild('email',utf8_encode($email));
    $new_post->addChild('message',utf8_encode($message));
    $new_post->addChild('date',$date);

    $xml->asXML($handler);
}

function get_message_num($handler)
{
    $xml = simplexml_load_file($handler);
    return $xml->count();
}

function get_current_dataset($curr_page,$per_page,$handler)
{
    $return    =   array();
    $xml       =   simplexml_load_file($handler);

    foreach($xml->post as $p)
    {
        $data     = array(utf8_decode($p->name),
                          utf8_decode($p->email),
                          utf8_decode($p->date),
                          utf8_decode($p->message));
        $return[] = $data;
    }

    $return = array_reverse($return);
    $return = array_slice($return,($curr_page-1)*$per_page,$per_page);
    return $return;
}

A függvények, valamint a paramétereik maradtak ugyan azok. A különbség annyi, hogy a simpleXML osztályt felhasználva xml fájlban tárolódnak az adatok. Mivel az osztály UTF-8 kódolást használ alapból, ezért kódolni/dekódolni kell, ha mi mást (jelen esetben iso-8859-2) használunk.

Ezzel végére értem a három részes sorozatnak, amiben egy vázra építettünk három különböző adattárolási módú vendégkönyvet. Ennek alapján bárki elkészítheti a saját vendégkönyvét, bármilyen módszert is választ. Sok sikert!

requiem

 

]]> http://web.segedletek.hu/php-x_ml-alapu-vendegkonyv/feed/ 0 PHP + MYSQL alapú vendégkönyv http://web.segedletek.hu/php-mysql-alapu-vendegkonyv/ http://web.segedletek.hu/php-mysql-alapu-vendegkonyv/#comments Sat, 14 May 2011 15:38:49 +0000 requiem http://web.segedletek.hu/?p=112 Ebben a segédletben a már előzőleg bemutatott PHP + TXT alapú vendégkönyv -et írom át mysql alapúra. Az adatokat egy mysql táblában tárolom, aminek így néz ki a szerkezete:

Forrás fájlok egyben

CREATE TABLE IF NOT EXISTS `gb_posts` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) COLLATE latin2_hungarian_ci NOT NULL,
  `email` varchar(255) COLLATE latin2_hungarian_ci NOT NULL,
  `message` text COLLATE latin2_hungarian_ci NOT NULL,
  `date` date NOT NULL,
  PRIMARY KEY (`id`)
)

Az előző cikkhez képest változás csak a config.php -ben, és a functions.php – ben van. A config.php így változott:

<?php
$per_page          =   5;               //Uzenetek egy oldalon

//Mysql kapcsolat
$db_host = "localhost";
$db_user = "root";
$db_name = "segedletek_demok";
$db_pass = "";

$handler    = mysql_connect($db_host,$db_user,$db_pass);
mysql_select_db($db_name);
mysql_query("SET NAMES LATIN2");

A functions.php így néz ki:

<?php
function print_post($body)
{
    //smileyk
    $body = preg_replace("/\[sm(\d+)\]/","<img src='sm$1.gif' alt='smiley'/>",$body);
    //[b] bbcode
    $body = preg_replace("/\[b\](.*)\[\/b\]/","<strong>$1</strong>",$body);
    return $body;
}

function add_post($name,$email,$message,$handler)
{
    $name      =   mysql_real_escape_string($name);
    $email     =   mysql_real_escape_string($email);
    $message   =   mysql_real_escape_string($message);

    $sql = "INSERT INTO `gb_posts` (
                                `id` ,
                                `name` ,
                                `email` ,
                                `message` ,
                                `date` )
                        VALUES (
                                '' ,
                                '{$name}',
                                '{$email}',
                                '{$message}',
                                NOW())";
    $query = mysql_query($sql,$handler);
}

function get_message_num($handler)
{
    return(mysql_num_rows(mysql_query("SELECT `id` FROM `gb_posts`")));
}

function get_current_dataset($curr_page,$per_page,$handler)
{
    $return = array();
    $start = ($curr_page-1)*$per_page;

    $sql = "SELECT
                `name`,
                `email`,
                `date`,
                `message`
            FROM
                `gb_posts`
            ORDER BY
                `id` DESC
            LIMIT {$start}, {$per_page}";

    $query = mysql_query($sql,$handler);
    while($row = mysql_fetch_array($query))
    {
        $return[] = $row;
    }

    return $return;
}

Látható, hogy a $handler nevű változóban már nem a tároló file neve van, hanem a mysql kapcsolat azonosítója.  A függvények ugyan azt csinálják, mint a txt-s verzióban, és ugyan olyan adatokkal térnek vissza, a különbség csak annyi, hogy mysql-t használnak.

A következő segédletben bemutatok egy XML alapú vendégkönyvet.

Sok sikert!

 

requiem

]]> http://web.segedletek.hu/php-mysql-alapu-vendegkonyv/feed/ 1 PHP + TXT alapú vendégkönyv http://web.segedletek.hu/php-txt-alapu-vendegkonyv/ http://web.segedletek.hu/php-txt-alapu-vendegkonyv/#comments Sat, 14 May 2011 11:08:57 +0000 requiem http://web.segedletek.hu/?p=33 A következő segédletben egy egyszerű php+txt alapú vendégkönyvet mutatok be, amelyen keresztül kommunikálhatnak a látogatóid egymással. Nincs hozzá szükség mysql adatbázisra. Ez egy egyszerű felépítésű vendégkönyv, bárki könnyedén elkészítheti, kibővítheti! Ebben a segédletben szövegfájlt használunk az adatok tárolására, a következőben ugyan ezt a vendégkönyvet átírjuk mysql adatbázis alá.

Az üzeneteket txt fájlban fogjuk tárolni, soronként. Ilyen formában:

Név|E-mail cím|Dátum|Üzenet\n
Név|E-mail cím|Dátum|Üzenet\n
...

Forrás fájlok egyben

Lássunk hozzá!

Első lépésben hozz létre egy üres fájlt, legyen a neve config.php

<?php
$per_page          =   5;               //Uzenetek egy oldalon
$handler           =   "gb.txt";        //Tarolo file

Ezt fogjuk majd meghívni a szükséges helyeken. Fontos, hogy nem tettem ?> jelet a file végére, ez azért van, mert a csak php kódot tartalmazó fájlokat ha include-oljuk, azt megtehetjük akkor is, ha még nem szabad outputra írnunk. Ha viszont a fájlban bennemarad akár egy szóköz is, az már output. Így viszont ha nincs lezárva a php tag, a php fordító nem fog szóközt generálni.

Ha ez megvan, nyiss meg egy üres dokumentumot, és másold bele a következőket. Legyen a neve index.php

<?php
include("config.php");
include("functions.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
    <link href="layout.css" type="text/css" rel="stylesheet" />
    <script language="JavaScript" type="text/javascript" src="control.js"></script>
    <title>Vendégkönyv</title>
</head>
<body>
<?php
if(!empty($_GET['error']))
{
   //Ha nem tolt ki minden adatot, akkor az index.php?error=1 oldalra dobja majd
   echo "<p class='error'><strong>Hiba:</strong> Minden mező kitöltése kötelező!</p>";
}
?>
<form name="write" method="post" action="post.php">
    <table class="write-post">
        <caption>Bejegyzés a vendégkönyvbe:</caption>
        <tr>
            <td>Név:</td>
            <td><input type="text" name="name" /></td>
        </tr>
        <tr>
            <td>E-mail cím:</td>
            <td><input type="text" name="email" /></td>
        </tr>
        <tr>
            <td>Üzenet:</td>
            <td><textarea rows="5" cols="30" name="message" id="message"></textarea></td>
        </tr>
        <tr class="smiley">
            <td colspan="2">
                <a onclick="sm('01');"><img src="sm01.gif" alt="sm01" border="0"/></a>
                <a onclick="sm('02')"><img src="sm02.gif" alt="sm02" border="0"/></a>
                <a onclick="sm('03')"><img src="sm03.gif" alt="sm03" border="0"/></a>
                <a onclick="sm('04')"><img src="sm04.gif" alt="sm04" border="0"/></a>
                <a onclick="sm('05')"><img src="sm05.gif" alt="sm05" border="0"/></a>
            </td>
        </tr>
        <tr>
            <td colspan="2" class="submit"><input type="submit" name="send" value="Küldés" /></td>
        </tr>
    </table>
</form>

Az első két sor egy php include, később mutatom meg a functions.php tartalmát. Azután következik egy szabványos HTML fejléc definíció, ahol meghívom a stílus lapot, és a smiley beszúrását lehetővé tevő javascript kódot. Utána egy sima HTML form, ahova majd az üzeneteket írjuk be. Ezen a lapon lesz még továbbá az üzeneteknek a listázása, de azt majd később. A form a post.php -re küldi az adatokat, ami majd elvégzi a szövegfájlba írást. A smiley-k beszúrása egy nagyon egyszerű függvénnyel történik, ami a control.js -ben van.

function sm(id)
{
    var message = document.getElementById("message").value += '[sm'+id+']';
}

Ez kattintásra beszúr egy bbcode-t a szöveg mezőbe, amit majd később a kiíráskor php-vel átalakítunk képpé.

A stíluslap a layout.css, ez szabja meg az oldalunk kinézetét!

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
input,textarea{
    color:#000099;
    background-color:#FFFF99;
}
.error{
    color:red;
    text-align:center;
}
#pager{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:14px;
    color:#0000FF;
    padding:10px;
}
.write-post{
    margin-left:auto;
    margin-right:auto;
    border:1px dashed #990000;
    margin-bottom:20px;
}
.message{
    margin-left:auto;
    margin-right:auto;
    width:500px;
    margin-bottom:1em;
}

.message_header{
    background-color:#3399FF;
}
.message_header td{
    padding:2px;
}
.message_id a{
    color:#0000FF;
}
.message_body{
    background-color:#FFFF99;
    color:#000099;
    padding:5px;
    text-align:justify;
}
.message_id{
    width:50px;
}
.message_date{
    text-align:right;
}
.message_nick{
    width:100px;
    text-align:left;
}
.smiley{
    text-align:center;
}
.submit{
    text-align:center;
}

Következő lépésként hozz létre egy üres szöveges dokumentumot, legyen a neve gb.txt Fontos, hogy ha szerverre teszed a scriptet, adj írási jogokat a gb.txt-nek. (chmod) Ebbe fogja beírni az üzeneteket a post.php

<?php
include ("config.php");
include ("functions.php");

if (!empty($_POST['send']))
{
    if (!empty($_POST['name']) && !empty($_POST['message']) && !empty($_POST['email']))
    {
        //Beiras
        add_post($_POST['name'],$_POST['email'],$_POST['message'],$handler);

        //Vissza a fooldalra
        header("location: index.php");
    }
    else
    {
        header ("location: index.php?error=1");
    }
}

Itt vizsgáljuk, hogy minden mezőt helyesen kitöltöttek-e. Ha nem visszaküldjük őket az index.php?error=1 oldalra. Ha igen, akkor meghívjuk az add_post() függvényt, ami a functions.php-ben van.

function add_post($name,$email,$message,$handler)
{
    //Biztonsagi teendok
    $name      =   str_replace("\n","<br />",htmlspecialchars($name));
    $email     =   str_replace("\n","<br />",htmlspecialchars($email));
    $message   =   str_replace("\n","<br />",htmlspecialchars($message));
    $date      =   date("Y-m-d H:i:s");    

    //Osszeallitom az adat sort
    $row       =   $name."|".$email."|".$date."|".$message."\n";

    //Fajl megnyitasa hozzaadasra, hozzaadas, bezaras
    $handle    =   fopen($handler,"a+");
    fwrite($handle,$row);
    fclose($handle);
}

Most, hogy már képesek vagyunk tárolni az üzeneteinket, nincs más hátra, mint az eddigi üzenetek, valamint a lapozás megjelenítése. Az index.php így folytatódik:

<?php
$message_num = get_message_num($handler);

//Lapozás
if (empty($_GET['page'])){
    $curr_page = 1;
} else {
    $curr_page = $_GET['page'];
}

$page_num = intval(($message_num+($per_page-1))/$per_page);
?>

<?php if ($page_num!=1):?>
    <div id="pager">
        Lapozás:
        <?php for($i=1;$i<=$page_num;$i++):?>
            <a href='index.php?page=<?php echo $i;?>'><?php echo $i;?></a>
        <?php endfor;?>
    </div>
<?php endif;?>

Az első sorban egy változóba teszem, hogy hány db üzenet van a szöveg fájlban. a get_message_num()  függvény a functions.php -ben található

function get_message_num($handler)
{
    $data = file($handler);
    return count($data);
}

Ezután a lapozás rész következik. Megnézem, hogy hány lapra oszlanak szét az üzenetek, majd egy ciklussal végig járom, és kiíratom a megfelelő oldalak linkjeit. Ha ez megvan, ez alá következik az üzenetek kiírása: index.php (folytatás)

<?php
$current_dataset = get_current_dataset($curr_page,$per_page,$handler);
$j = 0;
foreach($current_dataset as $row)
{
?>
        <table class='message' cellpadding='0' cellspacing='0'>
            <tr class='message_header'>
                <td class='message_id'># <?php echo $message_num-((($curr_page-1)*$per_page)+$j);?></td>
                <td class='message_nick'><?php echo $row[0];?></td>
                <td class='message_date'><?php echo $row[2];?></td>
            </tr>
            <tr>
                <td colspan='3' class='message_body'><?php echo print_post($row[3]);?></td>
            </tr>
        </table>
<?php
++$j;
}
?>
</body>
</html>

Az első sorban használt  get_current_dataset() függvény visszaadja az aktuális oldal üzeneteit egy tömbben. Ez a functions.php -ben található. Itt van továbbá a print_post() függvény is, ami a smileyket alakítja át, valamint ezt lehet bővíteni, hogy felismerjen több bbcode-t.

function get_current_dataset($curr_page,$per_page,$handler)
{
    $return    =   array();
    $data      =   file($handler);
    $data      =   array_reverse($data);
    $data      =   array_slice($data,(($curr_page-1)*$per_page),$per_page);

    foreach ($data as $row)
    {
        $row = explode("|",$row);
        $return[] = $row;
    }
    return $return;
}
function print_post($body)
{
    //smileyk
    $body = preg_replace("/\[sm(\d+)\]/","<img src='sm$1.gif' alt='smiley'/>",$body);
    //[b] bbcode
    $body = preg_replace("/\[b\](.*)\[\/b\]/","<strong>$1</strong>",$body);
    return $body;
}

És ezzel meg is van a php+txt alapú vendégkönyv. Úgy alakítottam ki a kódot, hogy a következő segédletben át tudjam írni könnyedén mysql alapúra, pusztán a functions.php és a config.php átírásával. Ez egy nagyon alap verzió, természetesen sok helyen lehet bővíteni. Itt a megjegyzések között szívesen veszek bármi nemű kiegészítést, bővítést! Sok sikert!

requiem

]]> http://web.segedletek.hu/php-txt-alapu-vendegkonyv/feed/ 5