Merhaba arkadaşlar.NetBeans’de basit bir JFrame uygulaması yapacağız.Bu uygulama bize toplam ve çarpım simgelerinin işlemlerini alt ve üst değerlerini alarak gerçekleştirecek.Bunu tek sayfada gerçekleştireceğiz ve semboller arası geçişi bir butonla sağlayacağız.Nasıl bir şey olaşacağını merak ediyorsanız buraya tıklayarak görebilirsiniz.Resimleri görememeniz halinde üstüne tıklayarak büyük boyuta geçirebilirsiniz.

İlk önce File menüsünden New Project’e tıklayarak projemizi oluşturuyoruz.

Java Kategorisinden Java Application’ı seçiyoruz.

Projemizin adını belirliyoruz.

Sistematik çalışmamız açısından default package’e sağ tıklayıp new sekmesinden new package’e tıklıyoruz. anaPaket ve anaPaket.resources adında iki paket oluşturuyoruz.

Paketimize sağ tıklayıp bir JFrame Form oluşturuyoruz.Adınıda anaEkran koyuyoruz.

Bu formu oluşturduktan sonra Design sekmesinde karşımıza boş bir alan gelicektir.Sağ tarafta bulunan Palet ekranından boş sayfamıza 2 TextField, 3 Label, 2 de Buton sürüklüyerek ekliyoruz.

Bir tanede image label’ımız var.Ona image eklemek için öncelikle (Windows için) Belgeler klasöründe bulunan NetBeans klasörümüze gidip projemizi ordan bulup src klasörünün altındaki resources klasörüne önceden hazırlamış olduğumuz (yemek tarifi gibi oldu) sigma ve pi iconlarımızı kopyalıyoruz.Daha sonra Netbeans’e tekrar dönüp image labelımıza sağ tıklayıp Propeties’e giriyoruz.Icon sekmesinin yanındaki … butonuna tıklıyoruz ve bize resimde ki gibi iconlarımız gözüküyor.

OK tuşuna basarak ordanda ayrılıyoruz.Siz kendi tasarımınıza göre tasarlayabilirsiniz bu kısımları.Şimdi geldi programıza mantığımızı eklemeye.Bunun için anaPaketimiz içinde yeni hesaplayici adinda pi ve sigma metodları bulunan bir Java Class’ı oluşturuyoruz.Sigma ve Pi metodlarını bu yazıyı okuyan herkesin yazabildiğini varsaydığım halde yinede bir fikir vermesi açısından bir resmimiz var.

Daha sonra anaEkranımızın Design ekranında bulunan Gönder butonuna sağ tıklayıp Event>Action>actionPerformed’a tıklıyoruz.

Program bizi Gönder butonuna tıkladığımız zaman ne yapması gerektiğini anlatacak kodları yazacağımız kısma yönlendirecektir.Bizim burdaki amacımız geçiş sağlayacak buton Toplam’dayken Gönder butonunun Toplam işlemi yapması, çarpımdaykende çarpım yazması.Peki bunu nasıl sağlayacağız?Ben bunu global bir sayac tutarak hallettim.Sayacın ilk değeri sıfır ve sayac çiftken gönder butonu toplam işlemi tek olduğunda çarpım işlemi yapıyor.Image Label’ımızda ona göre değişiyor ve birbiri arasındaki uyumu sağlıyor.Bence bu anlatımda en önemli olan kısım bu kolay ama kullanışlı metodu anlamak.

Kodlarımız Gönder Butonumuz için bir aşağıdaki kodları için, değişim butonumuz içinse iki aşağıdaki kodları için resimimiz var.Bunları yazılı olarak vermek label adları ve değişken adlarının farklı olabileceğinden ötürü yazmıyorum.

Sitelerimizde yer alan açılır menüleri oluşturmak kullanmak kadar kolay ve zevklidir. ul etikeni açıyoruz ve ana menü başlıklarını li etiketi içerisine yazıyoruz.

