信息圖標
跳過到頁腳內容
  1. IronBarcode
  2. IronBarcode博客
  3. 使用IronBarcode
  4. ASP.NET MVC QR 碼
使用IRONBARCODE

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

Jordi Bardia
Jordi Bardia
更新:

在當今快節奏的數位化環境中，二維碼的生成已成為高效資訊共享的重要工具。 這些緊湊的二維條碼能夠儲存各種資料，包括網址、文字、聯絡資訊、產品詳情等等，在現代通訊中發揮關鍵作用。 將二維碼生成功能整合到您的 ASP.NET MVC 應用程式中，您可以透過無縫生成二維碼來增強用戶體驗，簡化交互，並促進輕鬆的資訊交換，從而賦能用戶。

如果您正在開發 ASP.NET MVC 應用程式並希望整合二維碼產生功能， IronBarcode是一個優秀的函式庫，可以簡化流程。 本文將探討如何使用 Iron Barcode 函式庫在 ASP.NET MVC 中產生二維碼。

IronBarcode。

IronBarcode 是一個功能強大且功能豐富的 .NET 應用程式二維碼產生和識別函式庫。 借助 IronBarcode，開發人員可以輕鬆地將條碼和二維碼功能整合到他們的 ASP.NET MVC 專案中，包括產生二維碼的功能。 該庫提供了一套全面的工具和 API，簡化了創建和自訂二維碼的過程，使開發人員能夠根據自己的特定需求進行自訂。

IronBarcode 為各種條碼類型（包括二維碼）提供廣泛的支援，使其成為需要二維碼生成功能的專案的理想選擇。 它為開發者提供了靈活性，可以指定要編碼的資料，控制生成的二維碼的大小和分辨率，甚至添加顏色和徽標等視覺樣式元素。 此函式庫可確保產生高品質的條碼，並精確控制二維碼外觀的各個方面。

除了產生二維碼之外，IronBarcode 還包含強大的條碼讀取和解碼功能。 它支援掃描和提取二維碼中的資料，使應用程式能夠處理其中編碼的資訊。 此功能適用於需要條碼掃描和資料提取的場景，例如庫存管理、票務系統和行動應用程式。

現在，讓我們建立一個項目，在 ASP.NET Core MVC Web 應用程式中產生二維碼。

設定專案

在深入探討實作細節之前，讓我們確保您的 ASP.NET MVC 專案已設定完畢並準備就緒。 無論您是開始一個新項目還是處理現有項目，以下步驟將引導您完成將 Iron Barcode 庫整合到您的應用程式中的過程。 就我而言，我創建了一個新專案。

建立新專案的步驟如下：

  1. 開啟 Microsoft Visual Studio 2022。
  2. 在起始頁上，點選"建立新專案"，或從頂部選單中選擇"檔案">"新建">"專案"。
  3. 在"建立新項目"視窗中，您將看到不同的項目範本可供選擇。 選擇專案範本"ASP.NET Core Web 應用程式（模型-視圖-控制器）"，然後按一下"下一步"。
  4. 輸入項目名稱和地點。 選擇電腦上適當的位置儲存項目檔案。
  5. 選擇所需的框架版本。 Visual Studio 通常會建議使用最新的穩定版本，但如果需要，您可以選擇其他版本。 我選擇了.NET 7。
  6. 根據您的需求，自訂任何其他項目設置，例如身份驗證選項或項目資料夾。
  7. 點選"建立"按鈕建立項目。

Visual Studio 隨後將產生專案文件並開啟解決方案資源管理器，您可以在其中查看專案結構並開始編寫程式碼。

如何在 ASP.NET MVC 中產生二維碼：圖 1

現在，我們需要將 Iron 條碼庫安裝到我們的應用程式中。

安裝 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
$vbLabelText   $csharpLabel

建立二維碼控制器

在你的 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
$vbLabelText   $csharpLabel

這段程式碼設定了一個可以產生二維碼的控制器。 當呼叫 CreateQRCode 操作時，它會獲取二維碼的文本，生成二維碼圖像，保存該圖像，並在視圖中提供該圖像的 URL 以進行顯示。 更多詳情如下：

  • 控制器有一個建構函數，它接受一個 IWebHostEnvironment 參數來存取 Web 託管環境。
  • CreateQRCode 操作傳回一個視圖。
  • 帶有 CreateQRCode 屬性的操作 [HttpPost] 屬性接受一個 QRCodeModel 參數，該參數包含二維碼文字。
  • 在操作內部，使用 Iron Barcode 庫中的 QRCodeWriter 類別產生二維碼。
  • 產生的二維碼以 PNG 圖像檔案的形式保存在網站根路徑下的名為 GeneratedQRCode 的資料夾中。
  • 如果 GeneratedQRCode 資料夾不存在，則會建立該資料夾。
  • 產生已儲存二維碼影像的檔案路徑和 URL。
  • 二維碼圖像的 URL 儲存在 ViewBag.QrCodeUri 屬性中，以便在視圖中使用。
  • 過程中發生的任何異常都會被捕獲並記錄。

新增 CreateQRCode 查看

現在，若要新增視圖，請右鍵點選 CreateQRCode 類別中的 QrCodeController 操作方法。 選擇"新增視圖"，然後選擇"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 類別並更改預設控制器路由。

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?}")
$vbLabelText   $csharpLabel

