Razor a Blazor

Czym są Razor i Blazor w ASP.NET Core?

Czy Blazor korzysta z komponentów Razor?

Blazor w pełni obsługuje składnię Razor. Aplikacje Blazor można tworzyć przy użyciu pełnego zestawu funkcji znaczników Razor: pętli, warunków itp. Rozważmy następujący przykład.

@page "/HelloWorld"

<h1>
   Example Component
</h1>

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

Ten komponent Razor wykorzystuje pętlę foreach do iteracji nad kolekcją o nazwie People, wyświetlając imię każdej osoby w tagach <h2>.

Związek między Razor a Blazor

Wyraźnie widać, że istnieje związek między Blazorem a Razorem. W końcu sama nazwa Blazor jest połączeniem słów "browser" (przeglądarka) i "razor" (brzytwa).

Razor i Blazor służą do tworzenia aplikacji internetowych przy użyciu HTML i C#. Ponieważ są to narzędzia open source i bezpłatne, programiści mogą z nich korzystać od razu i bez ograniczeń. Podczas tworzenia aplikacji internetowych ASP.NET używamy składni Razor, ponieważ jest ona bardziej zbliżona do .NET Core i ASP.NET MVC.

Blazor tworzy elastyczne, interaktywne interfejsy użytkownika z jednego lub więcej komponentów napisanych w składni Razor.

W tym miejscu musimy dokonać istotnego rozróżnienia w sposobie wykorzystania Razor w Blazor: służy on do tworzenia komponentów (przycisków, elementów strony itp.), a nie do tworzenia całych stron.

Ponadto pliki Razor (pliki z rozszerzeniem .cshtml) w Blazorze są formalnie nazywane komponentami Razor, a nie komponentami Blazor (chociaż oba terminy są używane zamiennie w wielu środowiskach programistycznych).

Działanie Razor Pages i Blazor Server

Razor działa w aplikacjach MVC, dostarczając całe strony do przeglądarki.

Razor Pages w praktyce

Gdy użytkownik kliknie przycisk lub link, przeglądarka wysyła żądanie do serwera, który pobiera dane z bazy danych, wyświetla widoki .cshtml Razor (lub stronę Razor), łączy dane i znaczniki, a następnie zwraca całość do przeglądarki (ponownie renderując całą stronę).

Z kolei Blazor pozwala na tworzenie całych stron internetowych przy użyciu szeregu mniejszych komponentów napisanych w składni Razor.

Blazor w praktyce

Ilustruje to działanie Blazor WebAssembly (Blazor WASM).

Pierwsze wywołanie aplikacji Blazor WASM zwraca kompletny program, zawierający wszystkie zdefiniowane komponenty, podobnie jak aplikacja jednostronicowa utworzona przy użyciu JavaScript.

Teraz, gdy przeglądarka ma dostęp do tych elementów, może je wyświetlać, ukrywać i aktualizować w odpowiedzi na informacje i zdarzenia.

W ten sposób aplikacje Blazor są bardziej podobne do aplikacji, które tworzy się przy użyciu "współczesnych" bibliotek/frameworków JavaScript, takich jak Vue lub Angular. Aplikacje Blazor wykonują wywołania sieciowe do zaplecza podczas działania w przeglądarce w celu pobierania i wysyłania danych.

Omówmy teraz kilka zalet i wad aplikacji Blazor oraz silnika Razor View.

Zalety i wady Blazor i Razor

Jeśli chodzi o tworzenie interaktywnych aplikacji internetowych opartych na .NET Framework, Blazor i Razor cieszą się dużą popularnością. Technologie te oferują nowatorskie przejście od wykorzystywania języka C# jako głównego języka programowania do standardowych projektów JavaScript.

Oto kilka zalet i wad, które warto wziąć pod uwagę podczas tworzenia aplikacji internetowych przy użyciu Razor lub Blazor.

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

Wnioski

Razor może obsługiwać logikę API i szablony po stronie serwera, ale nie obsługuje logiki po stronie klienta, która nie jest oparta na JavaScript. Blazor pozwala programistom obsługiwać zarówno funkcje po stronie klienta, jak i serwera, używając wyłącznie języka C#. Razor to składnia znaczników dla szablonów, która włącza kod po stronie serwera do kodu HTML. Z kolei Blazor to framework SPA, który może działać zarówno na Blazor WebAssembly, jak i na Blazor Server, w zależności od sytuacji.

Odkryj IronPDF, aby w najprostszy sposób tworzyć, odczytywać, aktualizować i edytować pliki PDF zarówno w aplikacjach Razor, jak i Blazor. IronPDF jest częścią pakietu Iron Suite firmy Iron Software, który zawiera pięć przydatnych bibliotek pomocnych w tworzeniu aplikacji internetowych Razor lub Blazor z wykorzystaniem plików Excel, PDF, BarCodes, kodów QR i obrazów.

Pakiet Iron Suite jest dostępny bezpłatnie do użytku osobistego. Aby uzyskać więcej informacji na temat uzyskania licencji komercyjnej, odwiedź stronę Informacje dotyczące licencji Iron Suite.