跳過到頁腳內容
使用 IRONBARCODE

ASP.NET 條碼產生:為您的 Web 應用程式建立條碼產生器

將 BarCode 生成整合至 ASP.NET Web 應用程式,可為庫存管理、產品追蹤和文件自動化開啟強大的功能。 本文將示範如何在 .NET Core 專案中使用強大的條碼產生器函式庫來產生條碼,該函式庫支援多種格式,包括 QR Code、Data Matrix、Code 128 和 UPC A。

開始免費試用,跟隨以下的教學程式碼範例。

如何在我的 .NET Core 專案中安裝 BarCode Library?

在您的 ASP.NET Core Web 應用程式中加入條碼產生功能,需要安裝 IronBarcode for .NET NuGet 套件。 開啟 Visual Studio 並使用套件管理員控制台安裝相依性:

Install-Package BarCode

本套件與 .NET Core 6、7、8 及更新版本,以及 .NET Framework 4.6.2+ 相容。 該函式庫的核心 DLL 會自動處理所有相依性,不需要額外的 BarCode 字型或系統設定。 每個版本都支援 Windows,軟體可在不同的 .NET 環境中無縫運作。 安裝完成後,請將命名空間參考新增至您的控制器或服務檔案:

using IronBarCode;
using IronBarCode;
Imports IronBarCode
$vbLabelText   $csharpLabel

如何在 ASP.NET Core Web 應用程式中產生 BarCode?

在 MVC 控制器中建立條碼需要使用 BarcodeWriter 類。 以下範例展示了一個完整的控制器動作,可根據使用者提供的 URL 或文字建立 Code 128 條碼:

using IronBarCode;
using Microsoft.AspNetCore.Mvc;
public class BarcodeController : Controller
{
    public IActionResult GenerateBarcode(string data)
    {
        // Generate barcode from input data
        GeneratedBarcode barcode = BarcodeWriter.CreateBarcode(
            data,
            BarcodeWriterEncoding.Code128);
        barcode.ResizeTo(400, 120);
        barcode.AddBarcodeValueTextBelowBarcode();
        // Return as image for display in browser
        byte[] barcodeBytes = barcode.ToPngBinaryData();
        return File(barcodeBytes, "image/png");
    }
}
using IronBarCode;
using Microsoft.AspNetCore.Mvc;
public class BarcodeController : Controller
{
    public IActionResult GenerateBarcode(string data)
    {
        // Generate barcode from input data
        GeneratedBarcode barcode = BarcodeWriter.CreateBarcode(
            data,
            BarcodeWriterEncoding.Code128);
        barcode.ResizeTo(400, 120);
        barcode.AddBarcodeValueTextBelowBarcode();
        // Return as image for display in browser
        byte[] barcodeBytes = barcode.ToPngBinaryData();
        return File(barcodeBytes, "image/png");
    }
}
Imports IronBarCode
Imports Microsoft.AspNetCore.Mvc

Public Class BarcodeController
    Inherits Controller

    Public Function GenerateBarcode(data As String) As IActionResult
        ' Generate barcode from input data
        Dim barcode As GeneratedBarcode = BarcodeWriter.CreateBarcode(data, BarcodeWriterEncoding.Code128)
        barcode.ResizeTo(400, 120)
        barcode.AddBarcodeValueTextBelowBarcode()
        ' Return as image for display in browser
        Dim barcodeBytes As Byte() = barcode.ToPngBinaryData()
        Return File(barcodeBytes, "image/png")
    End Function
End Class
$vbLabelText   $csharpLabel

輸出條碼影像

ASP .NET 條碼產生:為您的 Web 應用程式建立條碼產生器:圖片 1 - 生成的 BarCode

BarcodeWriter.CreateBarcode() 方法接受條碼資料作為第一個參數,編碼格式作為第二個參數。 此方法可讓您根據使用者輸入或資料庫值動態建立 BarCode。 與某些需要外部 GD 函式庫的 PHP 實作不同,此 .NET 解決方案是自成一格的。

若要將條碼影像儲存至專案資料夾,請使用 SaveAsImage() 方法:

