Freigeben über


Codebearbeitung in ASP.NET Web Forms in Visual Studio 2013

von Erik Reitan

In vielen ASP.NET Web Form-Seiten schreiben Sie Code in Visual Basic, C# oder einer anderen Sprache. Der Code-Editor in Visual Studio kann Ihnen helfen, Code schnell zu schreiben und Fehler zu vermeiden. Darüber hinaus bietet der Editor Möglichkeiten, wiederverwendbaren Code zu erstellen, um den Arbeitsaufwand zu reduzieren, den Sie erledigen müssen.

In dieser exemplarischen Vorgehensweise werden verschiedene Features des Visual Studio-Code-Editors veranschaulicht.

Bei dieser exemplarischen Vorgehensweise lernen Sie Folgendes:

  • Korrigieren Sie Inlinecodierungsfehler.
  • Umgestalten und Umbenennen von Code.
  • Benennen Sie Variablen und Objekte um.
  • Fügen Sie Codeausschnitte ein.

Voraussetzungen

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

Erstellen eines Webanwendungsprojekts und einer Seite

In diesem Teil der exemplarischen Vorgehensweise erstellen Sie ein Webanwendungsprojekt und fügen diesem eine neue Seite hinzu.

So erstellen Sie ein Webanwendungsprojekt

  1. Öffnen Sie Microsoft Visual Studio.

  2. Wählen Sie im Menü Datei die Option Neues Projekt aus.
    Menü

    Das Dialogfeld Neues Projekt wird angezeigt.

  3. Wählen Sie links die Gruppe Vorlagen ->Visual C# ->Webvorlagen aus.

  4. Wählen Sie die Vorlage ASP.NET Web Application in der mittleren Spalte aus.

  5. Nennen Sie Ihr Projekt BasicWebApp , und klicken Sie auf die Schaltfläche OK .
    Dialogfeld

  6. Wählen Sie als Nächstes die Vorlage Web Forms aus, und klicken Sie auf die Schaltfläche OK, um das Projekt zu erstellen.
    Dialogfeld

    Visual Studio erstellt ein neues Projekt, das basierend auf der vorlage Web Forms vordefinierte Funktionen enthält.

Erstellen einer neuen ASP.NET Web Forms-Seite

Wenn Sie mithilfe der Projektvorlage ASP.NET Webanwendung eine neue Web Forms-Anwendung erstellen, fügt Visual Studio eine ASP.NET Seite (Web Forms Seite) mit dem Namen Default.aspx sowie mehrere andere Dateien und Ordner hinzu. Sie können die Seite Default.aspx als Startseite für Ihre Webanwendung verwenden. Für diese exemplarische Vorgehensweise erstellen Sie jedoch eine neue Seite und arbeiten damit.

So fügen Sie der Webanwendung eine Seite hinzu

  1. Klicken Sie in Projektmappen-Explorer mit der rechten Maustaste auf den Namen der Webanwendung (in diesem Tutorial lautet der Anwendungsname BasicWebSite), und klicken Sie dann auf Hinzufügen –>Neues Element.
    Das Dialogfeld Neues Element hinzufügen wird angezeigt.
  2. Wählen Sie links die Gruppe Visual C#->Webvorlagen aus. Wählen Sie dann web Form aus der mittleren Liste aus, und nennen Sie es FirstWebPage.aspx.
    Dialogfeld
  3. Klicken Sie auf Hinzufügen, um dem Projekt die seite Web Forms hinzuzufügen.
    Visual Studio erstellt die neue Seite und öffnet sie.
  4. Legen Sie als Nächstes diese neue Seite als Standardstartseite fest. Klicken Sie in Projektmappen-Explorer mit der rechten Maustaste auf die neue Seite mit dem Namen FirstWebPage.aspx, und wählen Sie Als Startseite festlegen aus. Wenn Sie diese Anwendung das nächste Mal ausführen, um unseren Fortschritt zu testen, wird diese neue Seite automatisch im Browser angezeigt.

Korrigieren von Inlinecodierungsfehlern

Der Code-Editor in Visual Studio hilft Ihnen, Fehler beim Schreiben von Code zu vermeiden. Wenn Sie einen Fehler gemacht haben, hilft Ihnen der Code-Editor, den Fehler zu beheben. In diesem Teil der exemplarischen Vorgehensweise schreiben Sie eine Codezeile, die die Fehlerkorrekturfeatures im Editor veranschaulicht.

