如何在ASP.NET MVC中生成QR碼

安裝Iron Barcode

首先，在Visual Studio中打開包管理器控制台，並運行以下命令：

Install-Package IronBarCode

此命令將安裝Iron Barcode程式庫並添加必要的引用到您的專案中。

現在，讓我們編寫一些代碼來創建QR碼。

創建QRCodeModel

在Models資料夾中創建一個Model Class，並寫入以下代碼：

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

創建QR碼控制器

在您的ASP.NET MVC專案中，創建一個名為QrCodeController的控制器。 為此，右鍵點擊專案結構中的Controllers資料夾，選擇"Add," 然後選擇"Controller"。從可用選項中，選擇"MVC Controller - Empty"。

在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();
    }
}

此代碼設置了一個可以生成QR碼的控制器。 當CreateQRCode操作被調用時，會接收QR碼文本，生成QR碼圖像，儲存它，並在視圖中提供顯示該圖像的URL。 詳細信息如下：

• 該控制器有一個構造函數，要接收一個IWebHostEnvironment參數以訪問網路託管環境。
• CreateQRCode操作返回一個視圖。
• QRCodeModel參數，該參數包含QR碼文本。
• 在動作內使用Iron Barcode程式庫中的QRCodeWriter類生成QR碼。
• 生成的QR碼另存為PNG圖像檔案，儲存在Web根目錄中的GeneratedQRCode資料夾中。
• 如果GeneratedQRCode資料夾不存在，則會被創建。
• 生成的QR碼圖像的檔案路徑和URL將會生成。
• QR碼圖像的URL將儲存在ViewBag.QrCodeUri屬性中，以便在視圖中使用。
• 在過程中發生的任何例外情況將被捕捉和記錄。

添加CreateQRCode視圖

現在，要添加新視圖，右鍵點擊QrCodeController類中。 選擇"Add View," 然後選擇"Razor View," 並點擊"Add"按鈕。

將出現一個新的窗口，如下所示。

寫入視圖名稱，選擇模板"Create," 並選擇我們新創建的模型類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類，並更改默認控制路由。

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

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

這將默認路由從QrCodeController。

現在，編譯並運行專案。

輸出

在文本框中輸入文本，然後單擊創建按鈕。 將創建一個QR碼並顯示在螢幕上，如下所示。

現在，讓我們通過添加註解文本、QR碼值和更改QR碼顏色來為我們的條碼添加視覺樣式。

在QR碼中添加視覺樣式

在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);

現在，運行專案並生成QR碼。