Exemplarische Vorgehensweise: Erstellen einer einfachen Webanwendung

Artikel
07/20/2011

In dieser exemplarischen Vorgehensweise werden Sie eine einfache Webanwendung erstellen, die als Basis für einen Webleistungstest in Exemplarische Vorgehensweise: Aufzeichnen und Ausführen eines Webleistungstests verwendet wird.

Zum Erstellen eines Webleistungstest-Beispiels sollten Sie eine Webanwendung verwenden, bei der Sie beliebige Änderungen vornehmen können.

Im Verlauf dieser exemplarischen Vorgehensweise führen Sie folgende Aufgaben aus:

Erstellen einer einfachen Webanwendung.
Manuelles Testen der Webanwendung.

Vorbereitungsmaßnahmen

Für diese exemplarische Vorgehensweise benötigen Sie:

Microsoft Visual Studio 2010 Ultimate

Erstellen einer Webanwendung

So erstellen Sie die Webanwendung

Klicken Sie in Visual Studio 2010 Ultimate im Menü Datei auf Neu und dann auf Projekt.

Das Dialogfeld Neues Projekt wird angezeigt.
Erweitern Sie unter Installierte Vorlagen die gewünschte Programmiersprache, und klicken Sie dann auf Web.
Wählen Sie in der Liste mit den Webprojekttypen den Eintrag Leere ASP.NET-Anwendung aus.

Tipp

In dieser exemplarischen Vorgehensweise werden Sie sehr wenig Code schreiben.
Geben Sie im Feld Name den Namen ColorWebApp ein.
Geben Sie im Feld Speicherort den Ordner an, in dem Sie die Webanwendung erstellen möchten.
Aktivieren Sie Projektmappenverzeichnis erstellen.
Klicken Sie auf OK.
Vergewissern Sie sich im Projektmappen-Explorer, dass das neue Projekt "ColorWebApp" ausgewählt ist.
Klicken Sie im Menü Projekt auf Neues Element hinzufügen.

Das Dialogfeld Neues Element hinzufügen wird angezeigt.
Wählen Sie in der Liste mit den Elementen die Option Web Form aus.
Geben Sie im Textfeld Name den Namen Default.aspx ein, und klicken Sie auf Hinzufügen.

Hinzufügen von Steuerelementen zur Webanwendung

So fügen Sie der Webanwendung Steuerelemente hinzu

Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf die Datei Default.aspx, und wählen Sie Ansicht-Designer aus.

Eine leere Seite wird angezeigt.
Wenn die Toolbox nicht angezeigt wird, klicken Sie auf Ansicht und dann auf Toolbox.
Ziehen Sie aus der Gruppe Standard eine RadioButtonList auf die Seite.

Der Entwurfsoberfläche wird ein RadioButtonList-Steuerelement hinzugefügt.
Klicken Sie im Aktionstagbereich RadioButtonList-Aufgaben auf den Link Elemente bearbeiten.

Ein ListItem-Auflistungs-Editor wird angezeigt.

Tipp

Sie können den ListItem-Auflistungs-Editor auch anzeigen, indem Sie die Elemente-Auflistung im Eigenschaftenfenster bearbeiten.
Klicken Sie auf Hinzufügen, um ein neues Element hinzuzufügen.
Unter ListItem-Eigenschaften:
1. Ändern Sie die Text-Eigenschaft in Red.
2. Legen Sie die Selected-Eigenschaft auf True fest.
Klicken Sie auf Hinzufügen, um ein weiteres Element hinzuzufügen.
Ändern Sie unter ListItem-Eigenschaften die Text-Eigenschaft in Blue.
Klicken Sie auf OK, um den ListItem-Auflistungs-Editor zu schließen.
Ziehen Sie ein Button-Objekt auf die Seite, und ändern Sie im Eigenschaftenfenster die Eigenschaft Text in Absenden.
Klicken Sie im Menü Datei auf Alle speichern.

Hinzufügen von Seiten zur Webanwendung

So fügen Sie der Webanwendung Seiten hinzu

Klicken Sie im Menü Projekt auf Neues Element hinzufügen.
Wählen Sie im Dialogfeld Neues Element hinzufügen in der Vorlagenliste die Vorlage Web Form aus, geben Sie im Feld Name den Namen Red.aspx ein, und klicken Sie dann auf Hinzufügen.
Klicken Sie im unteren Bereich des Dokumentfensters auf die Registerkarte Entwurf, um zur Entwurfsansicht zu wechseln.
Ziehen Sie ein Label auf die Seite. Legen Sie im Eigenschaftenfenster die Text-Eigenschaft auf Red und die ForeColor-Eigenschaft auf Red fest.
Klicken Sie im Menü Projekt auf Neues Element hinzufügen.
Klicken Sie im Dialogfeld Neues Element hinzufügen auf die Web Form-Vorlage, nennen Sie diese Blue.aspx, und klicken Sie dann auf Hinzufügen.
Klicken Sie im unteren Bereich des Dokumentfensters auf die Registerkarte Entwurf, um zur Entwurfsansicht zu wechseln.
Ziehen Sie ein Label auf die Seite. Legen Sie im Eigenschaftenfenster die Text-Eigenschaft auf Blue und die ForeColor-Eigenschaft auf Blue fest.
Klicken Sie im Menü Datei auf Alle speichern.

Hinzufügen von Funktionalität zur Webanwendung

So fügen Sie der Webanwendung Funktionalität hinzu

Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf die Datei Default.aspx, und klicken dann Sie auf Ansicht-Designer.
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.

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

Klicken Sie im Menü Datei auf Alle speichern.

Manuelles Testen der Webanwendung

So testen Sie die Webanwendung manuell

Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf Default.aspx, und klicken Sie dann auf Als Startseite festlegen.
Drücken Sie STRG+F5, um die Webanwendung im Browser auszuführen. Die erste Seite wird angezeigt.
Klicken Sie auf Red und dann auf Submit. Wenn die Anwendung ordnungsgemäß funktioniert, gelangen Sie auf die Seite mit dem Label, auf welchem Red zu lesen ist.
Navigieren Sie zurück zur ersten Seite.
Klicken Sie auf Blue und dann auf Submit. Wenn die Anwendung ordnungsgemäß funktioniert, gelangen Sie auf die Seite mit dem Label, auf welchem Blue zu lesen ist.

Nächste Schritte

In dieser exemplarischen Vorgehensweise haben Sie eine einfache Webanwendung erstellt und diese manuell getestet. Jetzt sind Sie in der Lage, einen Webleistungstest zum Testen dieser Anwendung zu erstellen. Weitere Informationen finden Sie unter Exemplarische Vorgehensweise: Aufzeichnen und Ausführen eines Webleistungstests.

Siehe auch

Aufgaben

Exemplarische Vorgehensweise: Aufzeichnen und Ausführen eines Webleistungstests

Freigeben über