Aracılığıyla paylaş


İzlenecek yol: Basit Web Uygulaması Oluşturma

Bu izlenecek yolda, bir Web performans testi için temel olarak kullanmak için basit bir Web uygulaması oluşturacaksınız İzlenecek yol: Web Performans Testi Kaydetme ve Çalıştırma.

Aşağıdaki görevleri gerçekleştirmeniz:

  • Basit bir Web uygulaması oluşturun.

  • Web app el ile test edin.

Önkoşullar

Gereksinim duyacaklarınız aşağıdadır:

  • Visual Studio Ultimate

Bir Web uygulaması oluşturma

Web uygulaması oluşturmak için

  1. İçinde Visual Studio Ultimate, Dosya menüsünden seçin Yeni ve sonra seçin Proje.

    Yeni Proje iletişim kutusu görüntülenir.

  2. Altında Yüklü Şablonlar, tercih ve sonra seçin programlama dilini genişletin Web.

  3. Web proje türleri listesinde, ASP.NET Boş Web Uygulaması'nı seçin.

    Not

    Bu yönergede çok az kod yazacaksınız.

  4. Ad kutusunda, ColorWebApp yazın.

  5. İçinde yere kutusunda, Web uygulaması oluşturmak istediğiniz klasörü belirtin.

  6. Çözüm için dizin oluştur'u seçin.

  7. Tamam'ı seçin.

  8. Çözüm Gezgini'nde, yeni ColorWebApp projesinin seçili olduğunu doğrulayın.

  9. Üzerinde Proje menüsünden seçin Add New Item.

    Yeni Öğe Ekle iletişim kutusu görüntülenir.

  10. Öğeler listesinde, Web formu seçin.

  11. İçinde adı metin kutusunu, türü Default.aspx ve sonra Ekle.

Web App denetimleri ekleme

Web uygulaması için denetimler eklemek için

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

    Boş bir sayfa görüntülenir.

  2. Araç Kutusu'ndan görünür değilse, Görünüm menüsünden seçin araç.

  3. Standart grubunda, RadioButtonList'i sayfaya sürükleyin.

    Tasarım yüzeyine bir RadioButtonList denetimi eklenir.

  4. Genişletme RadioButtonList görevler eylem bölmesinde etiket ve seçmek EditItems bağlantı.

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

    Not

    Ayrıca görüntüleyebilirsiniz ListItem Koleksiyonu Düzenleyicisi düzenleyerek öğeleri Özellikler penceresi koleksiyonuna.

  5. Seçim Ekle yeni bir öğe eklemek için.

  6. ListItem özellikleri altında:

    1. Metin özelliğini Kırmızı olarak değiştirin.

    2. Seçili özelliğini True olarak ayarlayın.

  7. Seçim Ekle başka bir öğe eklemek için.

  8. ListItem özellikleri altında Metin özelliğini Mavi olarak değiştirin.

  9. Seçim Tamam kapatmak için ListItem Koleksiyonu Düzenleyicisi.

  10. Bir Button sayfanın üzerine sürükleyin ve Özellikler penceresinde, Metin özelliğini Gönder olarak değiştirin.

  11. Üzerinde Dosya menüsünden seçin Tümünü Kaydet.

App Web sayfaları ekleme

Web app sayfaları eklemek için

  1. Üzerinde Proje menüsünden seçin Add New Item.

  2. İçinde Add New Item iletişim kutusunda seçin Web formu ve şablonları listesinden adı türü Red.aspx. Sonra seçim Ekle.

  3. Belge penceresinin en altında seçin Tasarım Tasarım görünümüne geçiş yapmak için sekme.

  4. Label sayfaya sürükleyin. Özellikler penceresinde, Metin özelliğini Kırmızı ve ForeColor özelliğini Kırmızı olarak ayarlayın.

  5. Üzerinde Proje menüsünden seçin Add New Item.

  6. İçinde Add New Item iletişim kutusunda, Seç Web formu şablon, onu Blue.aspxve sonra seçin Ekle.

  7. Belge penceresinin en altında seçin Tasarım Tasarım görünümüne geçiş yapmak için sekme.

  8. Label sayfaya sürükleyin. Özellikler penceresinde, Metin özelliğini Mavi ve ForeColor özelliğini Mavi olarak ayarlayın.

  9. Üzerinde Dosya menüsünden seçin Tümünü Kaydet.

Web App işlevsellik ekleme

Web uygulaması için işlevselliği eklemek için

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

  2. 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.

  3. 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
    
  4. Üzerinde Dosya menüsünden seçin Tümünü Kaydet.

Web App el ile test etme

Web app el ile test etmek için

  1. Çözüm Gezgini'nde, varsayılan.aspx'e sağ tıklatın ve sonra seçin Başlangıç sayfası olarak ayarla.

  2. Tarayıcıda Web app çalıştırmak için ctrl + F5 tuşlarına basın. İlk sayfasını göreceksiniz.

  3. Seçim kırmızı ve sonra Gönderme. Uygulama doğru çalışıyorsa sayfa ile gidecek Label yazan kırmızı.

  4. İlk sayfaya geri dönün.

  5. Seçim mavi ve sonra Gönderme. Uygulama doğru çalışıyorsa sayfa ile gidecek Label yazan mavi.

Sonraki Adımlar

Bu izlenecek yolda, basit bir Web uygulaması oluşturulur ve el ile test. Şimdi bir Web başarım test bu app olanak veren testi oluşturmaya hazırsınız. 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