İzlenecek Yol: Basit Bir Web Uygulaması Oluşturmak

Makale
08/01/2011

Bu örnekte, İzlenecek yol: Web Performans Testi Kaydetme ve Çalıştırma'teki Web başarım testini temel olarak kullanarak basit bir Web uygulaması oluşturacaksınız.

Örnek Web başarım testi oluşturmak için, rasgele değişiklikler yapabileceğiniz bir Web uygulaması kullanmanız gerekir.

Bu yönergeyi tamamlamak için, aşağıdaki görevleri gerçekleştirmeniz gerekmektedir:

Basit Web uygulaması oluşturma.
Web uygulamasını el ile test edin.

Önkoşullar

Bu örnek için şunlar gerekir:

Microsoft Visual Studio 2010 Ultimate

Web Uygulaması Oluşturma

Web uygulaması oluşturmak için

Visual Studio 2010 Ultimate içinde, Dosya menüsünde Yeni'yi ve sonra Proje'yi tıklatın.

Yeni Proje iletişim kutusu görüntülenir.
Yüklü şablonlar altında, tercih ettiğiniz programlama dilini seçin ve Web'e tıklatın.
Web proje türleri listesinde, ASP.NET Boş Web Uygulaması'nı seçin.

Not

Bu yönergede çok az kod yazacaksınız.
Ad kutusunda, ColorWebApp yazın.
Konum kutusunda, Web uygulamanızı oluşturacağınız klasörü belirtin.
Çözüm için dizin oluştur'u seçin.
Tamam düğmesini tıklatın.
Çözüm Gezgini'nde, yeni ColorWebApp projesinin seçili olduğunu doğrulayın.
Proje menüsünden Yeni Öğe Ekle'yi seçin.

Yeni Öğe Ekle iletişim kutusu görüntülenir.
Öğeler listesinde, Web formu seçin.
Ad metin kutusunda, Default.aspx yazın ve sonra Ekle'yi tıklatın.

Web Uygulamasına Denetimler Ekleme

Web uygulamasına denetimler eklemek için

Çözüm Gezgini'nde, varsayılan.aspx'e sağ tıklatın ve Görünüm Tasarımcısı'nı seçin.

Boş bir sayfa görüntülenir.
Araç kutusu görünür değilse, Görünüm'ü ve ardından Araç kutusu'nu tıklatın.
Standart grubunda, RadioButtonList'i sayfaya sürükleyin.

Tasarım yüzeyine bir RadioButtonList denetimi eklenir.
RadioButtonList Görevler eylemi etiket bölmesinde, EditItems bağlantısını tıklatın.

ListItem Koleksiyonu Düzenleyicisi görünür.

Not

ListItem Koleksiyonu Düzenleyicisi'ni ayrıca Özellikler penceresinde Öğeler koleksiyonunu düzenleyerek de görüntüleyebilirsiniz.
Yeni bir öğe eklemek için Ekle'yi tıklatın.
ListItem özellikleri altında:
1. Metin özelliğini Kırmızı olarak değiştirin.
2. Seçili özelliğini True olarak ayarlayın.
Başka bir öğe eklemek için Ekle'yi tıklatın.
ListItem özellikleri altında Metin özelliğini Mavi olarak değiştirin.
ListItem Koleksiyonu Düzenleyicisi'ni kapatmak için Tamam'ı tıklatın.
Bir Button sayfanın üzerine sürükleyin ve Özellikler penceresinde, Metin özelliğini Gönder olarak değiştirin.
Dosya menüsünde, Tümünü Kaydet'i tıklatın.

Sayfaları Web Uygulamasına Ekleme

Web uygulamasına sayfalar eklemek için

Proje menüsünde, Yeni Öğe Ekle'yi tıklatın.
Yeni Öğe Ekle iletişim kutusunda şablon listesinden Web Formu'nu seçin, Ad türüne Red.aspx yazın ve ardından Ekle'yi tıklatın.
Belge penceresinin en altında, tasarım görünümünü değiştirmek için Tasarım sekmesini tıklatın.
Label sayfaya sürükleyin. Özellikler penceresinde, Metin özelliğini Kırmızı ve ForeColor özelliğini Kırmızı olarak ayarlayın.
Proje menüsünde, Yeni Öğe Ekle'yi tıklatın.
Yeni Öğe Ekle iletişim kutusunda Web Form şablonunu tıklatın ve Blue.aspx (Mavi.aspx) olarak adlandırın ve sonra Ekle'yi tıklatın.
Belge penceresinin en altında, dasarım görünümünü değiştirmek için Tasarım sekmesini tıklatın.
Label sayfaya sürükleyin. Özellikler penceresinde, Metin özelliğini Mavi ve ForeColor özelliğini Mavi olarak ayarlayın.
Dosya menüsünde, Tümünü Kaydet'i tıklatın.

Web Uygulamasına İşlevsellik Ekleme

Web uygulamasına işlevsellik eklemek için

Çözüm Gezgini'nde, varsayılan.aspx'e sağ tıklatın ve Görünüm Tasarımcısı'nı tıklatın.
Submit Button çift tıklatın. Visual Studio sayfa kodunu değiştirir ve , Button kontrolünün Click olayı için iskelet olay işleyicisi oluşturur.

Olay işleyicisine aşağıdaki kodu ekleyin:

if (this.RadioButtonList1.SelectedValue == "Blue")
{
    Response.Redirect("Blue.aspx");
}
else
{
    Response.Redirect("Red.aspx");
}

If RadioButtonList1.SelectedValue = "Blue" Then
    Response.Redirect("Blue.aspx")
Else
    Response.Redirect("Red.aspx")
End If

Dosya menüsünde, Tümünü Kaydet'i tıklatın.

Web Uygulamasını El ile Test Etme

Web uygulamasını el ile test etmek için

Çözüm Gezgini'nde, Varsayılan.aspx'e sağ tıklatın ve ardından Başlangıç Sayfası Olarak Ayarla'yı tıklatın.
Tarayıcıda Web uygulamasını çalıştırmak için CTRL+F5 tuşuna basın. İlk sayfasını göreceksiniz.
Kırmızı'yı ardından Gönder'i tıklatın. Uygulama doğru çalışıyorsa, Red yazan Label ile sayfaya gideceksiniz.
İlk sayfaya geri dönün.
Mavi'yi ardından Gönder'i tıklatın. Uygulama doğru çalışıyorsa, Mavi yazan Label ile sayfaya gideceksiniz.

Sonraki Adımlar

Buradaki örnekte basit bir Web uygulaması oluşturdunuz ve el ile test ettiniz. Şimdi bu uygulamayı test etmenize olanak sağlayan bir Web Başarım Testi oluşturmaya hazırsınız. Daha fazla bilgi için bkz. İzlenecek yol: Web Performans Testi Kaydetme ve Çalıştırma.

Ayrıca bkz.

Görevler

İzlenecek yol: Web Performans Testi Kaydetme ve Çalıştırma

Aracılığıyla paylaş