使用IRONBARCODE

如何在Blazor中生成二维码

发布 2023年六月6日
分享:

本文介绍了开发人员如何使用 IronBarcode 库在 C# 项目中制作二维码。

IronBarcode - C#

IronBarcode 是一款 C# 条形码和 QR 码库,可让您在任何 .NET C# 应用程序中轻松读取和生成条形码和 QR 码。它优先考虑 C&num 的速度、准确性和易用性;

IronBarcode 是一个用户友好型库,允许开发人员在 C# 项目中轻松添加、读取和样式化二维码,通常只需几分钟。它能让开发人员创建 Aztec、Data Matrix 和 MaxiCode 等格式的二维码。使用 IronBarcode 可以创建不同类型的条形码,如 Code 39、Code 128、RSS14 等。

IronBarcode 兼容所有 .NET Framework 语言,即 C#、F# 和 VB.NET。它支持下列所有 .NET 平台:

  • .NET 7、6 和 5
  • .NET Core 2x 和 3x
  • .NET 标准 2
  • .NET Framework 4.6.2+

如何在 Blazor 服务器应用程序中生成 QR 码?

先决条件

要在 Blazor Web 应用程序中使用 C# 创建 QR 代码,我们需要以下组件:

  1. 虚拟工作室 - 这是一个集成开发环境 (IDE) 用于 C# 开发。可从 Visual Studio 网站.您也可以使用任何其他支持 C&num 的集成开发环境;

  2. Blazor 服务器应用程序: 创建 Blazor 服务器应用程序是首要任务。请按照以下步骤创建 Blazor 服务器网络应用程序。

    • 打开集成开发环境或Visual Studio。点击创建新项目。

      如何在 Blazor 中生成 QR 码:图 1

    • 从可用的项目选项中选择 Blazor 服务器应用程序。

      如何在 Blazor 中生成 QR 码:图 2

    • 接下来,设置位置并为项目命名。

      如何在 Blazor 中生成 QR 码:图 3

    • 接下来,设置项目的附加信息。选择合适的 .NET Framework 版本。IronBarcode 支持 .NET 2 至 7 版本,其中 .NET 7 为最新版本。

      如何在 Blazor 中生成 QR 码:图 4

  3. IronBarcode - .NET QR 码和条形码库,可帮助生成和读取不同类型的条形码。以下是安装 IronBarcode 的不同方法:

4.直接从以下网站下载 IronBarcode NuGet 网站.

5.通过 Visual Studio 工具中的 "管理解决方案的 NuGet 包 "或右键单击解决方案资源管理器选择 "NuGet 包管理器 "进行安装。

6.下载 IronBarcode DLL 直接从 Iron Software 网站下载。

添加 IronBarcode 命名空间

一切安装就绪后,在 Blazor 条码应用程序的 "Imports.razor "文件中添加以下程序集引用:

@using IronBarCode
@using IronBarCode
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'@using IronBarCode
VB   C#

如何在 Blazor 中生成 QR 码:图 5

添加许可证密钥

IronBarcode 必须获得许可证才能用于部署。您可以从以下地址获取免费试用许可证密钥 这里.在 Program.cs 文件中添加以下代码行:

using IronBarCode;
License.LicenseKey = "YOUR-KEY-HERE";
using IronBarCode;
License.LicenseKey = "YOUR-KEY-HERE";
Imports IronBarCode
License.LicenseKey = "YOUR-KEY-HERE"
VB   C#

生成 QR 码的步骤

以下步骤将有所帮助 生成二维码 在 Blazor 服务器应用程序中以最佳方式运行:

添加 Blazor HTML 组件

首先,我们要在 "Index.razor "页面中添加一些 HTML 代码。代码包括一些标题、输入框和按钮。

使用以下代码将这些组件添加到 Blazor 条码应用程序中:

Welcome to Blazor QR Code Generator
Enter the value to Generate QR Code:

Generate QR Code
Generated QR Code:
Welcome to Blazor QR Code Generator
Enter the value to Generate QR Code:

Generate QR Code
Generated QR Code:
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'Welcome @to Blazor QR Code Generator Enter the value @to Generate QR Code: Generate QR Code Generated QR Code:
VB   C#

输出结果如下

如何在 Blazor 中生成 QR 码:图 6

文本字段用于获取用户输入的内容,而生成按钮将调用 "onclick "方法来创建 QR 代码。创建的二维码将显示在 "生成的二维码:"标题下。现在,让我们创建 QRCodeGenerater 方法。

创建 QrCodeGenerator 方法

