Einführung in ASP.NET Web Pages und Razor Syntax

Was sind ASP.NET Web Pages bzw. die Razor Syntax?

ASP.NET ist eine Technologie von Microsoft zur Erstellung dynamischer Webinhalte. Mit ASP.NET Web Pages und der Razor Engine können Entwickler schnelle und effiziente Webanwendungen erstellen. Razor bietet eine einfache Syntax, um serverseitigen Code in HTML einzubetten. Dies ermöglicht eine reibungslose Integration von server- und clientseitigen Technologien.

Was ist der Unterschied zu anderen ASP.NET Technologien?

Es gibt verschiedene Technologien innerhalb des ASP.NET-Frameworks, die jeweils unterschiedliche Ansätze für die Webentwicklung verfolgen:

  • ASP.NET Web Forms: Ideal für Entwickler, die mit Windows Forms vertraut sind. Es bietet eine höhere Abstraktionsebene und erfordert weniger Kenntnisse in Webtechnologien.
  • ASP.NET MVC: Bietet eine strikte Trennung von Logik, Daten und Darstellung durch das MVC-Muster. Es eignet sich für komplexe Anwendungen und erfordert fundierte Kenntnisse in Webtechnologien.

ASP.NET Web Pages ist für kleinere Projekte oder für Teams geeignet, die schnell in die ASP.NET-Entwicklung einsteigen möchten.

Razor Syntax

Razor ermöglicht das Einbetten von C#-Code in HTML. Einige Beispiele:

@{ var count = 7; }
@{ var messageTitle = "Hello World"; }
Tutorial: Kontaktformular

Als praktisches Beispiel erstellen wir ein Kontaktformular mit ASP.NET Web Pages und Razor.

Layout anlegen

Das Layout definiert das Grundgerüst der Webseite, einschließlich Kopfzeile, Fußzeile und Inhaltsbereich. Ein einfaches Beispiel für ein Layout mit Razor-Elementen:

@Page.Title
Mein Tutorial

@RenderBody()

© @DateTime.Now.Year Mein Tutorial
HTML Kontaktformular erstellen

Das Formular sollte außerdem einfache Eingabefelder für Name, E-Mail, Betreff und Nachricht enthalten:

Serverseitiges Auslesen der Eingabefelder

Mit Razor können wir die Daten, die über das Formular gesendet werden, leicht auslesen und weiterverarbeiten. Beispielsweise:

@{
  var name = Request.Form["name"];
  var mail = Request.Form["mail"];
  var title = Request.Form["title"];
  var message = Request.Form["message"];
}
Serverseitige Überprüfung der Daten

Es ist außerdem wichtig, die eingereichten Daten zu validieren, bevor sie verarbeitet werden. Web Pages bieten Validierungsfunktionen an, um dies zu erleichtern. Beispiel:

Validation.RequireField("name", "Name is required");
Versenden einer E-Mail

Mit den eingebauten Helfern können E-Mails einfach versendet werden, sobald das Formular validiert und verarbeitet wurde. Die WebMail-Klasse bietet hierfür nützliche Funktionen.

Dieser Überblick bietet außerdem eine Einführung in Web Pages und die Razor-Syntax. Es gibt viele weitere Funktionen und Möglichkeiten, die die Technologie bietet, daher ist es ratsam, sich weiter mit der offiziellen Dokumentation und anderen Ressourcen auseinanderzusetzen, um das volle Potenzial auszuschöpfen.