Wskazówki: tworzenie prostej aplikacji sieci Web

W tym instruktażu utworzy prostą aplikację sieci Web chcesz użyć jako podstawy dla testu wydajności sieci Web w Instruktaż: Rejestrowanie i uruchamianie testu wydajności sieci Web.

Będziesz wykonywać następujące zadania:

• Utworzyć prostą aplikację sieci Web.

• Ręczne testowanie aplikacji sieci Web.

Wymagania wstępne

Oto, co będzie potrzebne:

• Visual Studio Ultimate

Tworzenie aplikacji w sieci Web

Do tworzenia aplikacji sieci Web

1. W Visual Studio Ultimate, na pliku menu, wybierz polecenie New , a następnie wybierz Projekt.

   Pojawi się okno dialogowe Nowy projekt.

2. W obszarze zainstalowane szablony, język programowania, który woli, a następnie wybierz polecenie Rozwiń Web.

3. Na liście typów projektu w sieci Web, zaznacz Pustą aplikację sieci Web programu ASP.NET.

   [!UWAGA]

   Minimalny kod zapisze w tym instruktażu.

4. W Nazwa wpisz ColorWebApp.

5. W lokalizacji pole, należy określić folder, w którym chcesz utworzyć aplikację sieci Web.

6. Wybierz Utwórz katalog rozwiązania.

7. Wybierz przycisk OK.

8. W oknie Solution Explorer sprawdź, czy wybrano nowego projektu ColorWebApp.

9. Na Projekt menu, wybierz polecenie Add New Item.

   Add New Item pojawi się okno dialogowe.

10. Na liście elementów, wybierz polecenie Formularz sieci Web.

11. W Nazwa pole tekstowe, typ Default.aspx , a następnie wybierz Dodaj.

Dodawania formantów do aplikacji sieci Web

Aby dodać formanty do aplikacji sieci Web

1. W oknie Solution Explorer, kliknij prawym przyciskiem myszy stronę Default.aspx i wybierz polecenie View Designer.

   Zostanie wyświetlona pusta strona.

2. Jeśli przybornik nie jest widoczne, z VIEW menu wybierz polecenie Przybornik.

3. Z Standard grupy, przeciągnij RadioButtonList na stronę.

   A RadioButtonList formant zostanie dodany do powierzchni projektowej.

4. Rozwiń węzeł Zadań RadioButtonList tag okienko akcji i wybierz polecenie EditItems łącze.

   A Edytor kolekcji ListItem jest wyświetlany.

   [!UWAGA]

   Można również wyświetlić Edytor kolekcji ListItem przez edycję elementy kolekcji w oknie dialogowym właściwości.

5. Wybierz polecenie Dodaj Aby dodać nowy element.

6. W obszarze Właściwości ListItem:

   1. Zmiana tekstu właściwość, aby czerwony.

   2. Ustaw wybrane właściwość, aby True.

7. Wybierz polecenie Dodaj Aby dodać inny element.

8. W obszarze Właściwości ListItem zmienić tekstu właściwość, aby niebieski.

9. Wybierz polecenie OK zamknąć Edytor kolekcji ListItem.

10. Przeciągnij Button na stronę, a w oknie Właściwości zmień tekstu właściwość, aby Prześlij.

11. Na pliku menu, wybierz polecenie Zapisz wszystkie.

Dodawanie stron sieci Web App

Aby dodać strony do aplikacji sieci Web

1. Na Projekt menu, wybierz polecenie Add New Item.

2. W Add New Item okno dialogowe, wybierz Formularz sieci Web z listy szablonów, a w Nazwa typu Red.aspx.Następnie wybierz polecenie Dodaj.

3. W dolnej części okna dokumentu, wybierz polecenie Projekt tab, aby przełączyć do widoku Projekt.

4. Przeciągnij Label na stronę.W oknie dialogowym właściwości zestaw tekstu właściwość, aby czerwonyi ForeColor właściwość, aby czerwony.

5. Na Projekt menu, wybierz polecenie Add New Item.

6. W Add New Item okno dialogowe Wybierz Formularz sieci Web szablonu, nadaj mu nazwę Blue.aspx, a następnie wybierz polecenie Dodaj.

7. W dolnej części okna dokumentu, wybierz polecenie Projekt tab, aby przełączyć do widoku Projekt.

8. Przeciągnij Label na stronę.W oknie dialogowym właściwości zestaw tekstu właściwość, aby niebieskii ForeColor właściwość, aby niebieski.

9. Na pliku menu, wybierz polecenie Zapisz wszystkie.

Dodawanie funkcji do aplikacji sieci Web

Do dodawania funkcji do aplikacji sieci Web

1. W oknie Solution Explorer kliknij prawym przyciskiem myszy stronę Default.aspx i wybierz polecenie View Designer.

2. Kliknij dwukrotnie przedstawiaButton. Visual Studioprzełączniki z pominięciem kodu strony i tworzy obsługi zdarzeń szkielet Button formantu Click zdarzenia.

3. Dodaj następujący kod do narzędzia obsługi zdarzeń:

   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 pliku menu, wybierz polecenie Zapisz wszystkie.

Ręczne testowanie aplikacji w sieci Web

Aby ręcznie sprawdzić aplikacji sieci Web

1. W oknie Solution Explorer, kliknij prawym przyciskiem myszy stronę Default.aspx, a następnie wybierz Ustaw jako stronę początkową.

2. Naciśnij kombinację klawiszy CTRL + F5, aby uruchomić aplikację sieci Web w przeglądarce.Zostanie wyświetlona strona pierwszego.

3. Wybierz polecenie czerwony , a następnie wybierz Prześlij.Jeśli aplikacja działa poprawnie, będzie go na stronę z Label mówiący, że czerwony.

4. Wróć do pierwszej strony.

5. Wybierz polecenie niebieski , a następnie wybierz Prześlij.Jeśli aplikacja działa poprawnie, będzie go na stronę z Label mówiący, że niebieski.

Następne kroki

W tym instruktażu zostało utworzone prostą aplikację sieci Web i przetestował ręcznie.Teraz można przystąpić do tworzenia sieci Web wydajności testowy, który umożliwia testowanie tej aplikacji.Zobacz Instruktaż: Rejestrowanie i uruchamianie testu wydajności sieci Web.

Zobacz też

Zadania

Instruktaż: Rejestrowanie i uruchamianie testu wydajności sieci Web