<ul class="dropdown">
<li><a href="#">Konu Başlıkları</a></li>
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Hakkımızda</a></li>
</ul>

Yukarıdaki kodlar ile sadece yan yana linklerimiz dizmiş oluyoruz, alt menü eklenmemiş halde. Ana menümüze alt menü eklemeye geldi sıra

        <ul class="dropdown">
        	<li><a href="#">Konu Başlıkları</a>
        		<ul class="sub_menu">
        			 <li><a href="http://www.gumusluoglu.com/kategori/css/">CSS</a></li>
        			 <li><a href="http://www.gumusluoglu.com/kategori/genel/">Genel</a></li>
        			 <li><a href="http://www.gumusluoglu.com/kategori/javascript/">Javascript</a></li>
        			 <li><a href="http://www.gumusluoglu.com/kategori/jquery/">Jquery</a></li>
        			 <li><a href="http://www.gumusluoglu.com/kategori/mysql/">MYSQL</a></li>
        			 <li><a href="http://www.gumusluoglu.com/kategori/php/">Php</a></li>
        		</ul>
        	</li>
        </ul>

Konu başlıkları menüsünün üzerine geldiğimizde CSS, Genel, Javascript, Jquery, MYSQL ve Php menüleri açılıyor.Konu başlıkları menümüze alt menü eklemek için Konu Başlıkları’nın yer aldığı li etiketini kapatmadan önce class’ı sub_menu olan bir ul açıyoruz ve alt menü içeriklerini li etiketleri arasına yazıyoruz, alt menüleri oluşturduktan sonra ul etiketimizi ve Konu Başlıklarının yer aldığı li yi kapatıyoruz. En son olarakda ana ul mizi kapatıyoruz ve alt menülerimiz oluşuyor.
Örneğimizi biraz daha geliştirelim ve iki ana menü altında alt menülerimizi oluşturalım.

        <ul class="dropdown">
        	<li><a href="#">Konu Başlıkları</a>
        		<ul class="sub_menu">
        			 <li><a href="http://www.gumusluoglu.com/kategori/css/">CSS</a></li>
        			 <li><a href="http://www.gumusluoglu.com/kategori/genel/">Genel</a></li>
        			 <li><a href="http://www.gumusluoglu.com/kategori/javascript/">Javascript</a></li>
        			 <li><a href="http://www.gumusluoglu.com/kategori/jquery/">Jquery</a></li>
        			 <li><a href="http://www.gumusluoglu.com/kategori/mysql/">MYSQL</a></li>
        			 <li><a href="http://www.gumusluoglu.com/kategori/php/">Php</a></li>
        		</ul>
        	</li>
        	<li><a href="#">CSS</a>
        		<ul class="sub_menu">
        			<li><a href="http://www.gumusluoglu.com/kategoriler/link-ile-form-submit/">Link İle Form Submit</a></li>
        			<li><a href="http://www.gumusluoglu.com/kategoriler/jquery-text-to-image/">Jquery Text to İmage</a></li>
        			<li><a href="http://www.gumusluoglu.com/kategoriler/css-from-ornegi/">Css From Örneği</a></li><li>
        		</ul>
        	</li>
        </ul>

Konu başlıkları ve CSS ana menüleri altında alt menüler oluşturmuş olduk. Konu Başlıkları ana menüsü altında; CSS, Genel, Javascript, Jquery, MYSQL ve Php, CSS ana menüsü altında ise; Link İle Form Submit, Jquery Text to İmage ve Css Form Örneği alt menülerini oluşturduk.

Uygulama dosyalarını zip şeklinde indirmek için tıklayınız.

İçerik paylaşımında ve kullanıcılar arası etkileşimi sağlayabilmek için yayınlanan içeriklerin beğeniye göre listelenmesi ve şekillendirilmesi çok önemlidir. Bu uygulamada Reddit tarzı içerik oylama servislerinin özellikle kullandığı  Yukarı -  Aşağı şeklinde puanlama olayını inceleyeceğiz.

Veritabanı için gereken tabloları aşağıdaki görselden inceleyebilirsiniz.

