Ihre erste ASP.NET-Webanwendung: Erste Schritte

ASP.NET ist das kostenlose plattformübergreifende Framework von Microsoft zum Erstellen von Web-Apps und -Diensten. Die ASP.NET-Plattform ist eine Erweiterung von .NET, einer Entwicklerplattform von Tools, Programmiersprachen und Bibliotheken, die zum Erstellen verschiedener Anwendungen verwendet werden.

Wie Sie wahrscheinlich schon vermutet haben, ist ASP.NET ein fantastisches Framework, mit dem Anfänger Webanwendungen erstellen können. Es bietet viel Flexibilität und ist einfach zu bedienen. In diesem Artikel helfen wir Ihnen, Ihre erste Webanwendung in ASP.NET mit Microsoft Visual Studio zu erstellen.

Was ist ASP.NET?

ASP steht für „Active Server Pages“; ASP und ASP.NET sind serverseitige Technologien, die zum Anzeigen interaktiver Webseiten verwendet werden. ASP.NET bietet Entwicklern viel Flexibilität in einem großen, vielseitigen Ökosystem mit verschiedenen Bibliotheken und Tools. Entwickler können auch benutzerdefinierte Bibliotheken erstellen, die sie mit jeder Anwendung teilen können, die auf der .NET-Plattform erstellt wurde.

Verwandte: Web-Frameworks, die es wert sind, für Entwickler zu lernen

Sie können den Back-End-Code für Ihre ASP.NET-Anwendungen in C#, Visual Basic oder sogar F# schreiben. Diese Flexibilität ermöglicht es Entwicklern, die Geschäftslogik und die Datenzugriffsschicht effektiv zu programmieren. Ein weiterer wesentlicher Vorteil der Verwendung von ASP.NET ist das Erstellen dynamischer Webseiten mit C# mithilfe eines Webseiten-Templating-Syntaxtools namens Razor.

Wie erstelle ich ein VR-Headset?

Razor bietet auch eine Syntax zum Erstellen interaktiver dynamischer Webseiten mit HTML, CSS, JavaScript und C#. Der clientseitige Code wird normalerweise in JavaScript geschrieben und ASP.NET kann sogar in andere Web-Frameworks wie Angular oder React integriert werden.

Verwandte: Tailwind CSS vs. Bootstrap: Welches Framework ist besser?

ASP.NET bietet Entwicklern außerdem ein Authentifizierungssystem, das eine Datenbank, Bibliotheken, Vorlagen zum Verwalten von Anmeldungen, externe Authentifizierung bei Google, Facebook usw. und mehr umfasst. Entwickler können ASP.NET auf allen wichtigen Plattformen nutzen, einschließlich Windows, Linux, macOS und sogar Docker.

So erstellen Sie eine ASP.NET-Webanwendung in Visual Studio

Bevor Sie eine Webanwendung erstellen, machen Sie sich am besten mit HTML, CSS, JavaScript und C# vertraut, damit Sie ASP.NET optimal nutzen können. Sehen wir uns an, wie Sie eine Webanwendung in ASP.NET in Microsoft Visual Studio 2019 erstellen können.

Stellen Sie sicher, dass die folgenden Softwarepakete installiert sind:

So vergrößern Sie den Mac mit dem Trackpad

Microsoft Visual Studio 2019 oder besser
ASP.NET- und Webentwicklungs-Workload vom Visual Studio-Installer

Grundlegendes zu den ASP.NET-Webanwendungsprojektkomponenten

Bevor Sie mit der Entwicklung Ihrer Webanwendung beginnen können, ist es wichtig, die wesentlichen Komponenten von ASP.NET zu verstehen und zu verstehen, wie Sie sie in Ihrer Webanwendung verwenden können.

In diesem Tutorial verwenden wir ASP.NET-Webformulare, um die einzelnen Webseiten wie die Homepage, Kontakt usw. zu erstellen. Jedes Webformular hat drei Hauptkomponenten, eine .aspx-Datei für HTML/CSS, eine .aspx .cs-Codedatei und eine .aspx.designer.cs-Datei. Für dieses Tutorial werden wir hauptsächlich in den Dateien .aspx und .aspx.cs arbeiten.

Die .aspx-Datei enthält den gesamten HTML- und CSS-Code Ihrer Webseiten. Stellen Sie sicher, dass Sie anstelle von HTML-Tags asp-Tags verwenden, da asp-Tags Daten vom Server abrufen und Eingabedaten an den Server senden. Dies ist das Funktionsmerkmal, das in einer dynamischen Webanwendung erforderlich ist.

