Blazor 框架是什么（开发者教程）

主页组件

class="content-img-align-center">

在侧边菜单中点击计数器。 您会看到点击按钮会增加计数器，而不会更改或重新加载页面。 在 Web 应用程序中动态地增加计数器通常需要 JavaScript，但使用 Blazor，我们可以采用 C# 实现这一点。 这就是 ASP.NET 开发者很喜欢 Blazor 的原因。 它帮助 .NET 开发者快速轻松地构建 Web 应用程序。

计数器组件

class="content-img-align-center">

我们可以在 Counter.razor 文件中看到计数器组件的代码，位于解决方案的 Pages 文件夹内。

@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++;
    }
}

在浏览器中请求 /counter 时，如顶部所指定，通过 @page 指令触发，导致计数器组件渲染其内容。

每次选择 点击我 按钮时：

• 触发 onclick 事件。
• 调用 IncrementCount 方法。
• 增加 currentCount。
• 渲染组件以显示更新后的计数。

每个 .razor 文件定义了一个可以重复使用的 UI 组件。

在 Visual Studio 中打开 Index.razor 文件。 Index.razor 文件已经存在，因为您创建项目时它被创建。 它位于创建的 BlazorApp 目录内的 Pages 文件夹中。

获取组件

还有另一个名为"获取组件"的组件。 该组件还注入了一个用于后端服务器开发的服务。 让我们替换此代码，以便更好地理解 Blazor Web 开发的强大功能，生成 PDF。

安装 IronPDF NuGet 包

我们可以在 Blazor WebAssembly 应用程序中安装 IronPDF NuGet 包，类似于 ASP.NET Core 应用程序。

打开 NuGet 包管理器控制台，并编写以下命令：

Install-Package IronPdf

该库将安装，如下所示。

class="content-img-align-center">

从 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

让我们运行我们的应用程序以查看输出。

class="content-img-align-center">

在输入框中粘贴一个 URL 并点击生成 PDF。 PDF 文件将被生成，并且可以在应用程序文件夹中看到该文件。

如下所示打开 PDF 文件。

class="content-img-align-center">

我们只用三行代码就从 URL 生成了 PDF。 这就是 IronPDF 的力量。

IronPDF 由 Iron 软件提供，并且是 Iron 软件的 Iron Suite 产品的一部分。 您可以通过 获取完整的 Iron Suite 购买五个产品，只需两个产品的价格。