barcode.SaveAsImage("wwwroot/images/generated-barcode.png");
barcode.SaveAsImage("wwwroot/images/generated-barcode.png");
barcode.SaveAsImage("wwwroot/images/generated-barcode.png")
$vbLabelText   $csharpLabel

該資料庫支援多種輸出格式,包括 PNG、GIF、BMP、SVG 和 JPEG。 您也可以 將條碼匯出為 HTML 以直接嵌入網頁。

Web 應用程式支援哪些 BarCode 類型?

BarCode 生成器支持 30 多种格式。 以下是如何建立最常用類型的詳細資訊:

二維碼生成

// Create QR Code with custom size
GeneratedBarcode qrCode = QRCodeWriter.CreateQrCode(
    "https://example.com/product/12345",
    500,
    QRCodeWriter.QrErrorCorrectionLevel.Medium);
qrCode.SaveAsPng("product-qr.png");
// Create QR Code with custom size
GeneratedBarcode qrCode = QRCodeWriter.CreateQrCode(
    "https://example.com/product/12345",
    500,
    QRCodeWriter.QrErrorCorrectionLevel.Medium);
qrCode.SaveAsPng("product-qr.png");
' Create QR Code with custom size
Dim qrCode As GeneratedBarcode = QRCodeWriter.CreateQrCode( _
    "https://example.com/product/12345", _
    500, _
    QRCodeWriter.QrErrorCorrectionLevel.Medium)
qrCode.SaveAsPng("product-qr.png")
$vbLabelText   $csharpLabel

輸出 QR 碼

ASP .NET 條碼產生:為您的 Web 應用程式建立條碼產生器:Image 2 - Image 2 of 6 相關的 ASP .NET Barcode Generation:為您的 Web 應用程式建立一個條碼產生器

QR Code 生成支援錯誤修正等級,該等級可確定在保持可讀性的同時,有多少編碼會被損壞。 對於預期會有實體磨損的列印 QR 碼應用,請使用中或高。 進一步了解 QR Code 自訂選項

資料矩陣和其他 2D 格式

// Create Data Matrix barcode
GeneratedBarcode dataMatrix = BarcodeWriter.CreateBarcode(
    "DMX-2024-001",
    BarcodeWriterEncoding.DataMatrix);
dataMatrix.SaveAsGif("datamatrix.gif");
// Create Data Matrix barcode
GeneratedBarcode dataMatrix = BarcodeWriter.CreateBarcode(
    "DMX-2024-001",
    BarcodeWriterEncoding.DataMatrix);
dataMatrix.SaveAsGif("datamatrix.gif");
' Create Data Matrix barcode
Dim dataMatrix As GeneratedBarcode = BarcodeWriter.CreateBarcode( _
    "DMX-2024-001", _
    BarcodeWriterEncoding.DataMatrix)
dataMatrix.SaveAsGif("datamatrix.gif")
$vbLabelText   $csharpLabel

輸出資料矩陣

ASP .NET 條碼產生:為您的 Web 應用程式建立條碼產生器:圖片 3 - 生成的數據矩陣

Data Matrix BarCode 在需要緊湊、高密度編碼的場合中表現優異。 該函式庫還可產生 PDF417、Aztec 和 MaxiCode 格式。 與線性格式相比,這些二維條碼類型可儲存更多資料,同時保持可靠的掃描準確性。

線性條碼(UPC、EAN、Code 39)

// Create UPC-A barcode for retail products
GeneratedBarcode upcBarcode = BarcodeWriter.CreateBarcode(
    "012345678905",
    BarcodeWriterEncoding.UPCA);
// Create UPC-A barcode for retail products
GeneratedBarcode upcBarcode = BarcodeWriter.CreateBarcode(
    "012345678905",
    BarcodeWriterEncoding.UPCA);
' Create UPC-A barcode for retail products
Dim upcBarcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("012345678905", BarcodeWriterEncoding.UPCA)
$vbLabelText   $csharpLabel

輸出

ASP .NET 條碼產生:為您的 Web 應用程式建立條碼產生器:圖片 4 - 生成的 BarCode

UPC A 和 EAN 條碼包含自動校驗和驗證,可防止在您的條碼產生過程中發生編碼錯誤。

