ASP.NET WEB FORM
Önceki yazımda web uygulaması geliştirmek için öncelikle ne yapmamız gerektiğini yazmıştım.Bugün o uygulamanın üstüne web form ekleyerek sitemizin kod kısmını ve görüntü kısmını nasıl yapacağımızı yazacağım.
Uygulamamızı açtıktan sonra uygulamamıza sağ tıklıyoruz.Fakat burda önemli olan solution kısmına sağ tıklamıyoruz,kendi projemize sağ tıklıyoruz.Add diyoruz çıkan seçeneklerden Web Form kısmını seçiyoruz.Sitemizde ilk açılan kısım default olarak isimlendirilir.Bu bir zorunluluk değildir.Fakat kendinizi böyle alıştırmanız iyi olacaktır.Formumuza default ismini verdikten sonra ekrana Default.aspx sayfası açılacaktır.Solutıon explorer kısmına ise Default.aspx isminde Web Formumuz gelecektir.Öncelikle sağdaki yeri incelersek,
Şekil 1 : Solution Explorer
Default.aspx sayfamıza 2 dosya açılmış.
Default.aspx.cs:Bu kısımda bizim yazacağımız c# kodları yer almaktadır.
Default.aspx:Bu kısımda ise sitemizin tasarımı yer almaktadır.Bu kısımda HTML kodları yazacağız.Çünkü web browserlar(google,mozilla vb.) bizim yazacağımız C# kodlarını anlamayacaktır.Bunları HTML olarak yazarsak anlayacaktır.Bu yüzden html kullanıyoruz.
Default.aspx
Bu kısım Web Form açtıktan sonra ekrana çıkan kısımdır.Görüldüğü gibi içinde html kodları yer alıyor.Bu kısmı 3 değişik şekilde görüntüleyebilirsiniz.Formunda aşağısında design,split,source kısımları yer almaktadır.Design kısmını seçerseniz sayfanızın görüntüsünün nasıl olduğunu görürsünüz ve html kodlarını görüntüleyemezsiniz.Source kısmını seçerseniz sayfanızın html kodlarını görüntülersiniz fakat sayfanınızın görünüşünü görüntüleyemezsiniz.Ortadaki seçenek olan Split seçerseniz sayfanızın üst kısmında html kodlarınızı,alt kısmında ise görüntüsünü görüntüleyebilirsiniz.
Şekil 2 : Source Kısmı
Şekil 3 : Design Kısmı
Şekil 4 : Split Kısmı
Default.aspx.cs
Bu kısımda sayfanızın işleyişiyle ilgili C# kodlarınızın yer alacağı kısımdır.İlk açıldığında çalışacak olan event ise Page_Load'dır.Yanı sayfamız geldiğinde load olduğunda çalışacağı eventtir.Bu kısmı açarsanız karşınızda sadece bu eventin yazılacağı method var olduğunu görürsünüz.Daha sonraki yazılarımda birden çok event ekleyip C# kodları yazacağız.
Şekil 5 : Default.aspx.cs





Yorumlar
Yorum Gönder