Erste Schritte mit ASP.NET 4.5 Web Forms und Visual Studio 2017

In dieser Tutorialreihe erfahren Sie, wie Sie eine ASP.NET Web Forms-Anwendung mit ASP.NET 4.5 und Microsoft Visual Studio 2017 erstellen.

Einführung

Diese Tutorialreihe führt Sie durch das Erstellen einer ASP.NET Web Forms-Anwendung mit Visual Studio 2017 und ASP.NET 4.5. Sie erstellen eine Anwendung mit dem Namen Wingtip Toys - eine vereinfachte Storefront-Website, die Online-Artikel verkauft. Während der Serie werden neue ASP.NET 4.5-Features hervorgehoben.

Zielgruppe

Entwickler, die noch nicht ASP.NET Web Forms sind, sind die Zielgruppe für diese Tutorialreihe.

Sie sollten über Kenntnisse in den folgenden Bereichen verfügen:

• Objektorientierte Programmierung (OOP) und Sprachen
• Webentwicklung (HTML, CSS, JavaScript)
• Relationale Datenbanken
• N-schichtige Architektur

Um diese Bereiche zu überprüfen, sollten Sie sich die folgenden Inhalte ansehen:

• Erste Schritte mit Visual C#
• Webentwicklung, HTML, CSS, JavaScript, SQL, PHP, JQuery
• Relationale Datenbank
• Mehrschichtige Architektur

Anwendungsfeatures

Zu den in dieser Reihe vorgestellten features von ASP.NET Web Form gehören:

• Das Webanwendungsprojekt (nicht das Websiteprojekt)
• Web Forms
• Gestaltungsvorlagen, Konfiguration
• Bootstrap
• Entity Framework Code First, LocalDB
• Anforderungsüberprüfung
• Stark typisierte Datensteuerelemente
• Modellbindung
• Datenanmerkungen
• Wertanbieter
• SSL und OAuth
• ASP.NET Identität, Konfiguration und Autorisierung
• Unauffällige Validierung
• Routing
• ASP.NET – Fehlerbehandlung

Anwendungsszenarien und Aufgaben

Zu den Aufgaben der Tutorialreihe gehören:

• Erstellen, Überprüfen und Ausführen eines neuen Projekts
• Erstellen einer Datenbankstruktur
• Initialisieren und Seeding einer Datenbank
• Anpassen der Benutzeroberfläche mit Stilen, Grafiken und einer master Seite
• Hinzufügen von Seiten und Navigation
• Anzeigen von Menüdetails und Produktdaten
• Erstellen eines Einkaufswagens
• Hinzufügen von SSL- und OAuth-Unterstützung
• Hinzufügen einer Zahlungsmethode
• Einschließen einer Administratorrolle und eines Benutzers in die Anwendung
• Einschränken des Zugriffs auf bestimmte Seiten und Ordner
• Hochladen einer Datei in die Webanwendung
• Implementieren der Eingabeüberprüfung
• Registrieren von Routen für die Webanwendung
• Implementieren von Fehlerbehandlung und Fehlerprotokollierung

Überblick

Diese Tutorialreihe richtet sich an Personen, die mit Programmierkonzepten vertraut sind, aber noch nicht mit ASP.NET Web Forms. Wenn Sie bereits mit ASP.NET Web Forms vertraut sind, kann Ihnen diese Reihe dennoch helfen, sich über neue ASP.NET 4.5-Features zu informieren. Für Leser, die mit Programmierkonzepten und ASP.NET Web Forms nicht vertraut sind, lesen Sie die zusätzlichen Web Forms Tutorials im Abschnitt Erste Schritte auf der ASP.NET-Website.

Die in dieser Tutorialreihe bereitgestellte ASP.NET 4.5 enthält die folgenden Features:

• Eine einfache Benutzeroberfläche zum Erstellen von Projekten, die Unterstützung für viele ASP.NET Frameworks (Web Forms, MVC und Web-API) bietet.

• Bootstrap, ein Layout-, Design- und reaktionsfähiges Designframework.

• ASP.NET Identity, ein neues ASP.NET Mitgliedschaftssystem, das in allen ASP.NET Frameworks identisch funktioniert und mit anderer Webhostingsoftware als IIS funktioniert.

• Entity Framework 6

  Ein Update für Entity Framework ermöglicht Folgendes:

  • Abrufen und Bearbeiten von Daten als stark typisierte Objekte
  • Asynchroner Zugriff auf Daten
  • Behandeln vorübergehender Verbindungsfehler
  • Protokollieren von SQL-Anweisungen

Eine vollständige ASP.NET 4.5-Featureliste finden Sie unter ASP.NET and Web Tools für Visual Studio 2013 Versionshinweise.

Die Wingtip Toys-Beispielanwendung

Die folgenden Screenshots stammen aus der ASP.NET Web Forms Anwendung, die Sie in dieser Tutorialreihe erstellen. Wenn Sie die Anwendung in Visual Studio ausführen, wird die folgende Web-Startseite angezeigt.

Sie können sich als neuer Benutzer registrieren oder sich als vorhandener Benutzer anmelden. Die obere Navigation enthält Links zu Produktkategorien und deren Produkten aus der Datenbank.

Wenn Sie Produkte auswählen, werden alle verfügbaren Produkte angezeigt.

Wenn Sie ein bestimmtes Produkt auswählen, werden Produktdetails angezeigt.