如何自訂和匯出 BarCode 影像?

為您的 Web 應用程式設計 BarCode 的樣式包括調整顏色、字型、邊界和註解。 流暢的 API 讓客製化變得簡單直接:

GeneratedBarcode styledBarcode = BarcodeWriter.CreateBarcode(
    "STYLED-2024",
    BarcodeWriterEncoding.Code128);
// Apply styling
styledBarcode.ResizeTo(450, 150);
styledBarcode.SetMargins(20);
styledBarcode.ChangeBarCodeColor(IronSoftware.Drawing.Color.DarkBlue);
styledBarcode.AddAnnotationTextAboveBarcode("Product ID:");
styledBarcode.AddBarcodeValueTextBelowBarcode();
// Export to multiple formats
styledBarcode.SaveAsPng("styled-barcode.png");
styledBarcode.SaveAsPdf("styled-barcode.pdf");
GeneratedBarcode styledBarcode = BarcodeWriter.CreateBarcode(
    "STYLED-2024",
    BarcodeWriterEncoding.Code128);
// Apply styling
styledBarcode.ResizeTo(450, 150);
styledBarcode.SetMargins(20);
styledBarcode.ChangeBarCodeColor(IronSoftware.Drawing.Color.DarkBlue);
styledBarcode.AddAnnotationTextAboveBarcode("Product ID:");
styledBarcode.AddBarcodeValueTextBelowBarcode();
// Export to multiple formats
styledBarcode.SaveAsPng("styled-barcode.png");
styledBarcode.SaveAsPdf("styled-barcode.pdf");
Dim styledBarcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("STYLED-2024", BarcodeWriterEncoding.Code128)
' Apply styling
styledBarcode.ResizeTo(450, 150)
styledBarcode.SetMargins(20)
styledBarcode.ChangeBarCodeColor(IronSoftware.Drawing.Color.DarkBlue)
styledBarcode.AddAnnotationTextAboveBarcode("Product ID:")
styledBarcode.AddBarcodeValueTextBelowBarcode()
' Export to multiple formats
styledBarcode.SaveAsPng("styled-barcode.png")
styledBarcode.SaveAsPdf("styled-barcode.pdf")
$vbLabelText   $csharpLabel

風格化 BarCode 圖片

ASP .NET 條碼產生:為您的 Web 應用程式建立條碼產生器:圖片 5 - 輸出風格化條碼

SetMargins()方法會在條碼周圍增加空白,以提高掃瞄器的可讀性。 您可以調整註解文字的字型設定、變更字型族和字型大小,並廣泛地自訂條碼樣式。 該函式庫可使用系統字型渲染文字,而無需安裝外部 BarCode 字型。

針對 ASP.NET MVC 視圖,將 BarCode 產生為 Base64 字串,以便直接嵌入 HTML:

public IActionResult DisplayBarcode()
{
    GeneratedBarcode barcode = BarcodeWriter.CreateBarcode(
        "INV-2024-0042",
        BarcodeWriterEncoding.Code128);
    string base64Image = barcode.ToDataUrl();
    ViewBag.BarcodeImage = base64Image;
    return View();
}
public IActionResult DisplayBarcode()
{
    GeneratedBarcode barcode = BarcodeWriter.CreateBarcode(
        "INV-2024-0042",
        BarcodeWriterEncoding.Code128);
    string base64Image = barcode.ToDataUrl();
    ViewBag.BarcodeImage = base64Image;
    return View();
}
Public Function DisplayBarcode() As IActionResult
    Dim barcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("INV-2024-0042", BarcodeWriterEncoding.Code128)
    Dim base64Image As String = barcode.ToDataUrl()
    ViewBag.BarcodeImage = base64Image
    Return View()
End Function
$vbLabelText   $csharpLabel

顯示的 BarCode

ASP .NET 條碼產生:為您的 Web 應用程式建立條碼產生器:圖片 6 - 在我們的瀏覽器中顯示的 BarCode

在您的 Razor 視圖中,將其顯示在 <div> 元素中:

<div class="barcode-container">
    <img src="@ViewBag.BarcodeImage" alt="Generated Barcode" />
</div>
<div class="print-actions">
    <button onclick="window.print()">Print Barcode</button>
