Exemplarische Vorgehensweise: Erstellen einer einfachen Webanwendung

In dieser exemplarischen Vorgehensweise erstellen Sie eine einfache Webanwendung, um als Grundlage für einen Webleistungstest in Exemplarische Vorgehensweise: Aufzeichnen und Ausführen eines Webleistungstests zu verwenden.

Sie führen die folgenden Aufgaben aus:

• Erstellen Sie eine einfache Webanwendung.

• Manuelles Testen der Webanwendung.

Vorbereitungsmaßnahmen

Hier ist, was Sie benötigen:

• Visual Studio Ultimate

Erstellen einer Webanwendung

So erstellen Sie die Webanwendung

1. In Visual Studio Ultimate auf dem Menü FILE, wählen Sie Neu aus und wählen dann Projekt aus.

   Das Dialogfeld Neues Projekt wird angezeigt.

2. Die Installierte Vorlagen erweitern Sie die Programmiersprache, die Sie auf und dann Web auswählen.

3. Wählen Sie in der Liste mit den Webprojekttypen den Eintrag Leere ASP.NET-Anwendung aus.

   Hinweis
   In dieser exemplarischen Vorgehensweise werden Sie sehr wenig Code schreiben.

4. Geben Sie im Feld Name den Namen ColorWebApp ein.

5. Im Feld Speicherort geben Sie den Ordner an, in dem Sie die Webanwendung erstellen möchten.

6. Aktivieren Sie Projektmappenverzeichnis erstellen.

7. Klicken Sie auf OK.

8. Vergewissern Sie sich im Projektmappen-Explorer, dass das neue Projekt "ColorWebApp" ausgewählt ist.

9. Klicken Sie im Menü PROJEKT wählen Sie Neues Element hinzufügen aus.

   Das Dialogfeld Neues Element hinzufügen wird angezeigt.

10. Wählen Sie in der Liste mit den Elementen die Option Web Form aus.

11. Im Name Textfeld wählen Typ Default.aspx und dann Hinzufügen aus.

Hinzufügen von Steuerelementen zur Webanwendung

So fügen Sie der Webanwendung hinzufügen

1. Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf Default.aspx, und Ansicht-Designer aus.

   Eine leere Seite wird angezeigt.

2. Wenn die Toolbox nicht sichtbar ist, wählen Sie im Menü ANSICHTWerkzeugkasten aus.

3. Ziehen Sie aus der Gruppe Standard eine RadioButtonList auf die Seite.

   Der Entwurfsoberfläche wird ein RadioButtonList-Steuerelement hinzugefügt.

4. Erweitern Sie den RadioButtonList-Aufgaben Aktionstagbereich, und wählen Sie den EditItems Link aus.

   Ein ListItem-Auflistungs-Editor wird angezeigt.

   Hinweis
   Sie können den ListItem-Auflistungs-Editor auch anzeigen, indem Sie die Auflistung Elemente im Eigenschaftenfenster bearbeiten.

5. Wählen Sie Hinzufügen, um ein neues Element hinzuzufügen.

6. Unter ListItem-Eigenschaften:

   1. Ändern Sie die Text-Eigenschaft in Red.

   2. Legen Sie die Selected-Eigenschaft auf True fest.

7. Wählen Sie Hinzufügen, um ein weiteres Element hinzuzufügen.

8. Ändern Sie unter ListItem-Eigenschaften die Text-Eigenschaft in Blue.

9. Wählen Sie OK, um ListItem-Auflistungs-Editor zu schließen.

10. Ziehen Sie ein Button-Objekt auf die Seite, und ändern Sie im Eigenschaftenfenster die Eigenschaft Text in Absenden.

11. Klicken Sie im Menü FILE wählen Sie Alle speichern aus.

Hinzufügen vonseiten zur Webanwendung

So fügen Sie der Webanwendung Seiten hinzu

1. Klicken Sie im Menü PROJEKT wählen Sie Neues Element hinzufügen aus.

2. Im Dialogfeld Neues Element hinzufügen, in ausgewählten Web Form aus der Liste der Vorlagen und in Name-Typ Seite.Wählen Sie dann Hinzufügen aus.

3. Klicken Sie unten im Dokumentfenster Entwurf wählen Sie die Registerkarte, um zur Entwurfsansicht zu wechseln.

4. Ziehen Sie ein Label auf die Seite.Legen Sie im Eigenschaftenfenster die Text-Eigenschaft auf Red und die ForeColor-Eigenschaft auf Red fest.

5. Klicken Sie im Menü PROJEKT wählen Sie Neues Element hinzufügen aus.

6. Im Dialogfeld Neues Element hinzufügen wählen Sie die Web Form Vorlage aus, benennen Sie diese Blue.aspx, und wählen Sie dann Hinzufügen aus.

7. Klicken Sie unten im Dokumentfenster Entwurf wählen Sie die Registerkarte, um zur Entwurfsansicht zu wechseln.

8. Ziehen Sie ein Label auf die Seite.Legen Sie im Eigenschaftenfenster die Text-Eigenschaft auf Blue und die ForeColor-Eigenschaft auf Blue fest.

9. Klicken Sie im Menü FILE wählen Sie Alle speichern aus.

Hinzufügen von Funktionalität zur Webanwendung

So fügen Sie der Webanwendung Funktionalität hinzu

1. Klicken Sie im Projektmappen-Explorer wählen Explorerrechtsklick Default.aspx und Ansicht-Designer aus.

2. Doppelklicken Sie auf die Schaltfläche Senden (Button).Visual Studio wechselt zum Seitencode und erstellt das Skelett eines Ereignishandlers für das Click-Ereignis des Button-Steuerelements.

3. Fügen Sie dem Ereignishandler folgenden Code hinzu:

   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. Klicken Sie im Menü FILE wählen Sie Alle speichern aus.

Die Webanwendung manuell testen

So testen Sie die Webanwendung manuell

1. Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf Default.aspx, und dann Als Startseite festlegen aus.

2. Drücken Sie STRG+F5, um die Webanwendung im Browser auszuführen.Die erste Seite wird angezeigt.

3. Wählen Sie Rot aus und wählen dann Senden Sie aus.Wenn die Anwendung ordnungsgemäß funktioniert, gelangen Sie auf die Seite mit Label, die Rot angezeigt.

4. Navigieren Sie zurück zur ersten Seite.

5. Wählen Sie Blau aus und wählen dann Senden Sie aus.Wenn die Anwendung ordnungsgemäß funktioniert, gelangen Sie auf die Seite mit Label, die Blau angezeigt.

Nächste Schritte

In dieser exemplarischen Vorgehensweise haben Sie eine einfache Webanwendung und diese manuell getestet.Jetzt sind Sie bereit, einen Webleistungstest erstellen, der Sie diese App testen können.Siehe Exemplarische Vorgehensweise: Aufzeichnen und Ausführen eines Webleistungstests.

Siehe auch

Aufgaben

Exemplarische Vorgehensweise: Aufzeichnen und Ausführen eines Webleistungstests