Web Programlama - 3. Sınıf - 4. Ünite Özet

Ders Notları

Form İşlemleri ve Model Bağlama

Web Programlama 2 - Ünite 4: Etkileşim ve Veri Transferi

Web'in Etkileşim Gücü

Bu ünite, kullanıcıdan veri almanın, bu veriyi sunucuya taşımanın ve sunucuda anlamlı nesnelere dönüştürmenin (Mapping) mühendisliğini ele alır. Statik sayfalardan, yaşayan uygulamalara geçişin anahtarıdır.

1

Web Formlarının Anatomisi

Form, kullanıcı ile uygulama arasındaki ana etkileşim noktasıdır. Teknik iskelet şu şekildedir:

• <form> Tüm giriş elemanlarını kapsayan ana taşıyıcı.
• Action Verilerin nereye (hangi URL/Controller) gideceğini belirtir.
• Method Verilerin nasıl taşınacağını (GET/POST) belirler.
• Name Kritik! Sunucunun veriyi tanıması için anahtardır.

HTML Form Örneği

<form action="/Ogrenci/Kaydet" method="post">

  <!-- Input: Veri Girişi -->
  Ad: <input type="text" name="ad" />
  
  <!-- Şifre Alanı -->
  Şifre: <input type="password" name="sifre" />

  <input type="submit" value="Gönder" />

</form>

2

HTTP Protokolü: GET vs POST

GET Metodu

www.site.com/?ad=Ali&yas=25

• Veriler URL adresinde (Query String) taşınır.
• Hızlıdır, önbelleğe (cache) alınabilir.
• Güvenli değildir (Şifre taşınmaz).
• URL karakter sınırı vardır (dosya yüklenemez).

POST Metodu

www.site.com/kaydet (Veri Gizli)

• Veriler gövdede (Body) gizli taşınır.
• Güvenlidir (Şifre, Kimlik vb. için).
• Dosya yükleme ve büyük veriler için kullanılır.
• Önbelleğe alınmaz.

3

Uygulama: Veri Gönderimi (Eski Yöntem)

Adım 1: Veri Kalıbı (Class)

public class Ogrenci {
    public string OgrAd { get; set; }
    public string OgrSoyad { get; set; }
}

Adım 2: Manuel Yakalama (Zor Yol)

Verileri HttpContext üzerinden "name" ile tek tek ayıklarız.

[HttpPost]
public string Kaydet() {
    // Name değerlerini elle çağırıyoruz
    string gelenAd = HttpContext.Request.Form["ad"];
    string gelenSoyad = HttpContext.Request.Form["soyad"];
    return gelenAd + " " + gelenSoyad;
}

4

Model Binding: Modern Çözüm

Sistem, HTML formundaki name değeri ile C# sınıfındaki Property adını karşılaştırır ve otomatik eşleştirir.

HTML (View)

<input type="text" name="OgrAd" />
<input type="text" name="OgrSoyad" />

C# (Controller)

[HttpPost]
public string Kaydet(Ogrenci ogr)
{
// Otomatik Doldu!
return ogr.OgrAd;
}

Sonuç: C# geliştiricisi veriyi parse etmekle uğraşmaz. Sistem, gelen OgrAd verisini ogr nesnesinin OgrAd özelliğine otomatik bağlar.

Web Programlama 2 © 2024

Ünite 4: Form İşlemleri ve Model Bağlama - Akademik Ders Notları