</div>
<div class="barcode-container">
    <img src="@ViewBag.BarcodeImage" alt="Generated Barcode" />
</div>
<div class="print-actions">
    <button onclick="window.print()">Print Barcode</button>
</div>
HTML

此方法不需要將 BarCode 影像儲存至檔案系統,讓您的網路服務保持無狀態。 您可以根據需要調整輸出解析度,以達到列印品質或螢幕顯示效果。 完整的 API 參考記錄了所有可用的方法和屬性。

摘要

使用 IronBarcode 建立 ASP.NET 條碼產生器,可為您的 .NET Core 網路應用程式提供可靠的解決方案,以建立、樣式化和匯出條碼影像。 函式庫可自動處理複雜的編碼標準,同時透過開發人員友善的 API 提供廣泛的客製化功能。 無論是為行動掃描產生 QR 代碼、為工業應用產生 Data Matrix 條碼,或是為零售產生 UPC 代碼,本軟體都能與 ASP.NET MVC 控制器和 Razor 頁面完美整合。

您可以在免費評估期間測試完整的功能集。 該函式庫支援位圖和向量匯出,每個版本都能維持 Windows、Android 和 iOS 部署目標的相容性。 對於生產部署和商業使用,檢視授權選項以選擇適合您專案需求的授權。

!{--01001100010010010100001001010010010000010101001001011001010111110100011101000101010101 01000101111101010011010101000100000101010010010101000100010101000100010111110101011101001000110 1010101000100100001011111010100000101001001001111010001000101010101010000110101010100101010101011 10101010001010010010010010010000010100110001011111010000100100110001001111101000011010010111111010000110100101110--

常見問題解答

將條碼產生功能整合到 ASP.NET Core Web 應用程式中有哪些好處?

將條碼產生功能整合到 ASP.NET Core Web 應用程式中,可增強庫存管理、產品追蹤和文件自動化等功能,從而為高效處理資料提供無縫體驗。

條碼產生器庫支援哪些條碼格式?

條碼產生器庫支援多種格式,包括二維碼、資料矩陣、128碼和UPC A碼,可在各種應用中靈活使用。

我可以在我的 .NET Core 專案中使用 IronBarcode 產生二維碼嗎?

是的,IronBarcode 可讓您在 .NET Core 專案中產生二維碼,並提供完整的 C# 程式碼範例以實現無縫整合。

條碼如何改善網頁應用程式中的庫存管理?

條碼能夠快速且準確地追蹤產品,減少人工輸入錯誤,提高網路應用程式的運作效率,從而簡化庫存管理。

是否可以使用 ASP.NET 中的條碼來實現文件處理自動化?

是的,條碼可以用於 ASP.NET 應用程式中的文件處理自動化,透過編碼必要的信息,可以自動掃描和處理,從而節省時間並減少錯誤。

在 ASP.NET Core MVC 專案中開始產生條碼需要哪些條件?

要在 ASP.NET Core MVC 專案中開始產生條碼,您需要整合像 IronBarcode 一樣的條碼產生器庫,它提供了全面的 C# 範例並支援各種條碼格式。

IronBarcode 可以處理一維和二維條碼格式嗎?

是的,IronBarcode 能夠處理一維和二維條碼格式,使其成為滿足不同應用需求的通用選擇。

條碼產生如何支援Web應用程式中的產品追蹤?

條碼產生功能透過為每個商品提供唯一標識符來支援產品追蹤,可以輕鬆掃描該標識符,從而在 Web 應用程式中即時更新和檢索產品資訊。

Curtis Chau
技術撰稿人

Curtis Chau 擁有電腦科學學士學位(卡爾頓大學),專長於前端開發,精通 Node.js、TypeScript、JavaScript 和 React。Curtis 對製作直覺且美觀的使用者介面充滿熱情,他喜歡使用現代化的架構,並製作結構良好且視覺上吸引人的手冊。

除了開發之外,Curtis 對物聯網 (IoT) 也有濃厚的興趣,他喜歡探索整合硬體與軟體的創新方式。在空閒時間,他喜歡玩遊戲和建立 Discord bots,將他對技術的熱愛與創意結合。