Bu derste yapacağımız örnekle Asp.Net sayfa yapısını anlamaya çalışacağız. Asp.Net te kodlar nasıl ve nereye yazılır? sorusunun cevabını alacağız.
Asp.net sayfalarını Dreamweaver da oluşturacağız. Asp.Net için Microsoft’un kendi ürünü olan Visual Web Developer daha daha gelişmiş araçlar ve daha az kod yazımı sunar. Fakat Asp.Net e yeni başlayan kullanıcılar için zor olandan başlamak yani daha fazla kod yazmak bence daha iyi.
İlk olarak sayfamızı oluşturmadan önce Dreamweaver da bir site oluşturalım. Site oluşturmanın yararlarından bahsedecek olursak :
1- Site Yönetimini çok daha etkin bir şekilde sağlarız.
2- Asp.Net sayfalarını sunucumuzda tek tuşla çalıştırabiliriz.
İlk olarak bir site oluşturalım. Aşağıdaki adımları takip edin.
Site Menüsünden New Site diyelim.
Çıkan Pencerede site ismini belirleyelim. Bu isim Sayfanızın Title bölümünde gözükecektir.
İleri dedikten sonra sayfamızı hangi dilde yazacaksak onu seçiyoruz. Biz VB.NET kullancağımız için onu seçiyoruz.
Sonraki pencerede dosyalarımızın nerede tutulacağını belirliyoruz. Varsayılan olarak c:İnetpupwwwroot klasörüdür. Bu klasör içinde sitenizin dosyalarını atacağınız bir klasör oluşturun ve o klasörü seçin. Resimde Unnamed Site 1 dir. İleri diyoruz.
Eğer uyarı çıkarsa OK diyelim ve son pencerede Done diyelim. Artık sayfamızı oluşturmaya hazırız. Sitemizin tüm dosylarını sağ taraftaki Files panelinden görebiliriz.
İlk sayfamızı oluşturalım.
Oluşturduğumuz sayfaya resimdeki gibi ASP.NET sekmesinden Bir textbox bir buton ve label ekleyelim. Burda şunu da söylemeliyiz. Asp.NET sayfalarında form oluştururken HTML form elemanlarını kullanmayacağız(<input type=”text”>). Sunucu tarafında çalışan Asp.NET form elemanlarını kullanacağız.
Şimdi sayfamız şöyle olacak. Butona tıkladığımızda Label da metin alanına yazılan yazıyı göreceğiz. Bu çok basit bir sayfa fakat ilk derste ASP.NET in yapısını kavramak için kolay ve anlaşılır olacak. Şimdi değişiklikler butona tıkladığımızda olacağı için butonun Click yani tıklama olayına kodlar yazacağız. Yazacağımız kodları HTML etiketlerinden farklı bir bölüme yazacağız.
Hemen sayfamızın baş tarafına geliyoruz ve sayfa tanımlama satırından sonra resimdeki kodları yazıyoruz.
Kopyalamak isteyenler için kodu burayada yazalım.
<%@ page language=”vb” %>
<script runat=”server”>
sub calistir(sender as object, e as eventargs)
label1.text=”Merhaba” & textbox1.text
end sub
</script>
<html>
<body>
<form runat=”server”>
<asp:textbox id=”metin_kutusu” runat=”server”/>
<asp:button id=”buton” text=”Tıkla ve gör” onclick=”calistir” runat=”server”/>
<asp:label id=”mesaj” runat=”server” />
</form>
</html>
</body>
Asp.Net te kodları yazdığımız bölümler Sub ile başlar. Bu bölümlere alt program denir. Burda calistir adında bir alt program tanımladık. Şimdi butona tıkladığımızda buraya gelinmesini sağlayacağız. Butonun özelliklerine aşağıda seçilmiş bölümü ekliyoruz, sayfamızı deneme.aspx ismiyle kaydediyoruz ve F12 ye basarak çalıştırıyoruz.
Arka planda kod içeren Sayfalar (Code-Behind Pages)
Yukarıdaki örnekte kodlarımızı yine aynı sayfada bulunan
sub calistir(sender as object, e as eventargs)
label1.text=”Merhaba” & textbox1.text
end sub
calistir ismindeki kod bloğuna yazdık. Asp.NET 2.0 sürümünde bu kullanımdan farklı olarak kodları ayrı bir sayfaya yazabiliyoruz. Bu kullanıma Code Behind deniyor. Yani sayfamızın ismi deneme.aspx ise kodları yazdığımız sayfanın ismi deneme.aspx.vb oluyor. Kodları VB.NET dilinde yazdığımız için kod sayfasının sonu vb ile bitiyor. Bu kullanıma Dreamweaver destek vermiyor. Fakat kodları Web Developer programında yazarsak butonun tıklama olayına gitmek için butonun üzerine çift tıklamak yeterli olur.
Aşağıdaki videoda bunu görebiliriz.
Fakat bu kullanım üzerinde şu an fazla durmayacağım. Asp.NET ilk aşamlarda Dreamweaver kullanacağız. bunu HTML kodlarını Not Defterinde yazmaya benzetebilirsiniz. Dreamweaver programı Asp.NET sayfaları oluşturmamıza izin verir fakat ASP.NEt 2.0 ile gelen yenilikleri görsel olarak desteklemez. Tabi kod olarak yazabilirsiniz. Ama ilerleyen derslerde Visual Web Developer programına değinceğiz.
Nisan 28th, 2010 at 20:27
hocam bn dediklerinizi aynen yaptm ama
[İlişkili kaynak satırı yok]
bu hatayı aldm lütfen yardm ediniz
tsk
Nisan 29th, 2010 at 14:28
Yardımcı olabilmem için işletim sistemini söyleyebilir misin?
Nisan 29th, 2010 at 14:34
Başlat Çalıştıra şu komutu yaz sonucu yazarsın. C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727>aspnet_regiis.exe -i
Nisan 2nd, 2011 at 11:03
Arkadaşlar win7 32bit ultimate kullanıyorum dün bir site aracılığıyla iis yi yükledim (yüklemez olaydım çalışmıyor ) 404.0 not found hatası veriyor. ne yaptımsa hangi siteye girdimse çözemedim hata veriyor. iki sorum olacak
1.bu hataya çözümü olan var mı ?
2.iis 7,5 versiyonunu kurmadan önceki ayarlara nasıl getiririm yani iis yi forrmatlaya bilirmiyim. yada kaldırıp baştan kursam ayarları sıfırlanmış olurmu?
bu konuda yardımlarınızı bekliyorum kafayı yicem yaa.
Nisan 17th, 2011 at 19:32
şayet 404 hatası veriliyor ise ve win7 de görüntülü iis ayarları yapma şeklinde gösterimler var burdan faydalanabilirsin. daha sonra .NetFramework 4.0 yuklemen tavsıye edilir. Win7 de denetim masasından ince ayarlar yapılarak iis ye kavuşabılırsın
Mayıs 19th, 2011 at 02:40
sorunumu çözdüm bilgisayara format attım sonra net framework 4.0 ı yükledim oldu kafayı yicektim ama çok uğraştırmıştı beni format attım sonra kurdum çalıştı tşk edrm..