Erstellen des Projekts

Tipp

Grundlegendes zu den ASP.NET Frameworks

mit ASP.NET WebFormularen können Sie dynamische Websites mithilfe eines vertrauten Drag-and-Drop-, ereignisgesteuerten Modells erstellen. Mit einer Entwurfsoberfläche und Hunderten von Steuerelementen und Komponenten können Sie schnell anspruchsvolle, leistungsstarke benutzeroberflächengesteuerte Websites mit Datenzugriff erstellen. Der Wingtip Toy Store basiert auf ASP.NET Webformularen, aber viele der Konzepte, die Sie in dieser Lernprogrammreihe lernen, gelten für alle ASP.NET.

ASP.NET bietet vier primäre Entwicklungsframeworks:

• ASP.NET Webformulare
  Das Web Forms-Framework richtet sich an Entwickler, die deklarative und steuerelementbasierte Programmierung bevorzugen, z. B. Microsoft Windows Forms (WinForms) und WPF/XAML/Silverlight. Es bietet ein WYSIWYG designergesteuertes Entwicklungsmodell, daher ist es beliebt für Entwickler, die eine schnelle Anwendungsentwicklungsumgebung (RAD) für die Webentwicklung suchen. Wenn Sie mit der Webprogrammierung noch nicht vertraut sind und mit den herkömmlichen Microsoft RAD-Cliententwicklungstools (z. B. visual Basic und Visual C#) vertraut sind, können Sie schnell eine Webanwendung erstellen, ohne Erfahrung in HTML und JavaScript zu haben.
• ASP.NET MVC
  ASP.NET MVC richtet sich an Entwickler, die an Mustern und Prinzipien interessiert sind, z. B. testgesteuerte Entwicklung, Trennung von Bedenken, Inversion der Kontrolle (IoC) und Abhängigkeitsinjektion (DI). Dieses Framework fördert die Trennung der Geschäftslogikebene einer Webanwendung von der Präsentationsebene.
• ASP.NET-Webseiten
  ASP.NET Web Pages richtet sich an Entwickler, die einen einfachen Webentwicklungsansatz wünschen, ähnlich wie bei PHP. Im Webseitenmodell erstellen Sie HTML-Seiten und fügen dann serverbasierten Code zur Seite hinzu, um dynamisch zu steuern, wie dieses Markup gerendert wird. Webseiten sind speziell darauf ausgelegt, ein einfaches Framework zu sein, und es ist der einfachste Einstiegspunkt in ASP.NET für Personen, die HTML kennen, aber möglicherweise keine umfassende Programmiererfahrung haben , z. B. Studenten oder Hobbyisten. Es ist auch eine gute Möglichkeit für Webentwickler, die PHP oder ähnliche Frameworks kennen, um mit der Verwendung von ASP.NET zu beginnen.
• ASP.NET Einzelseitenanwendung
  ASP.NET Single Page Application (SPA) hilft Ihnen beim Erstellen von Anwendungen, die erhebliche clientseitige Interaktionen mit HTML 5, CSS 3 und JavaScript enthalten. Das Update ASP.NET und Webtools 2012.2 enthält eine neue Vorlage zum Erstellen von Einzelseitenanwendungen mithilfe von knockout.js und ASP.NET Web-API. Neben der neuen SPA-Vorlage stehen auch neue von der Community erstellte SPA-Vorlagen zum Download zur Verfügung.

Zusätzlich zu den vier Hauptentwicklungsframeworks bietet ASP.NET weitere wichtige Technologien an, von denen man Kenntnis haben und mit denen man vertraut sein sollte, die jedoch in dieser Tutorialreihe nicht behandelt werden:

• ASP.NET Web-API – Ein Framework zum Erstellen von HTTP-Diensten, die eine breite Palette von Clients erreichen, einschließlich Browsern und mobilen Geräten.
• ASP.NET SignalR – Eine Bibliothek, die die Entwicklung von Webfunktionen in Echtzeit vereinfacht.

Tipp

Webanwendungsfunktionen in der Web Forms-Anwendungsvorlage

Die ASP.NET Web Forms Application-Vorlage bietet eine umfangreiche Sammlung integrierter Funktionen. Es bietet Ihnen nicht nur eine Home.aspx Seite, eine About.aspx Seite, eine Contact.aspx Seite, sondern auch Mitgliedschaftsfunktionen, die Benutzer registriert und ihre Anmeldeinformationen speichert, damit sie sich bei Ihrer Website anmelden können. Diese Übersicht enthält weitere Informationen zu einigen der Features, die in der Vorlage ASP.NET Web Forms Application enthalten sind und wie sie in der Wingtip Toys-Anwendung verwendet werden.

Mitgliedschaft

ASP.NET Identität speichert die Anmeldeinformationen Ihrer Benutzer in einer Datenbank, die von der Anwendung erstellt wurde. Wenn sich Ihre Benutzer anmelden, überprüft die Anwendung ihre Anmeldeinformationen durch Lesen der Datenbank. Der Ordner "Konto " Ihres Projekts enthält die Dateien, die die verschiedenen Teile der Mitgliedschaft implementieren: Registrieren, Anmelden, Ändern eines Kennworts und Autorisieren des Zugriffs. Darüber hinaus unterstützt ASP.NET Web Forms OAuth und OpenID. Diese Authentifizierungsverbesserungen ermöglichen es Benutzern, sich mithilfe vorhandener Anmeldeinformationen von Konten wie Facebook, Twitter, Windows Live und Google bei Ihrer Website anzumelden.

Standardmäßig erstellt die Vorlage eine Mitgliedschaftsdatenbank mit einem Standarddatenbanknamen in einer Instanz von SQL Server Express LocalDB, dem Entwicklungsdatenbankserver, der im Lieferumfang von Visual Studio Express 2013 für Web enthalten ist.

SQL Server Express LocalDB

SQL Server Express LocalDB ist eine einfache Version von SQL Server, die über viele Programmierbarkeitsfunktionen einer SQL Server-Datenbank verfügt. SQL Server Express LocalDB wird im Benutzermodus ausgeführt und verfügt über eine schnelle Nullkonfigurationsinstallation mit einer kurzen Liste der Installationsvoraussetzungen. In Microsoft SQL Server können alle Datenbanken oder Transact-SQL Code ohne Upgradeschritte von SQL Server Express LocalDB in SQL Server und SQL Azure verschoben werden. Daher kann SQL Server Express LocalDB als Entwicklerumgebung für Anwendungen für alle Editionen von SQL Server verwendet werden. SQL Server Express LocalDB ermöglicht Features wie gespeicherte Prozeduren, benutzerdefinierte Funktionen und Aggregate, .NET Framework-Integration, räumliche Typen und andere, die in SQL Server Compact nicht verfügbar sind.

Masterseiten

Eine ASP.NET Gestaltungsvorlage definiert ein einheitliches Erscheinungsbild und Verhalten für alle Seiten in Ihrer Anwendung. Das Layout der Masterseite wird mit dem Inhalt einer einzelnen Inhaltsseite kombiniert, um die finale Seite zu erstellen, die der Benutzer sieht. In der Wingtip Toys-Anwendung ändern Sie die Gestaltungsvorlage Site.master so, dass alle Seiten auf der Wingtip Toys-Website das gleiche unverwechselbare Logo und die Navigationsleiste aufweisen.

HTML5

Die ASP.NET Web Forms Anwendungsvorlage unterstützt HTML5, welches die neueste Version der HTML-Markup-Sprache ist. HTML5 unterstützt neue Elemente und Funktionen, die das Erstellen von Websites vereinfachen.

Modernizr

Für Browser, die HTML5 nicht unterstützen, können Sie Modernizr verwenden. Modernizr ist eine Open-Source-JavaScript-Bibliothek, die erkennen kann, ob ein Browser HTML5-Features unterstützt, und sie aktivieren, wenn dies nicht der Fall ist. In der ASP.NET Web Forms Application-Vorlage wird Modernizr als NuGet-Paket installiert.

Bootstrap

Die Visual Studio 2013-Projektvorlagen verwenden Bootstrap, ein Layout und Designframework, das von Twitter erstellt wurde. Bootstrap verwendet CSS3, um dynamisches Design bereitzustellen, was bedeutet, dass Layouts dynamisch an verschiedene Browserfenstergrößen angepasst werden können. Sie können auch das Designfeature von Bootstrap verwenden, um eine Änderung des Erscheinungsbilds der Anwendung auf einfache Weise zu erzielen. Standardmäßig enthält die ASP.NET-Webanwendungsvorlage in Visual Studio 2013 Bootstrap als NuGet-Paket.

NuGet-Pakete

Die ASP.NET Web Forms Application-Vorlage enthält eine Reihe von NuGet-Paketen . Diese Pakete bieten komponentenisierte Funktionen in Form von Open Source-Bibliotheken und -Tools. Es gibt eine Vielzahl von Paketen, mit denen Sie Ihre Anwendungen erstellen und testen können. Visual Studio erleichtert das Hinzufügen, Entfernen und Aktualisieren von NuGet-Paketen. Entwickler können auch Pakete zu NuGet erstellen und hinzufügen.

Wenn Sie ein Paket installieren, kopiert NuGet Dateien in Ihre Lösung und nimmt automatisch alle erforderlichen Änderungen vor, z. B. Hinzufügen von Verweisen und Ändern der Konfiguration, die Ihrer Webanwendung zugeordnet ist. Wenn Sie sich entschließen, die Bibliothek zu entfernen, entfernt NuGet Dateien und kehrt alle Änderungen zurück, die es in Ihrem Projekt vorgenommen hat, sodass keine Unübersichtlichkeit übrig bleibt. NuGet ist im Menü "Extras " in Visual Studio verfügbar.

jQuery

jQuery ist eine schnelle und präzise JavaScript-Bibliothek, die das Durchlaufen von HTML-Dokumenten, die Ereignisbehandlung, das Animieren und Ajax-Interaktionen für schnelle Webentwicklung vereinfacht. Die jQuery JavaScript-Bibliothek ist in der Vorlage ASP.NET Web Forms Application als NuGet-Paket enthalten.

Unauffällige Überprüfung

Integrierte Validatorsteuerelemente wurden für die Verwendung von unauffälligem JavaScript für clientseitige Validierungslogik konfiguriert. Dadurch wird die Menge des im Seitenmarkup inline gerenderten JavaScript erheblich verringert und die Gesamtgröße der Seite reduziert. Die unauffällige Überprüfung wird global zum ASP.NET Web Forms Application-Template hinzugefügt, basierend auf der Einstellung im <appSettings-Element> der Web.config-Datei im Stammverzeichnis der Anwendung.

Entity Framework-Code zuerst

Neben den Features in der ASP.NET Web Forms Application-Vorlage verwendet die Wingtip Toys-Anwendung Entity Framework Code First, eine NuGet-Bibliothek, die codeorientierte Entwicklung ermöglicht, wenn Sie mit Daten arbeiten. Einfach ausgedrückt, wird der Datenbankteil Ihrer Anwendung für Sie basierend auf dem von Ihnen geschriebenen Code erstellt. Mit dem Entity Framework können Sie Daten als stark typierte Objekte abrufen und bearbeiten. Auf diese Weise können Sie sich auf die Geschäftslogik in Ihrer Anwendung konzentrieren und nicht auf die Details, wie auf Daten zugegriffen wird.

Weitere Informationen zu den installierten Bibliotheken und Paketen, die in der Vorlage ASP.NET Web Forms enthalten sind, finden Sie in der Liste der installierten NuGet-Pakete. Wählen Sie dazu in Visual Studio ein neues Web Forms-Projekt aus, wählen Sie "Tools>NuGet Package Manager>Manage NuGet Packages for Solution" aus, und wählen Sie "Installierte Pakete " im Dialogfeld " NuGet-Pakete verwalten " aus.