CSS & PHP Uygulaması : Kayıt & Silme & Güncelleme İşlemleri
Merhaba Arkadaşlar,
Bu makalede sizlere olabilecek en güzel php makalelerinden veri kayıt & veri silme & veri güncelleme işlemlerini anlatacağım. Unutulmaması gerekir ki her PHP uygulamasında bir yerden veri çekmek için öncelikle kayıtlı veriler olmalıdır. Daha sonra istenmeyen bölümlerin kaldırılması için kodlanmış bir silme bölümü olmalıdır. Ayrıca yanlış girilmiş veya zamanla değişikliğe uğramış bilgiler için güncelleme işleminin gerçekleştirilmesi gerekmektedir. İşte bu işlemleri de bu uygulamamızda bir kaç form yardımı ile düzenleyerek gerçekleştireceğiz. Uygulamayı tasarlarken ki amacımız yeni bir üyenin sitemize kayıt edilmesini düşünmek , üyenin istenilen bir bilgisi girildiğinde silinmesini düşünmek ve değişiklik yapılması gereken bir bilginin güncellenmesini sağlamak olacaktır. Kısa bir form ile çekeceğimiz bilgileri local de kurulu olan veritabanı tablomuza göndererek verileri kaydedeceğiz. Bu uygulama içerisinde kullanacağımız formun tasarımı kısmında ise stil dosyamızdan alarak düzgün bir görünüm yaratmaya çalışacağız.
Vakit kaybetmeden uygulamamıza geçelim. İlk işlem olarak 3 adet sayfa yaratıyoruz ve isimlerini ” index.php ” , ” ayar.php ” ve ” stil.css ” şeklinde veriyoruz. İlk olarak index sayfamızı açıyoruz ve aşşağıdaki biçimde kodlayarak ana görünüm için formları hazırlamış oluyoruz.
<html> <head> <title>BilgiSayaci.Org - PHP Uygulaması</title> <link rel="stylesheet" type="text/css" href="stil.css" /> </head> <body> <div class="userform"> <h1>Üye Kayıt Formu</h1> <form action="kayit.php" method="POST"> <input type="text" name="adi" id="adi" placeholder="Adınız & Soyadınız.." class="yazi" /> <br /> <input type="text" name="kadi" id="kadi" placeholder="Kullanıcı Adınız.." class="yazi" /> <br /> <input type="password" name="pass" id="pass" placeholder="Parolanız.." class="yazi" /> <br /> <input type="text" name="mail" id="mail" placeholder="E-Mail Adresiniz.." class="yazi" /> <br /> <input type="submit" name="gonder" value="Kayıt" class="buton" /> <input type="reset" name="sil" value="Temizle" class="buton" /> </form> </div> <div class="userform"> <h1>Üye Silme Formu</h1> <form action="sil.php" method="POST"> <input type="text" name="kadi" id="kadi" placeholder="Kullanıcı Adı.." class="yazi" /> <br /> <input type="submit" name="gonder" value="Sil" class="buton" /> <input type="reset" name="sil" value="Temizle" class="buton" /> </form> </div> <div class="userform"> <h1>Üye Şifre Değiştirme Formu</h1> <form action="guncelle.php" method="POST"> <input type="text" name="kadi" id="kadi" placeholder="Kullanıcı Adı.." class="yazi" /> <br /> <input type="password" name="pass" id="pass" placeholder="Yeni Parola.." class="yazi" /><br /> <input type="submit" name="gonder" value="Kayıt" class="buton" /> <input type="reset" name="sil" value="Temizle" class="buton" /> </form> </div> </body> </html>
Daha sonra stil sayfamızı açıyoruz ve background , form text alanları , form butonları gibi alanları istediğimiz biçimde tasarlıyoruz.
body
{
background: #999CFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#999CFF), to(#FAFBF9));
background: -webkit-linear-gradient(#999CFF, #FAFBF9);
background: -moz-linear-gradient(#999CFF, #FAFBF9);
background: -ms-linear-gradient(#999CFF, #FAFBF9);
background: -o-linear-gradient(#999CFF, #FAFBF9);
background: linear-gradient(#999CFF, #FAFBF9);
}
.userform{width: 500px;float: left;}
.yazi{width: 400px; height: 40px; border-radius: 20px; padding: 8px; margin-bottom: 10px; color: #aaa; font-size: 12pt; font-family: tahoma,sans-serif;}
.buton{width: 200px; height: 50px; border-radius: 10px;}
Gördüğünüz üzere background için gradient işlemi ile iki renk arası geçişi sağlayan bir görüntü elde ettik. Float ile formları alt alta getirmek yerine biraz daha bütün bir görüntü elde ettik. text alanları ve butonları istediğimiz gibi width * height değerleri ile süsledikten sonra border-radius gibi kenarlık süslemeleri yaptık. Ve bu işlemleri tamamladıktan sonra şu ana kadar ki geldiğimiz nokta da görüntü şu biçimde olacaktır.
Şimdi bu kısımdaki işlemlerimi bittiğine göre artık daha mühim işlemlere yani uygulamanın PHP tarafına geçebiliriz..
Bu bölümde yapacağımız ilk işlem oluşturduğumuz veritabanı içerisine ” uyeler ” isminde ” 5 ” sütunlu bir tablo oluşturmak şeklinde olacaktır. Oluşturulan tablo ve değerleri fotoğrafta ki gibi olacaktır. ( Önemli Not : Aman ha ID değerinin Auto Increment yapmayı unutmayın 🙂 ).
Yani şimdi sonuç olarak benim var olan bir ” test ” isimli veritabanım içerisine ” 5 ” sütunlu bir ” uyeler ” tablosu açıldı ve içerisine ” ID , adi , kadi , parola , mail ” ana başlıkları eklendi. Şimdi ise PHP dosyalarımızın uygulamamız çalışırken veritabanımıza bağlanabilmesi için ayar.php sayfamızı açıyoruz ve şu kodu yazıyoruz..
<?php
//Veritabanı bağlantı değişkenleri oluşturuluyor. Siz local 'de yapmıyorsanız kendi host bilgilerinizi girmelisiniz
$host = "localhost";
$user = "root";
$pass = "";
//Hangi sıra ile bağlantı yapılacağı belirleniyor.
$connect = mysql_connect($host,$user,$pass);
//Bağlantı Sağlanamaz ise yapılacak işlemler..
if(! $connect) die("MySQL Veritabanı Bağlantısı Sağlanamadı !!");
//Tablonun bulunduğu veritabanı adı
$db = "test";
//Veritabanı seçimi yaptırılıyor..
mysql_select_db($db,$connect) or die ("Veritabanı Bağlantısı Sağlanamadı");
?>
Bu kodları yazdıktan sonra localhost ‘umuzdan ayar.php sayfamızı çalıştırıp kontrol ettiğimizde karşımızda bembeyaz bir sayfanın görüntülenmesi gerekmektedir. Bu sorunsuz olduğu anlamına gelir.
Şimdi ilk işlem olan kayıt işlemimiz için formun action kısmında belirttiğimiz ” kayit.php ” sayfamızı oluşturuyor ve kodlamaya başlıyoruz..
<?php
include("ayar.php");
$adsoyad = $_POST["adi"];
$kullaniciadi = $_POST["kadi"];
$parola = $_POST["pass"];
$mail = $_POST["mail"];
$add = mysql_query("INSERT INTO uyeler(adi,kadi,parola,mail) VALUES('$adsoyad','$kullaniciadi','$parola','$mail')");
if ($add)
{
echo "Ekleme İşlemi Başarılı Bir Şekilde Gerçekleştirildi";
}
else
{
echo "Hata";
}
?>
Gördüğünüz üzere ilk olarak bağlantıları yaptığımız ayar sayfasını ” include ” ettik , daha sonra form içerisindeki değişkenleri isimlerine göre kendi değişkenlerimize atadık ve ” add ” değişkeni ile bir insert sorgusu yarattık ve verilerimizi sırasıyla veritabanına kaydettirdik. En son olarak ise bir if döngüsü ile girdiğimiz verilerin kayıt edilip edilmediğini sorduk.
Bu işlemi de gerçekleştirdiyseniz ” index.php ” sayfasını çalıştırıyoruz ve üye kayıt formunu doldurarak ” kayıt ” butonuna tıklıyoruz. Daha sonra ” PHPMyAdmin ” içerisinden tablomuzu kontrol ediyoruz ve mutlu sona ulaşıyoruz. Bilgilerimiz kaydedilmiş 🙂
Kayıt işlemimizi başarıyla gerçekleştirdiğimizi görebildiysek şimdi de silme işlemimize geçelim. Bunun için form action bölümünde yazan ” sil.php ” sayfamızı oluşturuyoruz ve kodluyoruz.
<?php
include("ayar.php");
$kullaniciadi = $_POST["kadi"];
$delete = mysql_query("DELETE FROM uyeler WHERE kadi= '$kullaniciadi'");
if ($delete)
{
echo "Silme İşlemi Başarılı Bir Şekilde Gerçekleştirildi";
}
else
{
echo "Hata";
}
?>
ilk yaptığımız kayıt işlemine benzer bir yapıya büründürdüğümüz kayıt silme sayfamız sordu satırında farklılık gösteriyor. Ekleme işleminde kullandığımız Insert komutu yerini Delete komutuna bırakıyor. Bunun dışında genel sayfa görünümüne baktığımızda bileşenlerin yerleri ile ilgili herhangi bir oynama söz konusu değildir. İşlem sonunda ” vkara ” kullanıcı adı ile üye olmuş bir kullanıcıyı sistemimizden silmek için sayfayı çalıştırıp işlemleri gerçekleştirdiğimizde tablomuzun verdiği görüntü bu işleminde başarılı sonuçlandırıldığını göstermektedir.
Sıra geldi bu makalemizde en son işlemimiz olan Güncelleme bölümüne..
Bunun içinde formun action bölümünde belirtilen ” guncelle.php ” sayfamızı oluşturuyoruz ve kodlamaya başlıyoruz.
<?php
include("ayar.php");
$kullaniciadi = $_POST["kadi"];
$yeniparola = $_POST["pass"];
$update = mysql_query("UPDATE uyeler SET parola = '$yeniparola' WHERE kadi= '$kullaniciadi'");
if ($update)
{
echo "Güncelleme İşlemi Başarılı Bir Şekilde Gerçekleştirildi";
}
else
{
echo "Hata";
}
?>
Son formumuz da gördüğümüz iki değeri (kullanıcı adı , yeni parola) çektirerek ” update ” satırımızı yazdık ve şartımız(where) başarıyla gerçekleştirildiği için sorunsuz bir makalenin daha sonuna geldik. Üyelerimizden ” acan ” ın şifresini ” 123456 ” dan ” 111111 ” şeklinde değiştirdik.
Not : Bu ders içeriğinde kullanılan dosyaları İndir Sayfası 12 No ‘lu Maddeden İndirebilirsiniz..
@mysqli_query($bag,”INSERT INTO ogrenciler(numara, ad, soyad, sınıf, not) VALUES (‘$numara’, ‘$ad’, ‘$soyad’, ‘$sinif’, ‘$not’);”)or die(“Hata: kayıt işlemi gerçekleşemedi.”);
hata nerde acaba
bu arada çok basit ve anlaşılır bir şekilde konularınızı anlatıyorsunuz emeğinize sağlık.
merhaba bu projenın hazır halı varmı ındırme seklı
@burak,
yazının altında Not bölümünde ilgili linki bulabilirsin.
bunu indirmedim aslında kodları aynı sekılde duzdum sql hatası verıyor sureklı
Fatal error: Uncaught Error: Call to undefined function mysql_connect() in C:\xampp\htdocs\odev2\ayar.php:9 Stack trace: #0 C:\xampp\htdocs\odev2\kayit.php(3): include() #1 {main} thrown in C:\xampp\htdocs\odev2\ayar.php on line 9
baglantıları kontrol ettım . vermemelı normalde .
sql dosyası gereklıdır abana aslında üstad
Çok güzel,yararlandık, Teşekkürler