Die .aspx.cs-Datei enthält den C#-Code Ihrer Webseiten und steuert, was passiert, wenn ein bestimmtes Ereignis wie eine Webseite geladen wird, auf eine Schaltfläche geklickt wird und mehr. Sie können für jede Funktion separate Funktionen erstellen und sie mit dem entsprechenden asp-Tag in der entsprechenden .aspx-Datei verknüpfen.

Masterseiten sind für Entwickler von Vorteil und fügen jeder Webseite wesentliche Komponenten wie die Navigationsleiste und die Fußzeile hinzu. Anstatt denselben Code wiederholt hinzuzufügen, können Entwickler den gesamten für die Vorlage erforderlichen Code auf einer Masterseite hinzufügen und dann jede Webseite mit der Masterseite verknüpfen. Wie das geht, zeigen wir Ihnen in den folgenden Abschnitten.

Erstellen eines neuen ASP.NET-Webanwendungsprojekts

Der erste Schritt beim Erstellen einer Webanwendung in ASP.NET besteht darin, eine Projektvorlage auszuwählen und eine neue Webanwendung zu erstellen:

Starten Sie Microsoft Visual Studio und klicken Sie auf Erstellen Sie ein neues Projekt
Geben Sie ASP.NET in das Vorlagensuchfeld ein, wählen Sie ASP.NET-Webanwendung ( .NET-Framework ) und klicke Nächste . Sie erhalten diese Vorlage nicht, wenn Sie nicht über die im vorherigen Abschnitt erwähnten erforderlichen Installationen verfügen.
Konfigurieren Sie im nächsten Bildschirm Ihren Projektnamen und Ihr Verzeichnis und klicken Sie auf Nächste .
Visual Studio erstellt nun Ihre Projektvorlage, und Sie sollten in der Lage sein, die Vorlagenanwendung auszuführen, indem Sie oben auf dem Bildschirm auf die grüne Wiedergabeschaltfläche klicken.

Erstellen Sie ein neues ASP.NET-Webformular

Damit Sie ASP.NET besser verstehen, erstellen wir eine einfache Produktseite für einen Spieleladen. Der erste Schritt besteht darin, ein neues Webformular zu erstellen. Navigieren Sie in dem zuvor erstellten Projekt zu Datei > Neu > Datei und wählen Sie Web-Formular . Sobald Sie es eingerichtet haben, sollten Sie eine leere .aspx-Datei nur mit dem Header-Code sehen können.

Um mit der Entwicklung des Gesamtbilds Ihrer Webseite zu beginnen, können Sie entweder selbst Code im HTML/CSS verwenden oder eine Vorlage von verwenden Tailblocks .

Wir richten das obige Produktseitenlayout mithilfe einer Vorlage ein. Es zeigt ein Produktbild, Produktdetails und eine Navigationsleiste an. Wir haben HTML und CSS der Navigationsleiste mithilfe der Masterseite hinzugefügt.

Weihnachtshilfe für einkommensschwache Familien

Im obigen Code (.aspx.cs-Datei) haben wir die Ladeseite Funktion zum Festlegen von Produktdetails in unseren Platzhaltern. Sie können ähnliche Funktionen zum Anmelden, Anmelden, Hinzufügen zum Warenkorb usw. erstellen.

Ein Beispiel für ein Asp-Tag zur Anzeige der Produktbeschreibung lautet wie folgt:

In diesem Platzhalter wird der Beschreibungswert aus dem C#-Code angezeigt. Sie können auch die Toolbox von Visual Studio verwenden, um Anzeigeelemente wie Bilder, Schaltflächen, Optionsfelder und mehr hinzuzufügen. Es gibt mehrere Online-Ressourcen, in denen Sie die ASP.NET-Syntax erlernen können.

ASP.NET-Webanwendung für Anfänger

ASP.NET ist eine leistungsstarke Plattform zum Erstellen von Webanwendungen und -diensten. Sie müssen mit JavaScript, HTML, CSS und C# vertraut sein, bevor Sie eine Webanwendung in ASP.NET entwickeln können.

Teilen Teilen Tweet Email Der ultimative JavaScript-Spickzettel

Holen Sie sich mit diesem Spickzettel eine schnelle Auffrischung von JavaScript-Elementen.

Weiter lesen Verwandte Themen

Programmierung
ASP.NET
Programmierung

Über den Autor M. Fahad Khawaja(45 veröffentlichte Artikel)

Fahad ist Autor bei MakeUseOf und studiert derzeit Informatik. Als begeisterter Tech-Autor stellt er sicher, dass er mit der neuesten Technologie auf dem Laufenden bleibt. Er interessiert sich besonders für Fußball und Technik.

Mehr von M. Fahad Khawaja

Abonniere unseren Newsletter

Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!

Klicken Sie hier, um zu abonnieren