So korrigieren Sie einfache Codierungsfehler in Visual Studio

  1. Doppelklicken Sie in der Entwurfsansicht auf die leere Seite, um einen Handler für das Load-Ereignis für die Seite zu erstellen.
    Sie verwenden den Ereignishandler nur als Ort zum Schreiben von Code.

  2. Geben Sie im Handler die folgende Zeile ein, die einen Fehler enthält, und drücken Sie die EINGABETASTE:

    string myStr = "Loading..."
    

    Wenn Sie die EINGABETASTE drücken, platziert der Code-Editor grüne und rote Unterstreichungen (häufig "Wellenlinien" nennen) unter Bereichen des Codes, die Probleme haben. Eine grüne Unterstreichung zeigt eine Warnung an. Eine rote Unterstreichung weist auf einen Fehler hin, den Sie beheben müssen.

    Halten Sie den Mauszeiger über myStr , um eine QuickInfo anzuzeigen, die Sie über die Warnung informiert. Halten Sie den Mauszeiger außerdem über die rote Unterstreichung, um die Fehlermeldung anzuzeigen.

    Die folgende Abbildung zeigt den Code mit den Unterstrichen.

    Willkommenstext in der Entwurfsansicht
    Der Fehler muss behoben werden, indem am Ende der Zeile ein Semikolon ; hinzugefügt wird. Die Warnung benachrichtigt Sie einfach, dass Sie die myStr Variable noch nicht verwendet haben.

    Hinweis

    Sie können ihre aktuellen Codeformatierungseinstellungen in Visual Studio anzeigen, indem Sie Extras ->Optionen ->Schriftarten und Farben auswählen.

Refactoring und Umbenennen

Refactoring ist eine Softwaremethodik, bei der Ihr Code umstrukturiert wird, um ihn einfacher zu verstehen und zu verwalten, während dessen Funktionalität erhalten bleibt. Ein einfaches Beispiel könnte sein, dass Sie Code in einen Ereignishandler schreiben, um Daten aus einer Datenbank abzurufen. Während Sie Ihre Seite entwickeln, stellen Sie fest, dass Sie von mehreren verschiedenen Handlern auf die Daten zugreifen müssen. Aus diesem Grund umgestalten Sie den Code der Seite, indem Sie eine Datenzugriffsmethode auf der Seite erstellen und Aufrufe der -Methode in die Handler einfügen.

Der Code-Editor enthält Tools, mit denen Sie verschiedene Refactoringaufgaben ausführen können. In dieser exemplarischen Vorgehensweise arbeiten Sie mit zwei Refactoringtechniken: Umbenennen von Variablen und Extrahieren von Methoden. Weitere Refactoringoptionen sind das Kapseln von Feldern, das Höherstufen lokaler Variablen zu Methodenparametern und das Verwalten von Methodenparametern. Die Verfügbarkeit dieser Refactoringoptionen hängt vom Speicherort im Code ab.

Umgestalten von Code

Ein häufiges Refactoringszenario besteht darin, eine Methode aus Code zu erstellen (zu extrahieren), der sich in einem anderen Member befindet, z. B. eine -Methode. Dadurch wird die Größe des ursprünglichen Members reduziert und der extrahierte Code wiederverwendbar.

In diesem Teil der exemplarischen Vorgehensweise schreiben Sie einfachen Code und extrahieren dann eine Methode daraus. Refactoring wird für C# unterstützt, sodass Sie eine Seite erstellen, die C# als Programmiersprache verwendet.

So extrahieren Sie eine Methode auf einer C#-Seite

  1. Wechseln Sie zur Entwurfsansicht .

  2. Ziehen Sie in der Toolbox von der Registerkarte Standard ein Schaltflächen-Steuerelement auf das Zeichenblatt.

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

    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]);
        };
    }
    

    Der Code erstellt ein ArrayList-Objekt , verwendet eine Schleife, um es mit Werten zu laden, und verwendet dann eine andere Schleife, um den Inhalt des ArrayList-Objekts anzuzeigen.

  4. Drücken Sie STRG+F5 , um die Seite auszuführen, und klicken Sie dann auf die Schaltfläche , um sicherzustellen, dass die folgende Ausgabe angezeigt wird:

    i = 0
    i = 1
    i = 2
    i = 3
    i = 4
    
  5. Kehren Sie zum 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]);
    }
    
  6. 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.

  7. Geben Sie im Feld Neuer Methodenname den NamenDisplayArray ein, und klicken Sie dann auf OK.

    Der Code-Editor erstellt eine neue Methode namens DisplayArrayund ruft die neue Methode im Click-Handler auf, in dem sich die Schleife ursprünglich befand.

    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);
    }
    
  8. Drücken Sie STRG+F5 , um die Seite erneut auszuführen, und klicken Sie auf die Schaltfläche.

    Die Seite funktioniert genauso wie zuvor. Die DisplayArray -Methode kann jetzt von überall in der Seitenklasse aufgerufen werden.

