Exemplarische Vorgehensweise: Bearbeiten von Code auf Webseiten in Visual Web Developer

Artikel
09/03/2008

Aktualisiert: November 2007

Für viele ASP.NET-Webseiten werden Sie Code in Visual Basic, C# oder einer anderen Sprache schreiben. Der Code-Editor in Visual Web Developer kann helfen, Code schnell zu schreiben und gleichzeitig Fehler zu vermeiden. Zusätzlich ermöglicht der Editor das Schreiben von wiederverwendbarem Code und reduziert dadurch den erforderlichen Arbeitsaufwand.

In dieser exemplarischen Vorgehensweise werden verschiedene Features des Code-Editors veranschaulicht. Einige Features des Code-Editors hängen von der verwendeten Programmiersprache ab. In dieser exemplarischen Vorgehensweise werden daher zwei Seiten erstellt, eine in Visual Basic und eine in C#.

In dieser exemplarischen Vorgehensweise werden die folgenden Themen behandelt:

Korrigieren von Fehlern (in Visual Basic).
Umgestalten und Umbenennen von Code (in C#).
Umbenennen von Symbolen.
Einfügen von Codeausschnitten (in Visual Basic und C#).

Vorbereitungsmaßnahmen

Für die Durchführung dieser exemplarischen Vorgehensweise benötigen Sie Folgendes:

Visual Studio oder Visual Web Developer.

Eine Einführung in Visual Web Developer finden Sie unter Exemplarische Vorgehensweise: Erstellen einer einfachen Webseite in Visual Web Developer.

Erstellen der Website und der Webseite

Wenn Sie bereits eine Website in Visual Web Developer erstellt haben (z. B. indem Sie die Schritte in Exemplarische Vorgehensweise: Erstellen einer einfachen Webseite in Visual Web Developer befolgt haben), können Sie diese Website verwenden und zum nächsten Abschnitt übergehen. Erstellen Sie andernfalls eine neue Website und eine neue Webseite, indem Sie folgende Schritte ausführen.

So erstellen Sie eine Dateisystem-Website

Öffnen Sie Visual Web Developer.
Klicken Sie im Menü Datei auf Neue Website.
Klicken Sie unter Von Visual Studio installierte Vorlagen auf ASP.NET-Website.
Wählen Sie im Feld Speicherort die Option Dateisystem aus, und geben Sie den Namen des Ordners ein, in dem die Seiten der Website gespeichert werden sollen.

Geben Sie z. B. als Ordnername C:\WebSites ein.
Klicken Sie in der Liste Sprache auf Visual Basic.

Die gewählte Programmiersprache wird zur Standardsprache für die Website. Sie können jedoch die Programmiersprache für jede Seite einzeln festlegen.
Klicken Sie auf OK.

Visual Web Developer erstellt den Ordner und eine neue Seite mit dem Namen Default.aspx.

Korrigieren von Fehlern in Visual Basic

Der Code-Editor von Visual Web Developer unterstützt das Korrigieren und Vermeiden von Fehlern im Code. In diesem Abschnitt der exemplarischen Vorgehensweise schreiben Sie einige Codezeilen, die die Fehlerkorrektur im Editor veranschaulichen.

Das Verhalten des Code-Editors hängt von der verwendeten Sprache ab. Ganz allgemein stellt der Code-Editor für Visual Basic 2008 beim Codieren detailliertere Fehlerinformationen bereit.

So testen Sie die Fehlerkorrektur in Visual Basic

Doppelklicken Sie in der Entwurfsansicht auf die leere Seite, um einen Handler für das Load-Ereignis für die Seite zu erstellen.

Der Ereignishandler wird nur zum Schreiben einiger Codezeilen verwendet.
Geben Sie im Handler die folgende Zeile ein, die einen Fehler enthält:
```
dim var1 as inger
```
Wenn Sie die EINGABETASTE drücken, unterstreicht der Code-Editor das Wort inger um anzuzeigen, dass er das Wort nicht erkennt. Beachten Sie, dass ein Teil der Unterstreichung ein kleiner Unterstrich ist.
Wenn Sie den Mauszeiger über dem Wort inger positionieren, wird eine QuickInfo angezeigt, die die Art des Fehlers angibt.
Bewegen Sie den Mauszeiger auf den Unterstrich in der Untersteichung.

Der Unterstrich wird zu einem Symbol erweitert.
Klicken Sie auf das Symbol.

Eine Liste möglicher Korrekturen für das Wort inger wird angezeigt.
Wählen Sie Change 'inger' to Integer aus.

Umgestalten und Umbenennen in C#

Umgestalten ist eine Softwaremethodologie, mit der Code so restrukturiert wird, dass er leichter gelesen und verwaltet werden kann, ohne an Funktionalität einzubüßen. Ein einfaches Beispiel: Sie schreiben in einem Ereignishandler Code zum Abrufen von Daten aus einer Datenbank. Bei der Entwicklung der Seite stellen Sie fest, dass Sie aus verschiedenen Handlern auf die Daten zugreifen müssen. Sie gestalten daher den Code der Seite um, indem Sie für die Seite eine Funktion für den Datenzugriff schreiben und in die Handler Aufrufe dieser Funktion einfügen.

Der Code-Editor enthält Tools, die verschiedene Umgestaltungsaufgaben unterstützen. In dieser exemplarischen Vorgehensweise arbeiten Sie mit zwei Umgestaltungstechniken: Umbenennen von Symbolen und Extrahieren einer Methode. Andere Umgestaltungsoptionen stellen das Kapseln von Feldern, das Höherstufen von lokalen Variablen auf Methodenparameter und die Verwaltung von Methodenparametern dar. Die Verfügbarkeit dieser Umgestaltungsoptionen hängt von der Position im Code ab. Wenn Sie z. B. Code hervorheben, der keine Felddeklaration darstellt, steht die Option Feld kapseln nicht zur Verfügung. Wenn Sie eine Variable in einer Ereignismethode hervorheben, können Sie Lokale Variable auf Parameter heraufstufen nicht auswählen, da Signaturen von Ereignishandlern konstant sind.

Umgestalten von Code

Ein allgemeines Umgestaltungsszenario ist das Erstellen (Extrahieren) einer Methode aus Code, der sich innerhalb eines anderen Members befindet. Dadurch wird die Größe des ursprünglichen Members reduziert und der extrahierte Code wird wiederverwendbar.

In diesem Abschnitt der exemplarischen Vorgehensweise schreiben Sie ein einfaches Codebeispiel und extrahieren daraus eine Methode. Umgestalten wird für C# unterstützt. Sie erstellen daher eine Seite, in der C# als Programmiersprache verwendet wird.

So erstellen Sie eine C#-Seite

Klicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf den Namen der Website, und klicken Sie dann auf Neues Element hinzufügen.
Klicken Sie unter Von Visual Studio installierte Vorlagen auf Web Form.
Klicken Sie in der Liste Sprache auf C#.

Hinweis:

Sie können den Namen Default2.aspx beibehalten.
Klicken Sie auf Hinzufügen, um eine neue Seite zu erstellen und zu öffnen.

Hinweis:
Sie können den Namen Default2.aspx beibehalten.

So extrahieren Sie eine Methode aus einer C#-Seite

Wechseln Sie in die Entwurfsansicht.
Ziehen Sie aus der Toolbox von der Registerkarte Standard ein Button-Steuerelement auf die Seite.

Doppelklicken Sie auf das Button-Steuerelement, um einen Handler für dessen Click-Ereignis zu erstellen, und fügen Sie dann den folgenden hervorgehobenen Code ein:

protected void Button1_Click(object sender, EventArgs e)
{
    System.Collections.ArrayList alist =         new System.Collections.ArrayList();    int i;    string arrayValue;    for(i=0; i<5; i++)    {        arrayValue = "i = " + i.ToString();        alist.Add(arrayValue);    }    for(i=0; i<alist.Count; i++)    {        Response.Write("<br />" + alist[i]);    }
}

Im Code wird ein ArrayList-Objekt erstellt und in einer Schleife mit Werten gefüllt, und in einer weiteren Schleife wird der Inhalt des ArrayList-Objekts angezeigt.

Drücken Sie STRG+F5, um die Seite auszuführen, und klicken Sie dann auf die Schaltfläche. Die Ausgabe muss wie folgt lauten:
```
i = 0
i = 1
i = 2
i = 3
i = 4
```
Kehren Sie in den Code-Editor zurück, und wählen Sie dann die folgenden Zeilen im Ereignishandler aus:
```
   for(i=0; i<alist.Count; i++)
   {
      Response.Write("<br />" + alist[i]);
   }
```
Klicken Sie mit der rechten Maustaste auf die Auswahl, klicken Sie auf Umgestalten, und wählen Sie dann Methode extrahieren aus.

Das Dialogfeld Methode extrahieren wird angezeigt.

Geben Sie im Feld Neuer MethodennameDisplayArray ein, und klicken Sie auf OK.

Der Code-Editor erstellt eine neue Methode mit dem Namen DisplayArray und fügt im Click-Handler an der Stelle, an der sich ursprünglich die Schleife befand, einen Aufruf der neuen Methode ein.

protected void Button1_Click(object sender, EventArgs e)
{
    System.Collections.ArrayList alist = 
        new System.Collections.ArrayList();
    int i;
    string arrayValue;
    for(i=0; i<5; i++)
    {
        arrayValue = "i = " + i.ToString();
        alist.Add(arrayValue);
    }
    i = DisplayArray(alist, i);
}

Drücken Sie STRG+F5, um die Seite erneut auszuführen, und klicken Sie auf die Schaltfläche.

An der Funktionsweise der Seite hat sich nichts geändert.

Umbenennen von Symbolen

Bei der Arbeit mit Variablen und Objekten (beide werden auch als Symbole bezeichnet) kann es erforderlich sein, Symbole umzubenennen, nachdem im Code bereits auf diese verwiesen wurde. Durch das Umbenennen von Symbolen kann der Code ungültig werden, wenn Sie versäumen, einen der Verweise auf das Symbol umzubenennen. Daher können Sie das Umbenennen mithilfe einer Umgestaltung durchführen.

So verwenden Sie die Umgestaltung zum Umbenennen von Symbolen

Suchen Sie im Click-Ereignishandler die folgende Zeile:

System.Collections.ArrayList alist = 
    new System.Collections.ArrayList;

Klicken Sie mit der rechten Maustaste auf den Variablennamen alist, wählen Sie Umgestalten und dann Umbenennen aus.

Das Dialogfeld Umbenennen wird angezeigt.
Geben Sie im Feld Neuer NameArrayList1 ein, und drücken Sie die EINGABETASTE.

Das Dialogfeld Vorschau der Änderungen wird mit einer Baumstruktur angezeigt, die alle Verweise auf das Symbol enthält.
Klicken Sie auf Übernehmen, um das Dialogfeld Vorschau der Änderungen zu schließen.

Die Variablen, die genau auf die ausgewählte Instanz verweisen, werden umbenannt. Beachten Sie jedoch, dass die Variable alist in der folgenden Zeile nicht umbenannt wird.
```
private int DisplayArray(System.Collections.ArrayList alist, 
    int i)
```
Die Variable alist in dieser Zeile wird nicht umbenannt, da sie nicht denselben Wert wie die umbenannte Variable alist darstellt. Die Variable alist in der DisplayArray-Deklaration ist eine lokale Variable für diese Methode. Dies veranschaulicht, dass das Umbenennen von Symbolen durch Umgestalten mehr ist als ein einfaches Suchen und Ersetzen im Editor. Durch Umgestalten werden Symbole unter Berücksichtigung der Semantik des betrachteten Symbols umbenannt.

Einfügen von Ausschnitten

Da sich viele Programmieraufgaben bei der Entwicklung von Webseiten wiederholen, verfügt der Code-Editor über eine Bibliothek von vordefinierten Codeausschnitten oder -blöcken. Sie können diese Ausschnitte in eine Seite einfügen.

In jeder Sprache, die in Visual Studio verwendet werden kann, erfolgt das Einfügen von Codeausschnitten auf unterschiedliche Weise. Informationen zum Einfügen von Ausschnitten in Visual Basic finden Sie unter Gewusst wie: Einfügen von Ausschnitten in den Code (Visual Basic). Informationen zum Einfügen von Ausschnitten in Visual C# finden Sie unter Gewusst wie: Verwenden von Codeausschnitten (C#).

Nächste Schritte

In dieser exemplarischen Vorgehensweise wurden die grundlegenden Features des Visual Studio 2008-Code-Editor zur Korrektur von Fehlern im Code, zum Umgestalten von Code, zum Umbenennen von Symbolen und zum Einfügen von Codeausschnitten in den Code veranschaulicht. Zusätzliche Features im Editor können die Entwicklung von Anwendungen beschleunigen und vereinfachen. Auf diese Weise können Sie beispielsweise folgende Vorgänge durchführen:

Vertiefen Sie Ihre Kenntnisse bezüglich der Features von IntelliSense wie Ändern von IntelliSense-Optionen, Verwalten von Codeausschnitten oder Onlinesuche von Codeausschnitten. Weitere Informationen finden Sie unter Verwenden von IntelliSense.
Vertiefen Sie Ihre Kenntnisse bezüglich des Erstellens von eigenen Codeausschnitten. Weitere Informationen finden Sie unter Erstellen und Verwenden von IntelliSense-Codeausschnitten.
Vertiefen Sie Ihre Kenntnisse bezüglich der für Visual Basic spezifischen Features von IntelliSense-Codeausschnitten, z. B. Anpassen der Ausschnitte und Fehlersuche. Weitere Informationen finden Sie unter Visual Basic IntelliSense-Codeausschnitte.
Vertiefen Sie Ihre Kenntnisse bezüglich der für C# spezifischen Features von IntelliSense, z. B. Umgestaltung und Codeausschnitte. Weitere Informationen finden Sie unter Features im Code-Editor von Visual C#.