Uygulama için gereken veritabanı tabloları ve verileri aşağıdaki mysql satırlarını çalıştırarak elde edebilirsiniz.

CREATE TABLE IF NOT EXISTS `reddit_vote` (
`id` int(11) NOT NULL auto_increment,
`title` varchar(255) character set latin5 NOT NULL,
`link` varchar(255) NOT NULL,
`votes_up` int(11) NOT NULL default '0',
`votes_down` int(11) NOT NULL default '0',
PRIMARY KEY  (`id`)
)

INSERT INTO `reddit_vote` (`id`, `title`, `link`, `votes_up`, `votes_down`) VALUES
(1, 'Google', 'http://www.google.com.tr/', 6, 0),
(2, 'Serpito', 'http://www.serpito.com/', 6, 1),
(3, 'Facebook', 'http://www.facebook.com/', 1, 4),
(5, 'Php:Excel Dosyası Oluşturma', 'http://www.serpito.com/phpde-excell-dosyasi-olusturma/', 9, 0),
(6, 'PHP ile Masaüstü uygulaması geliştirmek (PHP-GTK)', 'http://www.serpito.com/php-ile-masaustu-uygulamasi-gelistirmek-php-gtk/', 8, 0),
(7, 'PHP:Jquery: Scroll Down Auto Load Data (Sayfayı aşağı kaydırınca otomatik veri yükleme)', 'http://www.serpito.com/scroll-down-auto-load-data/', 8, 0),
(8, 'PHP: Dinamik PDF dosyası oluşturma (FPDF class)', 'http://www.serpito.com/php-dinamik-pdf-olusturma/', 1, 5);

Sıra geldi index.php dosyasını kodlamaya;

index.php

<?php
include_once("mysql.php"); // herzamanki mysql dosyasi
?>

<html>
<head>
<title>Serpito.Com- Jquery Oylama Demo</title>

<style type='text/css'>
body {
background: #e8e6de;
}

a {
outline:none;
}

.entry {
width: 710px;
background: #ffffff;
padding:8px;
border:1px solid #bbbbbb;
margin:5px auto;
-moz-border-radius:8px;
}

span.link a {
font-size:150%;
color: #000000;
text-decoration:none;
}

a.vote_up, a.vote_down {
display:inline-block;
background-repeat:none;
background-position:center;
height:16px;
width:16px;
margin-left:4px;
text-indent:-900%;
}

a.vote_up {
background:url("images/thumb_up.png");
}

a.vote_down {
background:url("images/thumb_down.png");
}
#panel{
color:#900;
background-color:#C8E6E2;
width:100%;
margin-bottom:10px;
}
</style>

<script type='text/javascript' src='jquery.pack.js'></script>
<script type='text/javascript'>
$(function(){
$("a.vote_up").click(function(){
//get the id
the_id = $(this).attr('id');

// show the spinner
$(this).parent().html("<img src='images/spinner.gif'/>");

//fadeout the vote-count
$("span#votes_count"+the_id).fadeOut("fast");

//the main ajax request
$.ajax({
type: "POST",
data: "action=vote_up&amp;amp;amp;amp;id="+$(this).attr("id"),
url: "votes.php",
success: function(msg)
{
$("span#votes_count"+the_id).html(msg);
//fadein the vote count
$("span#votes_count"+the_id).fadeIn();
//remove the spinner
$("span#vote_buttons"+the_id).remove();
}
});
});

$("a.vote_down").click(function(){
//get the id
the_id = $(this).attr('id');

// show the spinner
$(this).parent().html("<img src='images/spinner.gif'/>");

//the main ajax request
$.ajax({
type: "POST",
data: "action=vote_down&amp;amp;amp;amp;id="+$(this).attr("id"),
url: "votes.php",
success: function(msg)
{
$("span#votes_count"+the_id).fadeOut();
$("span#votes_count"+the_id).html(msg);
$("span#votes_count"+the_id).fadeIn();
$("span#vote_buttons"+the_id).remove();
}
});
});
});
</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>

