如何在ASP.NET MVC中動態生成和顯示條碼

IronBarcode

IronBarcode是一個流行的.NET條碼庫，它提供了在.NET應用程式中創建、讀取和操作條碼圖像的各種功能。 該程式庫由Iron Software開發和維護，Iron Software 是一家專門從事.NET元件和函式庫的軟體開發公司。 IronBarcode支援多種條碼格式，包括 Code 128、Code 39、QR 碼、Data Matrix 和 PDF417。該庫還提供了生成具有自訂尺寸、顏色和字體的條碼的功能，以及在條碼圖像中添加文字和徽標的功能。

除了產生條碼外， IronBarcode還包含讀取和解碼條碼影像的功能。 該圖書館可以讀取和解碼影像、PDF 文件和即時攝影機畫面中的條碼。 它支援一維和二維條碼格式，甚至可以識別部分遮蔽或損壞的條碼。

先決條件

在.NET應用程式中使用IronBarcode之前，需要滿足一些先決條件。

1. .NET Framework或.NET Core： IronBarcode設計為與.NET Framework和.NET Core一起使用。 請確保您的開發環境已安裝合適的.NET版本。
2. Visual Studio： IronBarcode可以與 Visual Studio 集成，方便開發和測試。 可以使用 Visual Studio 社群版、專業版或企業版。 可從Visual Studio 網站下載。

3. IronBarcode庫：從Iron Software網站或透過NuGet套件管理器下載並安裝IronBarcode庫。 可以使用NuGet套件管理員控制台執行以下命令來安裝該庫：Install-Package BarCode。

   IronBarcode可免費用於開發，但用於商業和部署用途必須獲得許可。 您可以試用免費版本來測試其所有功能。

建立一個新的ASP.NET MVC 項目

開啟 Visual Studio，然後按一下"建立新專案"。

在新視窗中，找到並選擇"ASP.NET MVC（Web 應用程式）模型視圖控制器"，然後按一下"下一步"按鈕。

輸入新項目的名稱和位置，然後按一下"下一步"。

選擇要使用的.NET版本，其他選項保持不變，然後按一下"建立"。

已建立一個.NET專案。

安裝IronBarcode

使用IronBarcode產生和顯示條碼圖像

現在環境已經建置完畢，我們可以開始寫程式碼，在ASP.NET MVC 中動態產生條碼影像了。

首先，在模型資料夾下建立一個名為 GenerateBarcodeModel.cs 的類

using System.ComponentModel.DataAnnotations;

namespace GenerateBarcodeMVCCore6_Demo.Models
{
    public class GenerateBarcodeModel
    {
        [Display(Name = "Enter Barcode Text")]
        public string Barcode { get; set; }
    }
}

using System.ComponentModel.DataAnnotations;

namespace GenerateBarcodeMVCCore6_Demo.Models
{
    public class GenerateBarcodeModel
    {
        [Display(Name = "Enter Barcode Text")]
        public string Barcode { get; set; }
    }
}

在 wwwroot 資料夾下方建立一個名為"GeneratedBarcode"的資料夾，用於儲存產生的條碼影像。

在"controllers"資料夾中的 HomeController.cs 類別中加入以下操作方法。

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

namespace YourNamespace.Controllers
{
    public class HomeController : Controller
    {
        private readonly IWebHostEnvironment _environment;

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

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

        // Handling POST operation inside this Action method
        [HttpPost]
        public IActionResult CreateBarcode(GenerateBarcodeModel generateBarcode)
        {
            try
            {
                // Create a barcode using the input text
                GeneratedBarcode barcode = BarcodeWriter.CreateBarcode(generateBarcode.Barcode, BarcodeWriterEncoding.Code128);

                // Adding annotation text to barcode
                barcode.AddBarcodeValueTextBelowBarcode();

                // Styling the Barcode
                barcode.ResizeTo(400, 120);
                barcode.ChangeBarCodeColor(Color.Red);
                barcode.SetMargins(10);

                // Define path to save the barcode image
                string path = Path.Combine(_environment.WebRootPath, "GeneratedBarcode");
                if (!Directory.Exists(path))
                {
                    Directory.CreateDirectory(path);
                }

                // Save the generated barcode as a PNG file
                string filePath = Path.Combine(_environment.WebRootPath, "GeneratedBarcode/barcode.png");
                barcode.SaveAsPng(filePath);

                // Get the file name and URL for the generated barcode image
                string fileName = Path.GetFileName(filePath);
                string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}/GeneratedBarcode/{fileName}";
                ViewBag.QrCodeUri = imageUrl;
            }
            catch (Exception)
            {
                throw;
            }
            return View();
        }
    }
}

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

