Textbox’a Girilen Verilerin, Label’a Yazdırılması
Bu çalışmayı c# dili ile hazırlayacağız. Microsoft Visual Studio Programımız ile yeni bir “ASP.NET Web Site” açıyoruz. Bunun için;

File—>New Web Site seçeneklerini takip ediyoruz.

Language seçeneğinden; Visual C# dilini seçiyoruz. Bilen arkadaşlar Visual Basic dilinide seçebilirler. Daha çok C# tercih edilmesinden dolayı, ben C# üzerinden anlatım yapacağım. 
 



Çalışmamız açıldıktan sonra “Solution Explorer” penceresinde, çalışmamız içerisinde bulunan dosyalar ve klasörler gözükmektedir. Kısaca bunlardan bahsedelim;

App_Data: bu klasör içersinde, web sitemizle ilgili veritabanları yer almaktadır.

Default.aspx: Visual Studio’nun bize default olarak sunduğu sayfadır.  Web sitelerimizde oluşturacağımız sayfalar, bu şekilde olacaktır. Örneğin, hakkimizda.aspx ; index.aspx ; referanslar.aspx v.b.

Default.aspx.cs: dosyası ise code-behind adı verilen dosyalardır. Çeşitli kontrollerimize görevler vereceğimiz zaman bunları code-behind sayfalarımıza yazarız. Örneğin, bir buton’a tıklanınca yapılacakları code-behind dosyalarımıza yazarız. Bu yapılacakları, aspx sayfalarımıza da yazabiliriz, fakat hem kod karmaşasından kurtulmak için, hem sistemin daha verimli çalışması için code-behind sayfalarımıza kodlarımızı yazarsak daha verimli olur. İlerleyen zamanlarda, aspx sayfalarına da bu olayları yazmasını öğreneceğiz.

Web.config: Uygulamamız ile ilgili çeşitli yapılandırma ayarları bulunmaktadır. İlerleyen derslerde daha detaylı şekilde web.config dosyasını inceleyeceğiz.

Evet çalışmamızı açtıktan sonra; default.aspx dosyamızı tıklayarak açıyoruz. Daha sonra “design” bölümüne geçiyoruz.



Design: sitemizi görsel olarak tasarlayacağımız kısım.
Split: hem görsel hemde kodları aynı anda göreceğimiz kısım.
Source: sitemizin kodlarını yazacağımız kısımdır.

Şimdi Toolbox’dan defult.aspx sayfamıza STANDART KONTROLLERİN İÇERİSİNDEN; 2 tane textbox, 1 tane button ve 1 tane label ekleyelim. Sürükle bırak ile veya kontrolü çift tıklayarak sayfamıza ekleyebiliriz.


Button’umuzu seçerek; yan taraftaki Properties panelinden, Button’umuzun text özelliğindeki değeri “GÖNDER” yazalım.



Evet alttaki resimde gördüğünüz gibi button’un üzerinde yazan yazı “GÖNDER” oldu.

Aynı işlemi de label için uyguluyoruz ve Text özelliğini boş bırakıyoruz. Çünkü sayfamız, açıldığında label’ı boş bırakmazsak ekranda “label” yazacaktır.

Şimdi button’umuzu çift tıklayarak button’umuza basıldığında, olacak olayı yazacağımız sayfa açılacak. Yani code-behind sayfası, default.aspx.cs sayfası.





Yukarıdaki resimde gördüğünüz gibi kodlarımızı Button1_Click içine yazacağız.

Label1.Text=TextBox1.Text + “  “ + TextBox2.Text;

kodumuz bu şekildedir. Kod sayfamıza açıklama ekleyeceğimiz zaman, açıklamanın başına “// “ ekliyoruz. Yukarıdaki resimde de gördüğümüz gibi yeşil renkli açıklama satırları vardır.

Eğer kodlarımızı yazarken şu şekilde yazsaydık;
 Label1.Text=TextBox1.Text  + TextBox2.Text;

button’a bastığımızda label da gözükecek yazılar; birleşik olacaktır. Bunu da deneyerek görebilirsiniz.

Evet şimdi F5 e basarak, çalışmamızı test edelim. Textbox’lara veri girerek Button’a basalım.

Sonuç görüldüğü gibidir. Şimdi bir tane daha label ekleyelim. Bu sefer kodları da şu şekilde yazalım;

Label2.Text=TextBox1.Text  + TextBox2.Text;

Böylece iki kod arasındaki farkı görelim.




Label2 de yazan yazı birleşik yazılmıştır.