<div id="panel">
<center><h2>Serpito.com</h2>
Bu demo <a href="http://www.serpito.com/php-jquery-reddit-tarzi-puanlama/">PHP:Jquery: Reddit Tarzı puanlama uygulaması</a>  icin hazirlanmistir.
</center>
</div>

<?php
/**
Display the results from the database
**/
$q = "SELECT * FROM reddit_vote ORDER BY id DESC";
$r = mysql_query($q);

if(mysql_num_rows($r)>0): //table is non-empty
while($row = mysql_fetch_assoc($r)):
$net_vote = $row['votes_up'] - $row['votes_down']; //this is the net result of voting up and voting down
?>
<div class='entry'>

<span class='link'>
<a href='<?php echo $row['link']; ?>'> <?php echo $row['title']; ?> </a>
</span>

<span class='votes_count' id='votes_count<?php echo $row['id']; ?>'><?php echo $net_vote." oy"; ?></span>

<span class='vote_buttons' id='vote_buttons<?php echo $row['id']; ?>'>
<a href='javascript:;' class='vote_up' id='<?php echo $row['id']; ?>'>Yukarı!</a>
<a href='javascript:;' class='vote_down' id='<?php echo $row['id']; ?>'>Aşağı!</a>
</span>

</div>
<?php
endwhile;
endif;
?>

</body>
</html>

&amp;amp;nbsp;

index.php kodları Jquery yardımıyla votes.php ile etkileşim halinde olur. Sayfa yenilenmeden kullanıcının oyunu işleme alır ve değişikliği gösterir.

votes.php

<?php
include_once("mysql.php");

function getAllVotes($id)
{
/**
Returns an array whose first element is votes_up and the second one is votes_down
**/
$votes = array();
$q = "SELECT * FROM reddit_vote WHERE id = $id";
$r = mysql_query($q);
if(mysql_num_rows($r)==1)//id found in the table
{
$row = mysql_fetch_assoc($r);
$votes[0] = $row['votes_up'];
$votes[1] = $row['votes_down'];
}
return $votes;
}

function getEffectiveVotes($id)
{
/**
Returns an integer
**/
$votes = getAllVotes($id);
$effectiveVote = $votes[0] - $votes[1];
return $effectiveVote;
}

$id = $_POST['id'];
$action = $_POST['action'];

//get the current votes
$cur_votes = getAllVotes($id);

//ok, now update the votes

if($action=='vote_up') //voting up
{
$votes_up = $cur_votes[0]+1;
$q = "UPDATE reddit_vote SET votes_up = $votes_up WHERE id = $id";
}
elseif($action=='vote_down') //voting down
{
$votes_down = $cur_votes[1]+1;
$q = "UPDATE reddit_vote SET votes_down = $votes_down WHERE id = $id";
}

$r = mysql_query($q);
if($r) //voting done
{
$effectiveVote = getEffectiveVotes($id);
echo $effectiveVote." oy";
}
elseif(!$r) //voting failed
{
echo "Hata!";
}
?>

Uygulamanın çalışır demosunu incelemek için tıklayınız.

Uygulama dosyalarını zip şeklinde indirmek için tıklayınız.

C:\Windows\System32\drivers\etc

adresinde hosts dosyasında kayıtlıdır.

Görsel de işaretli olan localhost değerini istediğiniz bir isme değiştirebilirsiniz.  Ben aşağıdaki örnekte olduğu gibi serpito yaptım.

Bu değişikliği yaptıktan sonra yerel sunucunuzu yeniden başlatın.

Gördüğümüz gibi işlemlerin sonunda http://serpito adresinde localhostumuz çalışıyor.

Twitter’a dadanmışken tam olsun artık. Sayfa altında yer alan more çubuğu nasıl çalışıyor, ne gibi yararları var sorularına cevap arayalım.

