Sdílet prostřednictvím


Postupy: Vytvoření jednoduché webové aplikace

V tomto návodu vytvoříte jednoduchý Web app, chcete-li použít jako základ pro test výkonnosti webu v Názorný postup: Nahrávání a spuštění testu výkonnosti webové.

Budete-li provádět následující úkoly:

  • Vytvoření jednoduché webové aplikace.

  • Testovat Web app ručně.

Požadavky

Zde je, co budete potřebovat:

  • Visual Studio Ultimate

Vytvoření webové aplikace

Chcete-li vytvořit Web app

  1. V Visual Studio Ultimatedále soubor nabídce zvolte Nový a pak zvolte projektu.

    Zobrazí se dialogové okno Nový projekt.

  2. Podle Nainstalované šablony, rozbalte položku programovacího jazyka, který preferujete a pak zvolte Web.

  3. V seznamu typy webových projektů, vyberte Prázdná webová aplikace ASP.NET.

    [!POZNÁMKA]

    V tomto návodu budete psát kód, minimální.

  4. V jméno zadejte ColorWebApp.

  5. V umístění poli, určete složku, kde chcete vytvořit Web app.

  6. Vyberte vytvořit adresář pro řešení.

  7. Klepněte na tlačítko OK.

  8. V Průzkumníku řešení zkontrolujte, zda je zaškrtnuto nový projekt ColorWebApp.

  9. Na projektu nabídce zvolte Přidat novou položku.

    Zobrazí se dialogové okno Přidat novou položku.

  10. V seznamu položek, zvolte Webového formuláře.

  11. V jméno textové pole, typ Default.aspx a pak zvolte Přidat.

Přidání ovládacích prvků na Web App

Přidání ovládacích prvků do webové aplikace

  1. V Průzkumníku řešení klikněte pravým tlačítkem na Default.aspx a zvolte Návrhář zobrazení.

    Zobrazí se prázdná stránka.

  2. Pokud panel nástrojů není zobrazen, z zobrazení nabídce zvolte nástrojů.

  3. Z Standardní skupině, přetáhněte RadioButtonList na stránku.

    A RadioButtonList ovládací prvek je přidán na návrhovou plochu.

  4. Rozbalte Úkoly RadioButtonList akce značky podokně a zvolte EditItems odkaz.

    A ListItem Collection Editor se zobrazí.

    [!POZNÁMKA]

    Můžete také zobrazit ListItem Collection Editor úpravou položky kolekce v okně Vlastnosti.

  5. Zvolte Přidat Chcete-li přidat novou položku.

  6. Podle Vlastnosti ListItem:

    1. Změna textu vlastnost Red.

    2. Nastavit vybrané vlastnost True.

  7. Zvolte Přidat Chcete-li přidat další položku.

  8. Podle Vlastnosti ListItem změnit textu vlastnost modrá.

  9. Zvolte OK zavřete ListItem Collection Editor.

  10. Přetáhněte Button na stránku a v okně Vlastnosti změňte textu vlastnost Odeslat.

  11. Na soubor nabídce zvolte Uložit všechny.

Přidání stránek na Web App

Chcete-li přidat stránky na Web app

  1. Na projektu nabídce zvolte Přidat novou položku.

  2. V Přidat novou položku dialogové okno, vyberte Webového formuláře ze seznamu šablon a v jméno typu Red.aspx.Pak zvolte Přidat.

  3. V dolní části okna dokumentu, zvolte Návrh tab k přepnutí do návrhového zobrazení.

  4. Přetáhněte Label na stránku.V okně Vlastnosti nastavte textu vlastnost červenáa ForeColor vlastnost Red.

  5. Na projektu nabídce zvolte Přidat novou položku.

  6. V Přidat novou položku dialogové okno pole, zvolte Webového formuláře šablony, pojmenujte jej Blue.aspxa pak zvolte Přidat.

  7. V dolní části okna dokumentu, zvolte Návrh tab k přepnutí do návrhového zobrazení.

  8. Přetáhněte Label na stránku.V okně Vlastnosti nastavte textu vlastnost modráa Barva popředí vlastnost modrá.

  9. Na soubor nabídce zvolte Uložit všechny.

Přidání funkčnosti do Web App

Přidání funkčnosti do Web app

  1. V Průzkumníku řešení klepněte pravým tlačítkem na Default.aspx a zvolte Návrhář zobrazení.

  2. Poklepejte OdeslatButton. Visual StudioPřepne do kódu stránky a vytvoří obslužnou rutinu události kostry Button ovládacího prvku Click události.

  3. Následující kód přidejte do obslužné rutiny události:

    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. Na soubor nabídce zvolte Uložit všechny.

Ruční testování Web App

Chcete-li testovat Web app ručně

  1. V Průzkumníku řešení klikněte pravým tlačítkem na Default.aspx a potom zvolte Nastavit jako úvodní stránku.

  2. Stiskněte kombinaci kláves CTRL + F5 spusťte Web app v prohlížeči.Zobrazí první stránku.

  3. Zvolte Red a pak zvolte Odeslat.Pokud aplikace pracuje správně přejdete na stránku s Label , říká Red.

  4. Vraťte se zpět na první stránku.

  5. Zvolte modrá a pak zvolte Odeslat.Pokud aplikace pracuje správně přejdete na stránku s Label , říká modrá.

Další kroky

V tomto návodu jste vytvořili jednoduchý Web app a testovány ručně.Nyní jste připraveni vytvořit Web výkon Test umožňující testování této aplikace.Viz téma Názorný postup: Nahrávání a spuštění testu výkonnosti webové.

Viz také

Úkoly

Názorný postup: Nahrávání a spuštění testu výkonnosti webové