Umbenennen von Variablen

Wenn Sie sowohl mit Variablen als auch mit Objekten arbeiten, sollten Sie diese umbenennen, nachdem bereits im Code darauf verwiesen wurde. Das Umbenennen von Variablen und Objekten kann jedoch dazu führen, dass der Code unterbrochen wird, wenn Sie einen der Verweise nicht umbenennen. Daher können Sie refactoring verwenden, um die Umbenennung durchzuführen.

So verwenden Sie Refactoring zum Umbenennen einer Variablen

  1. Suchen Sie im Click-Ereignishandler nach der folgenden Zeile:

    System.Collections.ArrayList alist = 
        new System.Collections.ArrayList;
    
  2. Klicken Sie mit der rechten Maustaste auf den Variablennamen alist, wählen Sie Umgestalten und dann Umbenennen aus.

    Das Dialogfeld Umbenennen wird angezeigt.

  3. Geben Sie im Feld Neuer NamearrayList1 ein , und stellen Sie sicher, dass das Kontrollkästchen Vorschauverweisänderungen aktiviert ist. Klicken Sie dann auf OK.

    Das Dialogfeld Vorschau der Änderungen wird angezeigt, und es wird eine Struktur angezeigt, die alle Verweise auf die Variable enthält, die Sie umbenennen.

  4. Klicken Sie auf Übernehmen , um das Dialogfeld Vorschau der Änderungen zu schließen.

    Die Variablen, die sich speziell auf die ausgewählte instance beziehen, 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 variable alist darstellt, die Sie umbenannt haben. Die Variable alist in der DisplayArray Deklaration ist eine lokale Variable für diese Methode. Dies veranschaulicht, dass sich die Verwendung von Refactoring zum Umbenennen von Variablen von der einfachen Durchführung einer Aktion zum Suchen und Ersetzen im Editor unterscheidet. Beim Refactoring werden Variablen mit Kenntnissen der Semantik der Variablen umbenannt, mit der sie arbeitet.

Einfügen von Ausschnitten

Da es viele Codierungsaufgaben gibt, die Web Forms Entwickler häufig ausführen müssen, stellt der Code-Editor eine Bibliothek mit Codeausschnitten oder Blöcken mit vorgeschriebenem Code bereit. Sie können diese Codeausschnitte in Ihre Seite einfügen.

Jede Sprache, die Sie in Visual Studio verwenden, weist geringfügige Unterschiede in der Art und Weise auf, wie Sie Codeausschnitte einfügen. Informationen zum Einfügen von Codeausschnitten finden Sie unter Visual Basic IntelliSense-Codeausschnitte. Informationen zum Einfügen von Codeausschnitten in Visual C# finden Sie unter Visual C#-Codeausschnitte.

Nächste Schritte

In dieser exemplarischen Vorgehensweise wurden die grundlegenden Features des Visual Studio 2010-Code-Editors veranschaulicht, um Fehler im Code zu korrigieren, Code umzugestalten, Variablen umzubenennen und Codeausschnitte in Ihren Code einzufügen. Zusätzliche Features im Editor können die Anwendungsentwicklung schnell und einfach gestalten. Auf diese Weise können Sie z. B. folgende Vorgänge durchführen:

  • Erfahren Sie mehr über die Features von IntelliSense, z. B. das Ändern von IntelliSense-Optionen, das Verwalten von Codeausschnitten und die Onlinesuche nach Codeausschnitten. Weitere Informationen finden Sie unter Verwenden von IntelliSense.
  • Erfahren Sie, wie Sie Eigene Codeausschnitte erstellen. Weitere Informationen finden Sie unter Erstellen und Verwenden von IntelliSense-Codeausschnitten.
  • Erfahren Sie mehr über die Visual Basic-spezifischen Features von IntelliSense-Codeausschnitten, z. B. anpassen der Codeausschnitte und Problembehandlung. Weitere Informationen finden Sie unter Visual Basic IntelliSense-Codeausschnitte.
  • Erfahren Sie mehr über die C#-spezifischen Features von IntelliSense, z. B. Refactoring und Codeausschnitte. Weitere Informationen finden Sie unter Visual C# IntelliSense.