Takip listendeki insanların feedleri  çok sık güncellenebileceği için (benim listemde dakikada ortalama 30 twit geliyor)  profil sayfanızın  ilk yüklendiği sırada en son gönderilen 20 twit listeleniyor. Bu şekilde aynı anda binlerce satır verinin yüklenmesi önleniyor ve hem sunucu hem de kullanıcı için rahat bir servis sağlanıyor.

More çubuğu daha fazla verinin istenildiği zaman sayfaya yüklenmesini sağlıyor.

Uygulamayı gerçekleştirebilmek için öncelikle bir veritabanına yani veri topluluğuna ihtiyacımız var.

Elinizde hazır bir veritabanı yoksa aşağıdaki Mysql kodu ile örnek bir veritabanı tablosu açabilirsiniz.

CREATE TABLE messages(
id INT AUTO_INCREMENT PRIMARY KEY,
message TEXT
);
//messages tablosu açıldı, içine örnek veri girmek için aşağıdaki kodu da çalıştırabilirsiniz.

INSERT INTO `messages` (`msg_id`, `message`) VALUES (NULL, 'denemes21we sadkas jkf klf kfn');
INSERT INTO `messages` (`msg_id`, `message`) VALUES (NULL, 'sdsadk2as jkf klsdssdsdf kfn');INSERT INTO `messages` (`msg_id`, `message`) VALUES (NULL, 'dene2mese sadkas jkf klf kfn');INSERT INTO `messages` (`msg_id`, `message`) VALUES (NULL, 'denemaaes2e sadkas jkf klf kfn');INSERT INTO `messages` (`msg_id`, `message`) VALUES (NULL, 'denemesdsse sadkas jkf klf kfn');INSERT INTO `messages` (`msg_id`, `message`) VALUES (NULL, 'deneme5632ssdsde sadkas jkf klf kfn');INSERT INTO `messages` (`msg_id`, `message`) VALUES (NULL, 'denegffgmese sadkas jkf klf kfn');
INSERT INTO `messages` (`msg_id`, `message`) VALUES (NULL, 'denemese sad546546kas jkf klf kfn');INSERT INTO `messages` (`msg_id`, `message`) VALUES (NULL, 'densdaseme456546se sadkas jkf klf kfn');INSERT INTO `messages` (`msg_id`, `message`) VALUES (NULL, 'denedasdmese sadkas jkf klf kfn');INSERT INTO `messages` (`msg_id`, `message`) VALUES (NULL, 'denaasemese sadkas jkf klf kfn');INSERT INTO `messages` (`msg_id`, `message`) VALUES (NULL, 'dendasd45emese sadkas jkf klf kfn');INSERT INTO `messages` (`msg_id`, `message`) VALUES (NULL, 'deneasdamese sadkas jkf klf kfn');

Yukarıdaki Mysql kodları demo için kullanabileceğiniz ham maddeleri sağlar. Eğer ki local bilgisayarınızda çalışma imkanı bulamadıysanız buradan local PHP ve Mysql server kurulumu hakkında bilgi alabilirsiniz. Ama ben Serpito.com’un çalışan hazır veritabanını kullanacağım.

WordPress veritabanı yapısında wp_posts tablosunda tutulan postları listeleyerek siz küçük bir Ajax Load Bar demosu hazırladım.

Uygulama dosyalarını tek tek buraya yazalım:
(Özellikle yorum satırlarına dikkat ederseniz daha rahat anlaşılır.)

