Razor 与 Blazor

Razor。

Razor 是一種伺服器端標記語言，可讓開發人員使用 HTML 和內嵌的 .NET 伺服器端程式碼來動態建立網頁。 Razor 可從 Razor Pages 產生網頁，這些網頁範本檔案是以 C# 或 VB.NET 寫成的。 用 VB 程式碼寫的 Razor 頁面使用 .vbhtml 檔案副檔名，用 C# 程式碼編寫的 Razor 頁面使用 .cshtml 檔案副檔名。

現代的 ASP.NET 網路應用程式支援 Razor，它可以取代傳統的 ASP.NET 標記來產生應用程式檢視元件。

Blazor。

Blazor 是一個網路應用程式框架，可讓開發人員使用 .NET 程式語言建立互動的客戶端介面。 使用 Blazor 建立的 Web 應用程式為單頁應用程式 (SPA)，可在 Web 瀏覽器用戶端內執行（而非在 Web 伺服器上執行）。 瀏覽器端應用程式可透過 WebAssembly 執行，WebAssembly 是一個跨平台指令集函式庫，所有現代的網頁瀏覽器都能執行 .NET 原始程式碼。

透過 Blazor，開發人員可以使用 C#、HTML 和 CSS（無需結合 JavaScript）建立可重複使用的互動式客戶端網頁元件。 此外，由於這些元件是以 C# 寫成，因此開發人員可以靈活地在客戶端和伺服器之間，視需要將實作細節以原始碼和庫的形式來回移動。

Blazor使用Razor Components嗎？

Blazor 完全支援 Razor 語法。 您可以使用 Razor 的完整標記功能集建立 Blazor 應用程式：使用循環、條件等。請考慮以下範例。

@page "/HelloWorld"

<h1>
   Example Component
</h1>

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

> 此 Razor 元件使用 foreach 循環遍歷名為 People 的集合，並在 <h2> 標籤內輸出每個人的名字。

Razor 與 Blazor 之間的連接。

我們可以清楚地看到 Blazor 與 Razor 之間的關係。 畢竟 Blazor 的名稱本身就是由 "browser" 和 "razor" 兩個字組合而成。

Razor 和 Blazor 都用於使用 HTML 和 C# 建立網頁應用程式。 由於這些工具都是開放原始碼且免費的，因此開發人員可以立即且不受限制地使用這些工具。 開發 ASP.NET Web 應用程式時，我們使用 Razor 語法，因為它更接近 ASP.NET Core 和 ASP.NET MVC。

Blazor 可從一個或多個以 Razor 語法撰寫的元件建立彈性、互動的使用者介面。

在這一點上，我們必須與Razor在Blazor中的使用方式做一個顯著的區別：它是用來建立元件（按鈕、頁面元素等），而不是建立整個頁面。

此外，Blazor 中的 Razor 檔案（副檔名為 .cshtml 的檔案）正式名稱為Razor 元件，而不是Blazor 元件（儘管這兩個字在許多開發圈中經常互換使用）。

Razor頁面和Blazor伺服器的運作。

Razor 在 MVC 應用程式中運作，為瀏覽器提供 完整的頁面。

執行中的 Razor 頁面

當使用者按下按鈕或連結時，瀏覽器會傳送一個請求給伺服器，伺服器會打入資料庫，擷取 .cshtml Razor View (或 Razor Page)，將資料和標記整合在一起，然後將整個內容回傳給瀏覽器 (重新渲染整個頁面)。

Blazor 則可讓您使用一系列以 Razor 語法撰寫的較小元件來建立整個網頁。

Blazor 在執行中

說明 Blazor WebAssembly (Blazor WASM) 的操作。

對您的 Blazor WASM 應用程式的首次呼叫會返回完整的程式，包括您定義的所有元件，就像使用 JavaScript 建立的單頁應用程式一樣。

現在瀏覽器可以存取這些元素，因此可以根據資訊和事件顯示、隱藏和更新這些元素。

如此一來，Blazor 應用程式與您使用 Vue 或 Angular 等"當代"JavaScript 函式庫/框架所開發的應用程式更為相似。 Blazor 應用程式在瀏覽器中執行時，會對後端執行網路呼叫，以擷取和傳送資料。

現在，讓我們來討論 Blazor 應用程式和 Razor View 引擎的一些優缺點。

Blazor 和 Razor 的優缺點

說到建立在 .NET Framework 上的互動式網頁應用程式，Blazor 和 Razor 都深受歡迎。 這些技術提供了一個新穎的過渡方式，從使用 C# 作為標準 JavaScript 專案的主要程式語言。

以下是使用 Razor 或 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

結論

Razor 可以處理 API 邏輯和伺服器端模板，但無法處理非 JavaScript 的客戶端邏輯。 Blazor 讓程式設計師只需使用 C# 即可同時處理客戶端與伺服器端功能。 Razor 是一種用於模板的標記語法，可將伺服器端的程式碼納入 HTML 中。 另一方面，Blazor 是一個 SPA 架構，可根據情況在 Blazor WebAssembly 或 Blazor Server 上執行。

發現 IronPDF 是在 Razor 應用程式和 Blazor 應用程式中建立、閱讀、更新和處理 PDF 檔案的最簡單方法。 IronPDF 是 Iron Software 的 Iron Suite 的一部分，其中包含五個有用的函式庫，有助於使用 Excel、PDF、Barcode、QR Code 和圖像建立 Razor 或 Blazor 網路應用程式。

Iron Suite 可免費供個人使用。 如需取得商業授權的詳細資訊，請造訪 Iron Suite 授權資訊。