是时候使用 Visual Studio 中强大的 IronBarcode 库来生成 QR 代码了。在 "Index.razor "页面中添加了"@code "部分。让我们先看看下面的完整代码:

@code {
    private string qrCode = "";
    private string text = "";

    private void QRCodeGenerator()
    {
        GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
        qrCode = Convert.ToString(myQRCode.ToHtmlTag());
    }
}
@code {
    private string qrCode = "";
    private string text = "";

    private void QRCodeGenerator()
    {
        GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
        qrCode = Convert.ToString(myQRCode.ToHtmlTag());
    }
}
code
If True Then
	private String qrCode = ""
	private String text = ""

'INSTANT VB TODO TASK: Local functions are not converted by Instant VB:
'	private void QRCodeGenerator()
'	{
'		GeneratedBarcode myQRCode = QRCodeWriter.CreateQrCode(text);
'		qrCode = Convert.ToString(myQRCode.ToHtmlTag());
'	}
End If
VB   C#

在上述代码中,有两个私有字符串变量。qrCode 将显示生成的 QR 代码,而 text 将获取用户在输入框中输入的内容。然后,在 QRCodeGenerator 方法中,使用 QRCodeWriter 类的 CreateQrCode 方法创建了 myQRCodeCreateQrCode 方法提供了多个参数来增强代码输出。您可以自定义 QR 码的大小,设置纠错码字以保持纠错级别,并更改 QrVersion。下面的代码还可以帮助您处理其他参数:

QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)
QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0)
VB   C#

最后,将生成的 Blazor 条形码转换为 HTML 标记,然后再转换为qrCode字符串。

有关 IronBarcode 功能的更多详情,请参阅以下内容 代码示例页面.

在 Blazor 服务器应用程序主页上显示

在 "Index.razor "页面的 HTML 组件中的 H4 标题后添加以下代码,以显示 qrCode

@((MarkupString)qrCode)
@((MarkupString)qrCode)
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'@((MarkupString)qrCode)
VB   C#

另存为 PNG 文件

您也可以使用 SaveAsPng 方法将其保存为 PNG 文件:

myQRCode.SaveAsPng("myQRCode.png");
myQRCode.SaveAsPng("myQRCode.png");
myQRCode.SaveAsPng("myQRCode.png")
VB   C#

如何在 Blazor 中生成 QR 码:图 7

在页面加载时生成 QR 代码

您还可以在页面加载时创建二维码,并显示出来供用户扫描获取数据。下面的代码可以帮助您异步完成这项任务:

@((MarkupString)qrCode)

@code {
    private string qrCode = "";
    protected override async Task OnInitializedAsync()
    {
        await Task.Run(() => qrCode = Convert.ToString(QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0).ToHtmlTag()));
    }
}
@((MarkupString)qrCode)

@code {
    private string qrCode = "";
    protected override async Task OnInitializedAsync()
    {
        await Task.Run(() => qrCode = Convert.ToString(QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0).ToHtmlTag()));
    }
}
'INSTANT VB WARNING: The following constructor is declared outside of its associated class:
'ORIGINAL LINE: @((MarkupString)qrCode) @code
Private Sub New(ByVal qrCode As (MarkupString))
	private String qrCode = ""
'INSTANT VB TODO TASK: Local functions are not converted by Instant VB:
'	protected override async Task OnInitializedAsync()
'	{
'		await Task.Run(() => qrCode = Convert.ToString(QRCodeWriter.CreateQrCode("https://ironsoftware.com/csharp/barcode/", 500, QRCodeWriter.QrErrorCorrectionLevel.High, 0).ToHtmlTag()));
'	}
End Sub
VB   C#

如何在 Blazor 中生成 QR 码:图 8

摘要

在本文中,我们学习了如何使用 C# 中的 IronBarcode 在 Blazor 服务器应用程序中生成二维码。IronBarcode 是一个灵活的库,为 Blazor 应用程序提供了所有必要的方法和支持。

IronBarcode 可轻松地将纯文本、图像、视频或任何其他数据转换为二维码。您可以控制代码大小、纠错级别及其版本。您可以在 Blazor 应用程序中使用 IronBarcode 扫描条形码。一个完整的示例是 这里.

IronBarcode 可免费用于开发,但必须满足以下条件 特许 用于商业和部署目的。您可以尝试 免费试用 测试其所有功能。

< 前一页
如何在ASP.NET MVC中生成QR码
下一步 >
如何在 .NET MAUI 中生成 QR 码

准备开始了吗? 版本: 2024.8 刚刚发布

免费NuGet下载 总下载量: 1,167,541 查看许可证 >