index.php kodları:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Serpito.com - Jquery &amp;amp;amp; Ajax Twitter tarzı more uygulası</title>
<style type="text/css">
*{ margin:0px; padding:0px }
ol.timeline
{
list-style:none
}
ol.timeline li
{
position:relative;
border-bottom:1px #dedede dashed;
padding:8px;
}
#panel{
color:#333;
background-color:#C8E6E2;
width:100%;
}
.morebox
{
font-weight:bold;
color:#B0AD28;
text-align:center;
border:solid 1px #CCC;
padding:8px;
font-size:14px;
margin-top:8px;
margin-bottom:8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.morebox a{ color:#333333; text-decoration:none}
.morebox a:hover{ color:#333333; text-decoration:none}
#container{margin-left:60px; width:580px }
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
$(function()
{
$('.more').live("click",function()
{
var ID = $(this).attr("id");
if(ID)
{
$("#more"+ID).html('<img src="images/wait.gif" />');

$.ajax({
type: "POST",
url: "more.php",
data: "lastmsg="+ ID,
cache: false,
success: function(html){
$("ol#updates").append(html);
$("#more"+ID).remove(); // more cubugu kaldiriliyor
}
});
}
else
{
$(".morebox").html('Baska veri kalmadi');// Listelenecek veri kalmadi
}

return false;
});
});
</script>

</head>

<body>
<div id="panel">
<center><h2>Serpito.com</h2>
Bu demo <a href="http://www.serpito.com/twitter-tarzi-more-bar/">Twitter Tarzı Jquery – CSS More Çubuğu</a> yazısı için hazırlanmıştır.
</center>
</div>
<div id='container'>
<ol id="updates">
<?php
include('mysql.php'); // kisisel olarak kullandigim bu dosyadaki $dba veritabani sinifini daha sonra detaylica aciklayacagim.
$sql=$dba->query("select ID,post_title,post_name from wp_posts where post_status='publish' ORDER BY ID DESC LIMIT 20"); // ilk acilista 10 satir getiriliyor
while($row=$dba->fetch_assoc($sql))
{

$title=$row['post_title'];
$link=$row['post_name'];
$msg_id=$row['ID'];
?>
<li>
<?php echo $title." <a href='http://www.serpito.com/".$link."'>http://www.serpito.com/".$link."</a>"; ?>
</li>
<?php } ?>
</ol>

<div id="more<?php echo $msg_id; ?>">
<a href="#" id="<?php echo $msg_id; ?>">more</a>
</div>

</div>

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

&amp;nbsp;

more.php kodları:

<?php
include("mysql.php");
if(isSet($_POST['lastmsg']))
{
$lastmsg=$_POST['lastmsg'];
$lastmsg=mysql_real_escape_string($lastmsg);
$result=mysql_query("select ID,post_title,post_name from wp_posts where ID<'$lastmsg' and post_status='publish' order by ID desc limit 20");
while($row=mysql_fetch_array($result))
{
$title=$row['post_title'];
$link=$row['post_name'];
$msg_id=$row['ID'];
?>
<li>
<?php echo $title." <a href='http://www.serpito.com/".$link."'>http://www.serpito.com/".$link."</a>"; ?>
</li>
<?php
}
?>

<div id="more<?php echo $msg_id; ?>">
<a href="#" id="<?php echo $msg_id; ?>">more</a>
</div>
<?php
}
?>

<?php
$dba->close();
?>

&amp;nbsp;

Kodlama olayımız bu kadar.

Projemizin ftp de bulunan klasörleri subdomain olarak çalıştırmak için .htaccess dosyasına birkaç satır kod eklemek yeterlidir.

Deneme amaçlı akoglu.org adresinde çalışan atilla dizinini inceleyelim. >>

Görselde anlatıldığı gibi klasörleri subdomain üzerinde çalıştırabilmek için .htaccess dosyasına aşağıdaki kodu ekliyoruz.

[code]

RewriteEngine On
RewriteCond %{HTTP_HOST} ^atilla\.akoglu.org$
RewriteCond %{REQUEST_URI} !^/atilla/
RewriteRule (.*) /atilla/$1
[/code]

çalışan uygulama için http://atilla.akoglu.org

Bildiğiniz üzere bir label’e tıklandığında hangi form nesnesine odaklanacağını belirlemek için label etiketine “for” değeri veririz.

[php]
<label for=’odaklanacak_nesne’>Nesne Tanımı</label><input id=’odaklanacak_nesne’ name=’nesne_adi’/>
[/php]

örnek bir kullanım.

Arayüz kodlarken ne kadar az nesne ve etiket kullanırsak o kadar iyidir. Ancak bunu yaparken kullanılabilirliği düşürmekte mantıklı olamaz çünkü ziyaretçiyi memnun etmedikten sonra ne seo’nun ne de okunabilirliğin bir anlamı olur.

O yüzden çalışmalarımız hem okunabilir,hem az etiketli hem de kullanılabilir olmalı.

Label etiketini  odaklanacağımız elemana id değeri vermeden kullanabilmek bi’kaç karakterlik’te olsa kodlama,okunabilirlik ve kullanışlılık için fayda sağlayacaktır.

jquery ile hazırladığım bu ufacık foksiyon; for değerinde belirtilen name değerine sahip eleman’a odaklanmayı sağlıyor.

Örnek uygulama | Fonksiyon Kodları

Uygun zaman bulduğumda saf Javascript halini de hazırlar paylaşırım umarım.

Örnek olarak kitap tablomuz ve seçilen kitapların yer aldığı galeri tablomuz olsun. Galeri tablomuzda kitabın id si ne göre işlemler yapacağız.
Kitap tablomuzda: id, isim ve kapak sütunları yer alsın.
Galeri tablomuzda ise, id, kitap_id sutunları yer alsın.

Şimdi seçilen yani galeri tablosunda yer alan verilere göre kitapları vitrin bölümümüzde gösteren kodları yazalım.

SELECT kitap.id as kid, kitap.isim, kitap.kapak, galeri.id as

gid, galeri.kitap_id FROM kitap, galeri WHERE kitap.id=galeri.kitap_id

Yukarıdaki kod satır ; “kitap.id as kid” ile kitap tablosundaki id  sutununu kid olarak aldık,”kitap.isim” ile kitap tablosundaki isim sutununu almış olduk,”kitap.kapak” ile kitap tablosundaki kapak sutunundaki veriyi almış olduk(Kitap kapağının adının tutulmuş olduğu alan). Sıra galeri tablosundaki verileri almaya geldi. “galeri.id as gid” ile galeri tablosundaki id yi gid olarak almış olduk, “galeri.kitap_id” ile galeri tablosundaki kitap idlerinin tutulduğu bölümü çekmiş olduk. Daha sonra “WHERE kitap.id=galeri.kitap_id” ile kitap id si galeri tablosunda kitap_id sutununda yer alan yani galerimize eklenmiş olan verileri(kitapları) getir demiş olduk.
“as” kodu ile değişken tanımlamış oluyoruz.

Bu örnegimizi biraz daha geliştirerek satış içi olan ve galeride yer alan kitapları getirmek isteseydik.Satış içi olarak kitap tablomuzda durum sutununun yer aldığını farz edelim; ve durum=1 ise satış içi durum=0 ise satış dışı olsun kitabımız.

SELECT kitap.id as kid, kitap.isim, kitap.kapak, galeri.id as

gid, galeri.kitap_id FROM kitap, galeri WHERE kitap.id=galeri.kitap_id and kitap.durum=1

Yukarıdaki kod satırının en sonunda yer alan “and kitap.durum=1″ kodu ile ve kitap tablosunda durum ‘u 1 olan yani satış içi olan demiş olduk.

< ?phpheader("Cache-Control: no-cache");header("Pragma: nocache");require('_config-rating.php'); // get the db connection info//getting the values$vote_sent = preg_replace("/[^0-9]/","",$_REQUEST['j']);$id_sent = preg_replace("/[^0-9a-zA-Z]/","",$_REQUEST['q']);$ip_num = preg_replace("/[^0-9\.]/","",$_REQUEST['t']);$units = preg_replace("/[^0-9]/","",$_REQUEST['c']);$ip = $_SERVER['REMOTE_ADDR'];$referer  = $_SERVER['HTTP_REFERER'];if ($vote_sent > $units) die("Sorry, vote appears to be invalid."); // kill the script because normal users will never see this.//connecting to the database to get some information$query = mysql_query("SELECT total_votes, total_value, used_ips FROM $rating_dbname.$rating_tableName WHERE id='1' ")or die(" Error: ".mysql_error());$numbers = mysql_fetch_assoc($query);$checkIP = unserialize($numbers['used_ips']);$count = $numbers['total_votes']; //how many votes total$current_rating = $numbers['total_value']; //total number of rating added together and stored$sum = $vote_sent+$current_rating; // add together the current vote value and the total vote value$tense = ($count==1) ? "vote" : "votes"; //plural form votes/vote// checking to see if the first vote has been tallied// or increment the current number of votes($sum==0 ? $added=0 : $added=$count+1);// if it is an array i.e. already has entries the push in another value((is_array($checkIP)) ? array_push($checkIP,$ip_num) : $checkIP=array($ip_num));$insertip=serialize($checkIP);//IP check when voting$voted=mysql_num_rows(mysql_query("SELECT used_ips FROM $rating_dbname.$rating_tableName WHERE used_ips LIKE '%".$ip."%' AND id='1' "));if(!$voted) {     //if the user hasn't yet voted, then vote normally...if (($vote_sent >= 1 && $vote_sent < = $units) && ($ip == $ip_num)) { // keep votes within range$update = "UPDATE $rating_dbname.$rating_tableName SET total_votes='".$added."', total_value='".$sum."', used_ips='".$insertip."' WHERE id=1 ";$result = mysql_query($update);}header("Location: $referer"); // go back to the page we came fromexit;} //end for the "if(!$voted)"?>

Sessionla oturum kontrolü başlatılırken sayfanın en üstünde

session_start();
satırı yer almalı böylece oturum kontrolünü başlatmış oluruz.

Session u boşaltmak ise

session_destroy();  kodları ile gerçekleşmektedir.Bunu :

<?php

session_destroy();

?>  Şeklinde Kullandıgımızda oturum kapatılmış oluyor.

Örnek olarak veri tabanına kayıtlı bir kullanıcının eposta adresi ve şifresi ile oturum açmasını ele alalım.

< ?php
session_start(); //oturum kontrolü başlatılır

require_once("table.php") //tabloların bulundugu sayfayı index'e (yani bu sayfaya) aktardık include ettik başak birmanayla

if (empty($_SESSION['admin'])){ // session admin yai yetkili kişi boş ise dedik

echo "<center>Yetkili Girişi Yapınız"; // Ekrana Uyarı verdik

if ($_POST['giris']){ //post ile giriş yani kullanıcı girişi yapılmaya çalıştımı yapılmaşsa aşagıdaki işlemler gerçekleşiyor

//post ile gelen inputlardaki verileri değişkenlere attık

$username=$_POST['username'];
$password=md5($_POST['password']);
$dba=new mysqli ("localhost","root","","dernek"); // veri tabanı ile bağlantı sağladık
$q="select * from user where username='".$username."' and password='".$password."' "; // veri tabanına uygulanacak olan sql sorgusu

$result=$dba->query($q); // sorguyu çalıştırdık
$num_result=$result->num_rows; //bulunan satırları değişkene aktardık

if ($num_result>0){ // bulunan bir kullanıcı varsa yani şifre ve username dogru ise
$_SESSION['admin']=$username; // sessinon admin e kullanıcı adımıı yükledik
anamenu(); // kullanıcı girişidoğru yapıldığında ekrana ana menuyu getirdik siz burada başka verileri require_once ile çekebilirsiniz

exit;
}else{

?>// php kdolarından çıktık bu sayede direk html kodları yazıyoruz

<form action="index.php" method="post">
<table align="center" cellpadding="1" cellspacing="1">
<tr>
<td>K.Adi</td>
<td>:</td>
<td><input type="text" name="username" class="username"/></td>
</tr>
<tr>
<td>Sfre</td>
<td>:</td>
<td><input type="password" name="password" class="userpasword"/></td>
</tr>
<tr>
<td colspan="3" align="right"><input type="submit" name="giris" value="Tamam" class="login_submit"/> </td>
</tr>
</table>
</form>

< ?php

}

?>