Merhabalar güzel bir gecenin ardından farklı bir makalede baş başayız.Öncelikle ramazan ayı tüm islam alemine hayırlı olması dilekleriyle başlayalım.Önceki makalemi okudysanız eğer(Önceki Makalem) bildiğiniz gibi asp.net sayfamızda basit bir üyelik formu oluşturmuştuk bu makalemde ise basit bir Image Validator yazıcaz yani önceki makalemle bir nevi bağlantı kurucaz devamı gibi görünse de apayrı bir makale olacak..
Önceki makalede neler yapmıştık bi tekrar edecek olursak eğer Bir tablo ve form elemanları ekleyerek form bilgilerini veritabanına gönderme ve saklamayı görmüştük peki Image Validator nedir? image validator bir form gönderme üyelik, yorum, bilgi formu vb.. bölümlerde olan ve genelde gönder butonun hemen üstünde bir Image nesnesi göreceksiniz her sayfa yüklenişinde rastgele harf ,rakam ve çizgilerden oluşan güvenlik koduna denir.Hemen ilk bakışta internet kullanıcılarının akıllarına şu soru geliyor "Neden koyarlar anlamam bu kodu ki belli oluyor", "Bak bunu karışık yapmışlar" gibi cümleler kurmaları gayet normal ee peki ne işe yarıyor; öncelikle bu güvenlik kodunun site sahiplerinin veritabanı güvenliği için yapıldığını belirtmek isterim çünkü form verilerini veritabanına gönderiyoruz güvenlik kodu ise bu verilerin bir anda birden fazla ama çok çok fazla veritabanına gönderilip veritabanını şişirmesini engellemektedir tabiki bir kişi bir anda milyonlarca veriyi gönderemez ama bu işi yapan hack programlar geliştiriliyor program saniyeler içinde milyonlarca veriyi veritabanına göndererek şişirmesine ve sitenin haliyle kasılmasına sebebiyet veriyor güvenlik kodunu bir program göremeyeceği için dimi haliyle anlamışsınızdır artık ne işe yaradığını dimi gel gelelim şimdi üyelik formumuza monte etmeye geldi
Bu Image Validator'ü 2 bölüm halinde anlatmak istiyorum Basit ve Prfosyonel Olarak ayırdım çünkü basit olanı image validator mantığını anlamak babında olsun diğeri kaliteli bir image validator olacak inşallah.Öncelikle Önceki Üyelik formumuzun altına bir adet LABEL, bir adet LİNKBUTTON ve bir adet TEXTBOX ekleyelim.
Ve yine en zevkli bölüme geldik kodlamaya yani ilk etapta rastgele üretilecek olan harf ve sayılarımızı 4 adet string dizimiz olacak dizilere eklediklerimiz verileri rastgele ürettiğimiz sayılardaki dizilerin indexlerinden çağıracağız Nasıl mı?
LinkButtonumuzun tıklama event 'ına Labelımızın textinde görüntülenmesi için gerekli kodu yazıoruz. Resim Göster Metodunu Labelin Text ine Çağırıyoruz
protected void lnkBtnKodGoster_Click(object sender, EventArgs e)
{
lblImageValidator.Text = ResimGoster();
}
private string ResimGoster()
{
string[] Harf1 = { "A", "B", "C", "D", "E", "F", "G", "I" };
string[] Harf2 = { "J", "K", "L", "M", "N", "O", "P", "R" };
string[] Harf3 = { "S", "T", "U", "V", "Y", "Z", "W", "H" };
string[] Sayi ={ "0", "1", "2", "3", "4", "5", "6", "7", "8", "9" };
Random rnd = new Random();
string kelime = Harf1[rnd.Next(0, Harf1.Length)] + Sayi[rnd.Next(0, Sayi.Length)] + Harf2[rnd.Next(0, Harf2.Length)] + Sayi[rnd.Next(0, Sayi.Length)] + Harf3[rnd.Next(0, Harf3.Length)];
return kelime.ToString();
}
Son işlem olarak Göner Buttonumuzun Click Event ine yazdığımız koddaki değişikliğe geldi.
protected void btnKaydet_Click(object sender, EventArgs e)
{
if (txtSifre.Text == txtSifreTekrar.Text)
{
if (lblImageValidator.Text==txtImageValidator.Text.ToString())
{
UyeKaydet();
lblDurum.Text = "Üyeliğiniz Gerçekleşmiştir";
}
else
{
lblDurum.Text = "Güvenlik Kodu Hatalı Girdiniz !";
}
}
else
{
lblDurum.Text = "Hatalı Şifre Yeniden Deneyiniz";
}
}
Ve F5 ile Debug edebiliriz TextBoxlarımızı doldurduktan sonra kodu göster linkini tıklayıp gelen resmi görebiliyoruz
şimdi gördüğümüz kodu yazıp ve gönder buttonunu tıklayalım sonuç olarak güvenlik önlemimizi yapmış bulunmaktayız tüm arkadaşlara faydalı olması temennisiyle ve çalışmalarınızda başarılar dileyerek bir sonraki makalemizde görüşmek üzere esen kalın....