Blazor 框架是什麼（開發者的工作原理教程）

首頁組件

點擊側邊選單上的 Counter。 您會看到點擊按鈕會使計數器遞增，而不更改或重新載入頁面。 通常在網頁應用中動態增加計數器需要使用 JavaScript，但使用 Blazor，我們可以使用 C# 來實現這一點。 這就是 ASP.NET 開發人員這麼喜歡 Blazor 的原因。 它幫助 .NET 開發人員快速輕鬆地構建網頁應用。

Counter 組件

我們可以在我們解決方案的 Pages 文件夾中的 Counter.razor 文件中看到 Counter 組件的程式碼。

@page "/counter"
<h1>Counter</h1>
<p>Current count: @currentCount</p>
<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
@code {
    private int currentCount = 0;

    // This method increments the counter value when the button is clicked
    private void IncrementCount()
    {
        currentCount++;
    }
}

如 @page 標指令所指定，/counter 的瀏覽器請求會導致 Counter 組件渲染其內容。

每當選擇 點擊我 按鈕時：

• onclick 事件會被觸發。
• 調用 IncrementCount 方法。
• currentCount 被遞增。
• 渲染組件以顯示更新的計數。

每個 .razor 文件定義了一個可重用的 UI 組件。

在 Visual Studio 中打開 Index.razor 文件。 Index.razor 文件已經存在，因為當您建立專案時它已建立。 它位於先前建立的 BlazorApp 目錄的 Pages 文件夾中。

Fetch 組件

還有另一個命名為 "Fetch 組件" 的組件。 該組件還注入了用於後端伺服器端開發的服務。 讓我們替換此程式碼以從 URL 生成 PDF，以更好地理解 Blazor 網頁開發的力量。

安裝 IronPDF NuGet 套件

我們也可以在 Blazor WebAssembly 應用中安裝 IronPDF NuGet 套件，類似於普通的 ASP.NET Core 應用程式。

打開 NuGet 套件管理器控制台，並編寫以下命令：

Install-Package IronPdf

將安裝庫，如下所示。

刪除 FetchData.razor 文件中的所有現有程式碼，並新增以下程式碼範例：

@page "/fetchdata"

@using myBlazorAPP.Data
@inject WeatherForecastService ForecastService

<h1>Generate PDF FROM URL</h1>
<p>This component demonstrates generating PDF from URL using IronPDF in Blazor Application</p>
<input type="text" @bind="URL" placeholder="URL HERE..."/>
<button @onclick="GeneratePDF">Generate PDF</button>

@code {
    private string URL { get; set; }

    // This method calls the service to generate a PDF document from a given URL
    protected async Task GeneratePDF()
    {
        await ForecastService.GeneratePDFfromURL(URL);
    }
}

以上是用於生成 PDF 文件的客戶端 Blazor 程式碼。 它定義了一個按鈕和一個輸入框。 輸入框繫結到 URL 變數。

現在，我們來寫出應用程式的伺服器端程式碼。

打開 WeatherForecastService.cs 文件並用以下程式碼片段替換所有現有程式碼：

using System;
using System.Threading.Tasks;
using IronPdf;

namespace myBlazorAPP.Data
{
    public class WeatherForecastService
    {
        // This method generates a PDF file asynchronously from a provided URL
        public async Task GeneratePDFfromURL(string URL)
        {
            ChromePdfRenderer renderer = new ChromePdfRenderer();
            var pdfDoc = await renderer.RenderUrlAsPdfAsync(URL);
            pdfDoc.SaveAs(@"myFile.pdf");
        }
    }
}

using System;
using System.Threading.Tasks;
using IronPdf;

namespace myBlazorAPP.Data
{
    public class WeatherForecastService
    {
        // This method generates a PDF file asynchronously from a provided URL
        public async Task GeneratePDFfromURL(string URL)
        {
            ChromePdfRenderer renderer = new ChromePdfRenderer();
            var pdfDoc = await renderer.RenderUrlAsPdfAsync(URL);
            pdfDoc.SaveAs(@"myFile.pdf");
        }
    }
}

Imports System
Imports System.Threading.Tasks
Imports IronPdf

Namespace myBlazorAPP.Data
	Public Class WeatherForecastService
		' This method generates a PDF file asynchronously from a provided URL
		Public Async Function GeneratePDFfromURL(ByVal URL As String) As Task
			Dim renderer As New ChromePdfRenderer()
			Dim pdfDoc = Await renderer.RenderUrlAsPdfAsync(URL)
			pdfDoc.SaveAs("myFile.pdf")
		End Function
	End Class
End Namespace

讓我們運行我們的應用以查看輸出。

在輸入框中粘貼 URL 並點擊生成 PDF。 將生成 PDF 文件，並可在應用文件夾中看到該文件。

按如下所示打開 PDF 文件。

我們僅用三行程式碼便從 URL 生成了 PDF。 這就是 IronPDF 的力量。

IronPDF 是由 Iron Software 提供的，它是Iron Software 的 Iron Suite 產品的一部分。 通過獲取完整的 Iron Suite，您可以省錢，並以購買兩個產品的價格購買五個產品。