這將把預設路由從 HomeController 更改為我們的 QrCodeController。

現在，編譯並執行該專案。

輸出

如何在 ASP.NET MVC 中產生二維碼：圖 5

在文字框中輸入文字，然後按一下建立按鈕。 螢幕上將產生並顯示一個二維碼，如下圖所示。

如何在 ASP.NET MVC 中產生二維碼：圖 6 - ASP.NET 中的二維碼

現在，讓我們透過添加註釋文字、二維碼值和更改二維碼顏色來為條碼添加視覺樣式。

為二維碼添加視覺樣式

在 CreateQRCode Action 方法中新增以下程式碼行。

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)
$vbLabelText   $csharpLabel

現在，運行專案並產生二維碼。

如何在 ASP.NET MVC 中產生二維碼：圖 7 - 產生二維碼

結論

在 ASP.NET MVC 中，整合 IronBarcode 非常簡單。 它提供了一個用戶友好的介面，使用戶可以輕鬆使用二維碼。 透過利用 IronBarcode，您可以添加二維碼功能來增強您的應用程式，使用戶能夠輕鬆共享和存取資訊。 IronBarcode 是一個很有價值的函式庫，它簡化了在 ASP.NET MVC 中產生二維碼和讀取二維碼的過程。 它使開發者能夠創建動態應用程式，利用二維碼的強大功能實現高效的資料共享和檢索。

Iron Barcode 可供個人免費使用。 但是，如果用於商業用途，則需要購買其商業許可證，該許可證附帶免費試用版。 如果您購買完整的鐵人套裝，還可以享受大幅折扣。 Iron Suite 是一套全面的 .NET 軟體元件，旨在簡化開發任務並增強功能。 它提供了五個強大的庫，包括 Iron Barcode、 IronOCR 、 IronPDF 、 IronXL和Iron Webscraper ，使開發人員能夠無縫地處理條碼、光學字元識別、PDF 處理、Excel 和 CSV 檔案。 如果您選擇購買完整的 Iron Suite 套裝，您將以兩件產品的價格獲得全部五件產品。

常見問題解答

如何在 ASP.NET MVC 中創建 QR 碼？

您可以通過在 Visual Studio 中設置項目來在 ASP.NET MVC 中創建 QR 碼，通過 NuGet 使用命令 Install-Package IronBarCode 安裝 IronBarcode 庫，並使用 IronBarcode 的類在控制器內生成 QR 碼並在視圖中顯示。

我可以自定義應用程序中 QR 碼的外觀嗎？

可以，IronBarcode 允許您通過調整大小、分辨率、顏色以及添加徽標或註釋來自定義 QR 碼，增強 QR 碼的視覺吸引力和功能。

如何在 ASP.NET MVC 視圖中顯示 QR 碼？

在使用 IronBarcode 生成 QR 碼後，您可以在 ASP.NET MVC 視圖中顯示它，方法是將圖像 URL 存儲在 ViewBag 中，並使用 Razor 視圖中的 HTML 標籤來呈現 QR 碼圖像。

如何使用 .NET 應用程序解碼 QR 碼？

您可以使用 IronBarcode 在 .NET 應用程序中解碼 QR 碼，該庫提供了掃描和提取各種條形碼格式（包括 QR 碼）數據的功能，適用於如庫存管理和票務驗證等應用程序。

IronBarcode 庫有免費版本嗎？

IronBarcode 在個人使用是免費的，允許開發者實驗和測試其功能。對於商業用途，則需要購買許可證，並提供免費試用以供評估。

QR 碼在 ASP.NET MVC 項目中的一些應用是什麼？

在 ASP.NET MVC 項目中，QR 碼可用於快速訪問網站、無接觸支付、票務、庫存管理和移動應用程式整合，增強用戶互動和信息傳播。

如何設置用於 QR 碼生成的 ASP.NET MVC 項目？

設置用於 QR 碼生成的 ASP.NET MVC 項目，使用 Visual Studio 創建一個新的 ASP.NET Core Web 應用，選擇 'Model-view-controller' 模版，然後安裝 IronBarcode 庫以開始在您的應用程式中生成 QR 碼。

Iron Suite 中包含哪些庫？

Iron Suite 包括多個 .NET 庫，如 Iron Barcode、Iron OCR、Iron PDF、Iron XL 和 Iron Webscraper，每個庫提供不同的專業功能，例如條碼生成、光學字符識別、PDF 操作、Excel 處理和網頁抓取。

Jordi Bardia
Jordi Bardia
  立即與工程團隊聊天
軟體工程師
Jordi 在 Python、C# 和 C++ 上最得心應手，當他不在 Iron Software 展現技術時，便在做遊戲編程。在分担產品测测试，產品開發和研究的责任時，Jordi 為持续的產品改進增值。他说这种多样化的经验使他受到挑战并保持参与, 而这也是他与 Iron Software 中工作一大乐趣。Jordi 在佛罗里达州迈阿密长大，曾在佛罗里达大学学习计算机科学和统计学。

相關文章

30天試用 → 完整產品。無限制。無需信用卡。 開始免費試用

鋼鐵支援團隊

我們每週 5 天，每天 24 小時在線上。
聊天
電子郵件
打電話給我