Razor vs Blazor

Was sind Razor und Blazor in ASP.NET Core?

Verwendet Blazor Razor Components?

Blazor unterstützt vollständig die Razor-Syntax. Man kann Blazor-Apps mit dem vollständigen Markup-Feature-Set von Razor erstellen: mit Schleifen, Bedingungen usw. Betrachten Sie folgendes Beispiel.

@page "/HelloWorld"

<h1>
   Example Component
</h1>

@foreach (var person in People)
{
    <h2>@person.FirstName</h2>
}

Diese Razor Komponente verwendet eine foreach Schleife, um über eine Sammlung namens People zu iterieren und den Vornamen jeder Person innerhalb von <h2> Tags auszugeben.

Verbindung zwischen Razor und Blazor

Wir können deutlich sehen, dass es eine Beziehung zwischen Blazor und Razor gibt. Schließlich ist Blazors Name selbst eine Kombination der Wörter "Browser" und "Razor".

Razor und Blazor werden beide verwendet, um Webanwendungen mit HTML und C# zu erstellen. Da sie Open Source und kostenlos sind, können Entwickler sie sofort ohne Einschränkung nutzen. Bei der Entwicklung von ASP.NET-Webanwendungen verwenden wir die Razor-Syntax, weil sie eher ASP.NET Core und ASP.NET MVC entspricht.

Blazor baut flexible, interaktive Benutzeroberflächen aus einer oder mehreren Komponenten, die mit Razor-Syntax geschrieben sind.

An diesem Punkt müssen wir einen signifikanten Unterschied in der Verwendung von Razor in Blazor machen: Es wird verwendet, um Komponenten (Buttons, Seitenelemente usw.) und nicht ganze Seiten zu erstellen.

Darüber hinaus werden Razor Dateien (Dateien mit der Erweiterung .cshtml) innerhalb von Blazor formal als Razor Komponenten bezeichnet, nicht als Blazor Komponenten (obwohl beide Begriffe in vielen Entwicklerkreisen synonym verwendet werden).

Arbeitsweise von Razor Pages und Blazor Server

Razor arbeitet innerhalb von MVC-Anwendungen, um dem Browser gesamte Seiten bereitzustellen.

Razor Pages in Aktion

Wenn ein Benutzer auf eine Schaltfläche oder einen Link klickt, sendet der Browser eine Anforderung an den Server, der auf die Datenbank zugreift, die .cshtml Razor-Ansichten (oder Razor-Seite) abruft, die Daten und Markups zusammenführt und das gesamte dann an den Browser zurückgibt (woraufhin die gesamte Seite neu gerendert wird).

Blazor hingegen erlaubt es, eine gesamte Webseite mit einer Reihe kleinerer Komponenten zu erstellen, die in Razor-Syntax geschrieben sind.

Blazor in Aktion

Dies veranschaulicht den Betrieb von Blazor WebAssembly (Blazor WASM).

Der erste Aufruf Ihrer Blazor-WASM-Anwendung gibt das vollständige Programm zurück, einschließlich aller von Ihnen definierten Komponenten, ähnlich wie bei einer Single-Page-Anwendung, die mit JavaScript erstellt wurde.

Jetzt, wo der Browser Zugriff auf diese Elemente hat, kann er sie in Reaktion auf Informationen und Ereignisse anzeigen, ausblenden und aktualisieren.

In dieser Hinsicht sind Blazor-Apps den Anwendungen ähnlicher, die man mit einer "modernen" JavaScript-Bibliothek/framework wie Vue oder Angular entwickeln würde. Blazor-Anwendungen führen Netzwerkanrufe an ein Backend aus, während sie im Browser ausgeführt werden, um Daten abzurufen und zu senden.

Nun, lassen Sie uns einige Vor- und Nachteile der Blazor-App und des Razor-View-Engines besprechen.

Vor- und Nachteile von Blazor und Razor

Wenn es darum geht, interaktive Webanwendungen auf Basis des .NET-Frameworks zu erstellen, sind Blazor und Razor beide hoch geschätzt. Diese Technologien bieten einen neuartigen Übergang von der Verwendung von C# als Hauptprogrammiersprache für Standard-JavaScript-Projekte.

Hier sind einige Vorteile und Nachteile, die bei der Erstellung von Webanwendungen mit Razor oder Blazor berücksichtigt werden sollten.

using IronPdf;

class Program
{
    static void Main(string[] args)
    {
        var renderer = new ChromePdfRenderer();

        // Convert HTML String to PDF
        var htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>";
        var pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent);
        pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf");

        // Convert HTML File to PDF
        var htmlFilePath = "path_to_your_html_file.html"; // Specify the path to your HTML file
        var pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath);
        pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf");

        // Convert URL to PDF
        var url = "http://ironpdf.com"; // Specify the URL
        var pdfFromUrl = renderer.RenderUrlAsPdf(url);
        pdfFromUrl.SaveAs("URLToPDF.pdf");
    }
}

using IronPdf;

class Program
{
    static void Main(string[] args)
    {
        var renderer = new ChromePdfRenderer();

        // Convert HTML String to PDF
        var htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>";
        var pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent);
        pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf");

        // Convert HTML File to PDF
        var htmlFilePath = "path_to_your_html_file.html"; // Specify the path to your HTML file
        var pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath);
        pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf");

        // Convert URL to PDF
        var url = "http://ironpdf.com"; // Specify the URL
        var pdfFromUrl = renderer.RenderUrlAsPdf(url);
        pdfFromUrl.SaveAs("URLToPDF.pdf");
    }
}

Imports IronPdf

Friend Class Program
	Shared Sub Main(ByVal args() As String)
		Dim renderer = New ChromePdfRenderer()

		' Convert HTML String to PDF
		Dim htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>"
		Dim pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent)
		pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf")

		' Convert HTML File to PDF
		Dim htmlFilePath = "path_to_your_html_file.html" ' Specify the path to your HTML file
		Dim pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath)
		pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf")

		' Convert URL to PDF
		Dim url = "http://ironpdf.com" ' Specify the URL
		Dim pdfFromUrl = renderer.RenderUrlAsPdf(url)
		pdfFromUrl.SaveAs("URLToPDF.pdf")
	End Sub
End Class

Abschluss

Razor kann API-Logik und serverseitige Vorlagenhandhabung durchführen, aber es kann keine clientseitige Logik handhaben, die nicht auf JavaScript basiert. Blazor ermöglicht es Programmierern, sowohl Client- als auch Serverfunktionalitäten nur mit C# zu handhaben. Razor ist eine Markup-Syntax für Vorlagen, die serverseitigen Code in das HTML integriert. Blazor hingegen ist ein SPA-Framework, das je nach Situation entweder auf Blazor WebAssembly oder dem Blazor-Server laufen kann.

Entdecken Sie IronPDF, um auf einfachste Weise PDF-Dateien sowohl in Razor-Anwendungen als auch in Blazor-Anwendungen zu erstellen, zu lesen, zu aktualisieren und zu manipulieren. IronPDF ist ein Teil von Iron Softwares Iron Suite, die fünf nützliche Bibliotheken enthält, die beim Erstellen von Razor- oder Blazor-Webapps mit Excel, PDF, Barcodes, QR-Codes und Bildern hilfreich sind.

Iron Suite ist für die private Nutzung kostenlos verfügbar. Für weitere Informationen über den Erwerb einer kommerziellen Lizenz, besuchen Sie bitte die Iron Suite Lizenzierungsinformation.