How to Generate QR Codes in ASP.NET MVC

安装 Iron Barcode

首先，在 Visual Studio 中打开程序包管理器控制台，然后运行以下命令：

Install-Package IronBarCode

此命令将安装 Iron Barcode 库，并将必要的引用添加到您的项目中。

如何在 ASP.NET MVC 中生成二维码：图 2

现在，让我们编写一些代码来创建二维码。

创建 QRCodeModel

在 Models 文件夹内创建一个模型类，并写入以下代码：

using System.ComponentModel.DataAnnotations;

public class QRCodeModel
{
    [Display(Name = "Enter QR Code Text")]
    public string QRCodeText { get; set; }
}

using System.ComponentModel.DataAnnotations;

public class QRCodeModel
{
    [Display(Name = "Enter QR Code Text")]
    public string QRCodeText { get; set; }
}

Imports System.ComponentModel.DataAnnotations

Public Class QRCodeModel
	<Display(Name := "Enter QR Code Text")>
	Public Property QRCodeText() As String
End Class

创建二维码控制器

在您的 ASP.NET MVC 项目中，创建一个名为QrCodeController新控制器。 为此，请右键单击项目结构中的Controllers文件夹，选择"添加"，然后选择"控制器"。从可用选项中，选择"MVC 控制器 - 空"。

在QrCodeController中编写以下代码：

using Microsoft.AspNetCore.Mvc;
using IronBarCode;
using System.IO;

public class QrCodeController : Controller
{
    private readonly IWebHostEnvironment _environment;

    public QrCodeController(IWebHostEnvironment environment)
    {
        _environment = environment;
    }

    public IActionResult CreateQRCode()
    {
        return View();
    }

    [HttpPost]
    public IActionResult CreateQRCode(QRCodeModel generateQRCode)
    {
        try
        {
            // Creating QR Code
            GeneratedBarcode barcode = QRCodeWriter.CreateQrCode(generateQRCode.QRCodeText);
            string path = Path.Combine(_environment.WebRootPath, "GeneratedQRCode");

            if (!Directory.Exists(path))
            {
                Directory.CreateDirectory(path);
            }

            string filePath = Path.Combine(path, "qrcode.png");
            barcode.SaveAsPng(filePath);

            string fileName = Path.GetFileName(filePath);
            string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}/GeneratedQRCode/{fileName}";

            ViewBag.QrCodeUri = imageUrl;
        }
        catch (Exception ex)
        {
            // Handle exceptions
            // Log the exception details here for troubleshooting and debugging.
            throw;
        }

        return View();
    }
}

using Microsoft.AspNetCore.Mvc;
using IronBarCode;
using System.IO;

public class QrCodeController : Controller
{
    private readonly IWebHostEnvironment _environment;

    public QrCodeController(IWebHostEnvironment environment)
    {
        _environment = environment;
    }

    public IActionResult CreateQRCode()
    {
        return View();
    }

    [HttpPost]
    public IActionResult CreateQRCode(QRCodeModel generateQRCode)
    {
        try
        {
            // Creating QR Code
            GeneratedBarcode barcode = QRCodeWriter.CreateQrCode(generateQRCode.QRCodeText);
            string path = Path.Combine(_environment.WebRootPath, "GeneratedQRCode");

            if (!Directory.Exists(path))
            {
                Directory.CreateDirectory(path);
            }

            string filePath = Path.Combine(path, "qrcode.png");
            barcode.SaveAsPng(filePath);

            string fileName = Path.GetFileName(filePath);
            string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}/GeneratedQRCode/{fileName}";

            ViewBag.QrCodeUri = imageUrl;
        }
        catch (Exception ex)
        {
            // Handle exceptions
            // Log the exception details here for troubleshooting and debugging.
            throw;
        }

        return View();
    }
}

Imports Microsoft.AspNetCore.Mvc
Imports IronBarCode
Imports System.IO

Public Class QrCodeController
	Inherits Controller

	Private ReadOnly _environment As IWebHostEnvironment

	Public Sub New(ByVal environment As IWebHostEnvironment)
		_environment = environment
	End Sub

	Public Function CreateQRCode() As IActionResult
		Return View()
	End Function

	<HttpPost>
	Public Function CreateQRCode(ByVal generateQRCode As QRCodeModel) As IActionResult
		Try
			' Creating QR Code
			Dim barcode As GeneratedBarcode = QRCodeWriter.CreateQrCode(generateQRCode.QRCodeText)
			Dim path As String = System.IO.Path.Combine(_environment.WebRootPath, "GeneratedQRCode")

			If Not Directory.Exists(path) Then
				Directory.CreateDirectory(path)
			End If

			Dim filePath As String = System.IO.Path.Combine(path, "qrcode.png")
			barcode.SaveAsPng(filePath)

			Dim fileName As String = System.IO.Path.GetFileName(filePath)
			Dim imageUrl As String = $"{Me.Request.Scheme}://{Me.Request.Host}{Me.Request.PathBase}/GeneratedQRCode/{fileName}"

			ViewBag.QrCodeUri = imageUrl
		Catch ex As Exception
			' Handle exceptions
			' Log the exception details here for troubleshooting and debugging.
			Throw
		End Try

		Return View()
	End Function