Als Benutzer können Sie sich mit Web Forms Standardfunktionalität der Vorlage registrieren und anmelden. In diesem Tutorial wird auch erläutert, wie Sie sich mit einem vorhandenen Gmail-Konto anmelden. Darüber hinaus können Sie sich als Administrator anmelden, um Produkte aus der Datenbank hinzuzufügen und daraus zu entfernen.

Nachdem Sie sich als Benutzer angemeldet haben, können Sie Produkte zum Warenkorb hinzufügen und mit PayPal auschecken. Die Beispielanwendung ist für die Verwendung in der Entwicklersandbox von PayPal konzipiert. Es findet keine tatsächliche Geldtransaktion statt.

PayPal bestätigt Ihre Konto-, Bestell- und Zahlungsinformationen.

Nach der Rückkehr von PayPal können Sie Ihre Bestellung überprüfen und abschließen.

Voraussetzungen

Bevor Sie beginnen, stellen Sie sicher, dass die folgende Software auf Ihrem Computer installiert ist:

• Microsoft Visual Studio 2017 oder Microsoft Visual Studio Community 2017.

Die .NET Framework wird automatisch installiert.

In dieser Tutorialreihe wird Microsoft Visual Studio Community 2017 verwendet. Sie können entweder diese oder Microsoft Visual Studio 2017 verwenden, um diese Tutorialreihe abzuschließen.

Beachten Sie Folgendes zu Visual Studio:

• Microsoft Visual Studio 2017 und Microsoft Visual Studio Community 2017 werden in dieser Tutorialreihe als Visual Studio bezeichnet.

• Visual Studio 2017 wird neben allen bereits installierten älteren Versionen installiert. Websites, die in früheren Versionen erstellt wurden, können in Visual Studio 2017 geöffnet werden und in früheren Versionen weiterhin geöffnet werden.

• Beim ersten Start von Visual Studio wird davon ausgegangen, dass Sie die Webentwicklungseinstellungen ausgewählt haben. Weitere Informationen finden Sie unter Vorgehensweise: Auswählen von Einstellungen für die Webentwicklungsumgebung.

Nachdem Sie die erforderlichen Komponenten installiert haben, können Sie mit dem Erstellen des in dieser Tutorialreihe vorgestellten Webprojekts beginnen.

Herunterladen der Beispielanwendung

Sie können die fertige Beispielanwendung jederzeit von der MSDN Samples-Website herunterladen:

Erste Schritte mit ASP.NET 4.5 Web Forms und Visual Studio 2013 - Wingtip Toys (C#)

Dieser Download enthält die folgenden Elemente:

• Die Beispielanwendung im Ordner WingtipToys .
• Die Ressourcen, die zum Erstellen der Beispielanwendung im Ordner WingtipToys-Assets im Ordner WingtipToys verwendet werden.

Der Download ist eine .zip-Datei . Um das abgeschlossene Projekt anzuzeigen, das in dieser Tutorialreihe erstellt wird, suchen Sie den Ordner C# in der datei .zip, und wählen Sie diesen aus. Speichern Sie den C#-Ordner in dem Ordner, den Sie für die Arbeit mit Visual Studio-Projekten verwenden. Standardmäßig lautet der Ordner projekte von Visual Studio 2017 wie folgt:

C:\Users\<username>\source\repos

Benennen Sie den C#- Ordner in WingtipToys um.

Hinweis

Wenn Sie bereits über einen Ordner namens WingtipToys in Ihrem Projektordner verfügen, benennen Sie diesen vorhandenen Ordner vorübergehend um, bevor Sie den C#- Ordner in WingtipToys umbenennen.

Öffnen Sie zum Ausführen des abgeschlossenen Projekts den Ordner WingtipToys , und doppelklicken Sie auf die Datei WingtipToys.sln . Visual Studio 2017 öffnet das Projekt. Klicken Sie als Nächstes in Projektmappen-Explorer mit der rechten Maustaste auf die Datei Default.aspx, und wählen Sie Im Browser anzeigen aus.

Nehmen Sie an einem ASP.NET Web Forms Quiz teil, um Inhalte zu überprüfen

Nehmen Sie nach Abschluss der Tutorialreihe an einem Quiz teil, um Ihr Wissen zu testen und wichtige Konzepte zu vertiefen. Jede Frage enthält eine Erklärung und Links zu zusätzlichen Anleitungen.

• ASP.NET Web Forms Quiz

Tutorialunterstützung und Kommentare

Verwenden Sie bei Fragen und Kommentaren den Q and A-Abschnitt auf der Erste Schritte mit ASP.NET 4.5 Web Forms und Visual Studio 2013 – Wingtip Toys (C#)-Beispielseite.

Kommentare zu dieser Tutorialreihe sind willkommen. Wenn diese Tutorialreihe aktualisiert wird, werden alle Anstrengungen unternommen, um Korrekturen oder Verbesserungsvorschläge zu berücksichtigen.

Wenn ein Fehler auftritt, können die entsprechenden Fehlermeldungen verwirrend sein, ohne eine gute Erklärung, wie sie behoben werden können. Hilfe finden Sie in den ASP.NET Foren. Eine weitere gute Quelle ist der Q and A-Abschnitt im Erste Schritte mit ASP.NET 4.5 Web Forms und Visual Studio 2013 – Wingtip Toys (C#).

Nächste