namespace YourNamespace.Controllers
{
    public class HomeController : Controller
    {
        private readonly IWebHostEnvironment _environment;

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

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

        // Handling POST operation inside this Action method
        [HttpPost]
        public IActionResult CreateBarcode(GenerateBarcodeModel generateBarcode)
        {
            try
            {
                // Create a barcode using the input text
                GeneratedBarcode barcode = BarcodeWriter.CreateBarcode(generateBarcode.Barcode, BarcodeWriterEncoding.Code128);

                // Adding annotation text to barcode
                barcode.AddBarcodeValueTextBelowBarcode();

                // Styling the Barcode
                barcode.ResizeTo(400, 120);
                barcode.ChangeBarCodeColor(Color.Red);
                barcode.SetMargins(10);

                // Define path to save the barcode image
                string path = Path.Combine(_environment.WebRootPath, "GeneratedBarcode");
                if (!Directory.Exists(path))
                {
                    Directory.CreateDirectory(path);
                }

                // Save the generated barcode as a PNG file
                string filePath = Path.Combine(_environment.WebRootPath, "GeneratedBarcode/barcode.png");
                barcode.SaveAsPng(filePath);

                // Get the file name and URL for the generated barcode image
                string fileName = Path.GetFileName(filePath);
                string imageUrl = $"{this.Request.Scheme}://{this.Request.Host}{this.Request.PathBase}/GeneratedBarcode/{fileName}";
                ViewBag.QrCodeUri = imageUrl;
            }
            catch (Exception)
            {
                throw;
            }
            return View();
        }
    }
}

上述程式碼中的操作方法將處理稍後我們將建立的視圖產生的提交請求。 使用IronBarcode，您可以自訂條碼格式、圖像元素、條碼字體和 HTML 圖像元素。 如需進行更多自訂，可能需要其他程式庫，例如用於安裝條碼字體的Iron Drawing 程式庫。 更詳細的API文件請點擊此處查看。

現在我們可以為條碼產生器方法建立一個視圖。

在 HomeController.cs 檔案中，右鍵點選 CreateBarcode 方法，然後按一下"新增檢視"。

選擇Razor View，然後按一下新增。

根據下圖所示選擇參數，然後按一下"新增"。 它會自動為該方法新增一個視圖。

您可以修改產生的程式碼，根據需要更改介面。

@model GenerateBarcodeMVCCore6_Demo.Models.GenerateBarcodeModel

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

<h1>CreateBarcode</h1>

<form asp-action="CreateBarcode" method="post">
    <div>
        <label asp-for="Barcode"></label>
        <input asp-for="Barcode" />
        <span asp-validation-for="Barcode"></span>
    </div>
    <button type="submit">Generate Barcode</button>
</form>

@if (ViewBag.QrCodeUri != null)
{
    <div>
        <img src="@ViewBag.QrCodeUri" alt="Barcode Image" />
    </div>
}

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

現在一切都設置好了，只需打開 _Layout.cshtml 文件，並添加代碼以在 navbar 中添加 CreateBarcode 選項。

<li class="nav-item">
    <a class="nav-link text-dark" asp-controller="Home" asp-action="CreateBarcode">CreateBarcode</a>
</li>

<li class="nav-item">
    <a class="nav-link text-dark" asp-controller="Home" asp-action="CreateBarcode">CreateBarcode</a>
</li>

現在運行該應用程序，在文本字段中輸入文本，然後單擊"生成條碼"按鈕，它將動態創建並顯示條碼圖像。

6. 結論

在ASP.NET MVC 應用程式中動態產生和顯示條碼圖像可以使用IronBarcode庫來實現——這是一個功能強大的.NET條碼庫，它提供了一系列功能，用於在.NET應用程式中建立、讀取和操作條碼圖像。 透過滿足安裝.NET Framework、Visual Studio 和IronBarcode庫等先決條件，開發人員可以輕鬆建立ASP.NET MVC 項目，並產生和顯示各種格式的條碼影像，例如 Code 39、Code 128 和 QR 碼。 IronBarcode庫為開發人員提供了產生具有自訂尺寸、顏色和字體的條碼的功能，以及為條碼圖像添加文字和徽標的功能。 除了產生條碼外， IronBarcode還包含讀取和解碼條碼影像的功能。 借助IronBarcode，開發人員可以輕鬆創建功能強大且動態的 Web 應用程序，以滿足其業務需求。 有關此主題的相關教程，請造訪以下連結。 有關條碼和二維碼產生的詳細步驟教程，請參閱以下連結。