End Class

这段代码设置了一个可以生成二维码的控制器。 当调用CreateQRCode操作时，它会获取二维码的文本，生成二维码图像，保存该图像，并在视图中提供该图像的 URL 以供显示。 更多详情如下：

• 控制器有一个构造函数，该构造函数接受一个IWebHostEnvironment参数来访问 Web 托管环境。
• CreateQRCode操作返回一个视图。
• 带有[HttpPost]特性的CreateQRCode操作接受一个QRCodeModel参数，其中包含二维码文本。
• 在操作内部，使用 Iron Barcode 库中的QRCodeWriter类生成二维码。 生成的二维码以 PNG 图像文件的形式保存在网站根路径下的GeneratedQRCode文件夹中。
• 如果GeneratedQRCode文件夹不存在，则会创建该文件夹。
• 生成已保存二维码图像的文件路径和 URL。
• 二维码图像的 URL 存储在ViewBag.QrCodeUri属性中，以便在视图中使用。
• 过程中发生的任何异常都会被捕获并记录。

添加CreateQRCode视图

现在，要添加新视图，请右键单击QrCodeController类中的CreateQRCode操作方法。 选择"添加视图"，然后选择"Razor 视图"，并单击"添加"按钮。

如何在 ASP.NET MVC 中生成二维码：图 3

将会出现一个新窗口，如下所示。

如何在 ASP.NET MVC 中生成二维码：图 4

输入视图名称，选择模板"创建"，然后选择我们新建的模型类QRCodeModel 。 点击"添加"按钮。 该视图将被创建。 将您的视图替换为以下代码。

@model QRCodeModel

@{
    ViewData["Title"] = "CreateQRCode";
}

<h1>Create QRCode in ASP.NET MVC</h1>

<hr />
<div class="row">
    <div class="col-md-4">
        <form asp-action="CreateQRCode">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="QRCodeText" class="control-label"></label>
                <input asp-for="QRCodeText" class="form-control" />
                <span asp-validation-for="QRCodeText" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="submit" value="Create" class="btn btn-primary" />
            </div>
            <div class="form-group">
                @if (ViewBag.QrCodeUri != null)
                {
                    <img src="@ViewBag.QrCodeUri" class="img-thumbnail" alt="Generated QR Code" />
                }
            </div>
        </form>
    </div>
</div>

@section Scripts {
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial"); }
}

现在，让我们转到Program.cs类并更改默认的 Controller Route。

app.MapControllerRoute(
    name: "default",
    pattern: "{controller=QrCode}/{action=CreateQRCode}/{id?}"
);

app.MapControllerRoute(
    name: "default",
    pattern: "{controller=QrCode}/{action=CreateQRCode}/{id?}"
);

app.MapControllerRoute(name:= "default", pattern:= "{controller=QrCode}/{action=CreateQRCode}/{id?}")

这将把默认路由从HomeController更改为我们的QrCodeController 。

现在，编译并运行项目。

输出

如何在 ASP.NET MVC 中生成二维码：图 5

在文本框中输入文本，然后单击创建按钮。 屏幕上将生成并显示一个二维码，如下图所示。

如何在 ASP.NET MVC 中生成二维码：图 6 - ASP.NET 中的二维码

现在，让我们通过添加注释文本、二维码值和更改二维码颜色来为条形码添加视觉样式。

为二维码添加视觉样式

在CreateQRCode操作方法中添加以下代码行。

barcode.AddAnnotationTextAboveBarcode("QR Code Generated by Iron PDF");
barcode.AddBarcodeValueTextBelowBarcode();
barcode.ChangeBackgroundColor(System.Drawing.Color.White);
barcode.ChangeBarCodeColor(System.Drawing.Color.MediumVioletRed);

barcode.AddAnnotationTextAboveBarcode("QR Code Generated by Iron PDF");
barcode.AddBarcodeValueTextBelowBarcode();
barcode.ChangeBackgroundColor(System.Drawing.Color.White);
barcode.ChangeBarCodeColor(System.Drawing.Color.MediumVioletRed);

barcode.AddAnnotationTextAboveBarcode("QR Code Generated by Iron PDF")
barcode.AddBarcodeValueTextBelowBarcode()
barcode.ChangeBackgroundColor(System.Drawing.Color.White)
barcode.ChangeBarCodeColor(System.Drawing.Color.MediumVioletRed)

现在，运行项目并生成二维码。

如何在 ASP.NET MVC 中生成二维码：图 7 - 生成二维码