Web Formları ASP.NET Teknolojisi üzerine oluşturulmuş web sayfalarıdır. Sunucuda yürütülür ve tarayıcıya çıktı üretir. .NET ortak dil çalışma zamanı tarafından desteklenen herhangi bir dildeki herhangi bir tarayıcıyla uyumludur. Esnektir ve özel kontroller oluşturmamıza ve eklememize olanak tanır.
ASP.NET Web Formları oluşturmak için Visual Studio'yu kullanabiliriz. Sunucu kontrollerini web formlarına sürükleyip bırakmamızı sağlayan bir IDE'dir (Entegre Geliştirme Ortamı). Ayrıca kontroller için özellikleri, olayları ve yöntemleri ayarlamamıza da olanak tanır. İş mantığını yazmak için herhangi bir .NET dilini seçebiliriz: Visual Basic veya Visual C#.
Web Formları iki bileşenden oluşur: görsel kısım (ASPX dosyası) ve formun arkasındaki, ayrı bir sınıf dosyasında bulunan kod.
İncir: Bu diyagram ASP.NET'in bileşenlerini gösterir
Web Forms'un temel amacı ASP'nin sınırlamalarını aşmak ve görünümü uygulama mantığından ayırmaktır.
ASP.NET aşağıdakiler gibi çeşitli kontroller sağlar: Web Formları için sunucu kontrolleri ve HTML kontrolleri. Aşağıda tüm bu kontrollerin tabloları var.
Sunucu Kontrolleri
Aşağıdaki tablo, Web Formlarına ilişkin sunucu tarafı denetimlerini içerir.
| Kontrol Adı | Uygulanabilir Etkinlikler | Tanım |
|---|---|---|
| Etiket | Hiçbiri | HTML sayfasındaki metni görüntülemek için kullanılır. |
| Metin kutusu | MetinDeğiştirildi | Formda metin girişi oluşturmak için kullanılır. |
| Düğme | Tıkla, Komuta Et | Buton oluşturmak için kullanılır. |
| Bağlantı Düğmesi | Tıklayın, Komuta Edin | Köprüye benzeyen bir düğme oluşturmak için kullanılır. |
| Resim Düğmesi | Tıklamak | ImagesButton oluşturmak için kullanılır. Burada bir görüntü Düğme olarak çalışır. |
| Köprü | Hiçbiri | Bir tıklama olayına yanıt veren bir köprü kontrolü oluşturmak için kullanılır. |
| Açılır liste | SelectedIndexChanged | Açılır liste kontrolü oluşturmak için kullanılır. |
| Liste kutusu | SelectedIndexCnhaged | HTML kontrolü gibi bir ListBox kontrolü oluşturmak için kullanılır. |
| Veri şebekesi | CancelCommand, EditCommand, deleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | Verileri göstermek için kullanılan bir frid oluşturmak için kullanılır. Bu kontrol ile sayfalama, sıralama ve formatlama işlemlerini de çok kolay bir şekilde gerçekleştirebiliyoruz. |
| Veri Listesi | CancelCommand, EditCommand, deleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | Tablosal olmayan ve verileri göstermek için kullanılan veri listesi oluşturmak için kullanılır. |
| Tekrarlayıcı | ItemCommand, ItemCreated, ItemDataBound | Veriler için tablo dışı bir format oluşturmamıza olanak tanır. Verileri, belirli bir yinelenen formatta bir araya getirilen HTML parçalarına benzeyen şablon öğelerine bağlayabilirsiniz. |
| Onay Kutusu | KontrolDeğiştirildi | Onay kutusu oluşturmak için kullanılır. |
| Onay Kutusu Listesi | SelectedIndexChanged | Hepsi birlikte çalışan bir grup onay kutusu oluşturmak için kullanılır. |
| Radyo düğmesi | KontrolDeğiştirildi | Radyo butonu oluşturmak için kullanılır. |
| Radyo Düğmesi Listesi | SelectedIndexChanged | Hepsi birlikte çalışan bir grup radyo düğmesi kontrolü oluşturmak için kullanılır. |
| Resim | Hiçbiri | Sayfa içerisinde görsel göstermek için kullanılır. |
| Panel | Hiçbiri | Konteyner görevi gören bir panel oluşturmak için kullanılır. |
| Yer tutucu | Hiçbiri | Kontrol için yer tutucuyu ayarlamak için kullanılır. |
| Takvim | SelectionChanged, VisibleMonthChanged, DayRender | Takvim oluşturmak için kullanılır. Varsayılan tarihi ayarlayabilir, ileri ve geri gidebiliriz vb. |
| Reklam Rotator | ReklamOluşturuldu | Görüntülenecek reklamların bir listesini belirtmemize olanak tanır. Kullanıcı sayfayı her yeniden görüntülediğinde. |
| Masa | Hiçbiri | Tablo oluşturmak için kullanılır. |
| XML | Hiçbiri | XML belgelerini HTML içerisinde görüntülemek için kullanılır. |
| Değişmez | Hiçbiri | Bir değişmez değeri göstermesi açısından bir etikete benzer, ancak çalışma zamanında yeni değişmez değerler oluşturmamıza ve bunları bu kontrole yerleştirmemize olanak tanır. |
HTML Kontrolleri
Bu kontroller tarayıcı tarafından oluşturulur. HTML kontrollerini sunucu kontrolü olarak da yapabiliriz. Bu konuyu eğitimimizin ilerleyen kısımlarında tartışacağız.
| Kontrollerin Adı | Tanım |
|---|---|
| Düğme | HTML butonu oluşturmak için kullanılır. |
| Yeniden başlatma tuşu | Formdaki diğer tüm HTML form öğelerini varsayılan değere sıfırlar |
| Gönder Düğmesi | Form verilerini, FORM etiketindeki Action özelliğinde listelenen belirtilen sayfaya otomatik olarak POST'lar |
| Metin alanı | Kullanıcıya HTML formunda bir giriş alanı verir |
| Metin Alanı | HTML formuna çok satırlı giriş için kullanılır |
| Dosya Alanı | Forma bir metin alanı ve Gözat düğmesi yerleştirir ve Gözat düğmesi tıklatıldığında kullanıcının yerel makinesinden bir dosya adı seçmesine olanak tanır |
| Şifre Alanı | HTML formundaki bir giriş alanı, ancak bu alana yazılan karakterler yıldız işareti olarak görüntüleniyor |
| Onay Kutusu | Kullanıcıya seçebileceği veya işaretini kaldırabileceği bir onay kutusu verir |
| Radyo düğmesi | Bir formda iki veya daha fazla kullanılır ve kullanıcının kontrollerden birini seçmesine olanak tanır |
| Masa | Bilgileri tablo biçiminde sunmanıza olanak tanır |
| Resim | HTML formundaki bir resmi görüntüler |
| Liste kutusu | Kullanıcıya öğelerin bir listesini görüntüler. Kaç öğenin gösterilmesini istediğinizi belirtmek için boyutu iki veya daha fazla arasından ayarlayabilirsiniz. Bu sınıra sığmayacak kadar fazla öğe varsa bu kontrole otomatik olarak bir kaydırma çubuğu eklenir. |
| Yıkılmak | Kullanıcıya öğelerin bir listesini görüntüler, ancak aynı anda yalnızca bir öğe görünecektir. Kullanıcı bu kontrolün yan tarafındaki aşağı oka tıklayabilir ve bir öğe listesi görüntülenecektir. |
| Yatay kural | HTML sayfası boyunca yatay bir çizgi görüntüler |