Wie man Barcodes in ASP.NET MVC dynamisch erzeugt und anzeigt

ASP.NET MVC ist ein beliebtes Webentwicklungs-Framework, mit dem Entwickler robuste und dynamische Webanwendungen erstellen können. Eine häufige Anforderung in Webanwendungen ist die Fähigkeit, Strichcodebilder zu erzeugen und anzuzeigen. Barcode-Bilder werden zur Darstellung von Daten in einem maschinenlesbaren Format verwendet und können von einem Barcode-Scanner gelesen werden.

Mit der marktführenden C# Bibliothek IronBarcode for .NET können Sie Barcode-Bilder in ASP.NET MVC dynamisch generieren und anzeigen lassen. Diese Bibliothek bietet APIs, die es Entwicklern ermöglichen, auf einfache Weise plattformübergreifend Barcode-Bilder in verschiedenen Formaten wie Code 39, Code 128 und QR-Code zu erzeugen. Ohne sich auf System.Drawing.Common und .NET Graphics API zu verlassen, dieWindows-spezifisch ironBarcode for .NET 6 ermöglicht plattformübergreifende Funktionalitäten und sorgt für mehr Quellcode-Kompatibilität.

IronBarcode

IronBarcode ist eine beliebte .NET Barcode-Bibliothek, die eine breite Palette von Funktionen zum Erstellen, Lesen und Bearbeiten von Barcode-Bildern in .NET-Anwendungen bietet. Die Bibliothek wird von Iron Software entwickelt und gepflegt, einem Softwareentwicklungsunternehmen, das sich auf .NET-Komponenten und -Bibliotheken spezialisiert hat. IronBarcode bietet Unterstützung für eine Vielzahl von Barcodeformaten, darunter Code 128, Code 39, QR-Code, Data Matrix und PDF417. Die Bibliothek bietet auch Funktionen zum Erzeugen von Barcodes mit benutzerdefinierten Abmessungen, Farben und Schriftarten sowie zum Hinzufügen von Text und Logos zu Barcodebildern.

Neben der Erzeugung von Barcodes bietet IronBarcode auch Funktionen zum Lesen und Dekodieren von Barcodebildern. Die Bibliothek kann Barcodes aus Bildern, PDF-Dokumenten und Live-Kameraübertragungen lesen und dekodieren. Es unterstützt sowohl 1D- als auch 2D-Barcodeformate und kann sogar Barcodes erkennen, die teilweise unleserlich oder beschädigt sind.

Voraussetzungen

Bevor Sie mit IronBarcode in einer .NET-Anwendung arbeiten, müssen einige Voraussetzungen erfüllt sein.

1. .NET-Framework oder .NET Core: IronBarcode ist so konzipiert, dass es sowohl mit dem .NET-Framework als auch mit .NET Core funktioniert. Stellen Sie sicher, dass in Ihrer Entwicklungsumgebung die entsprechende .NET-Version installiert ist.

2. Visual Studio: IronBarcode kann in Visual Studio integriert werden, um die Entwicklung und das Testen zu erleichtern. Es können die Editionen Visual Studio Community, Professional oder Enterprise verwendet werden. Sie kann heruntergeladen werden von derVisual Studio-Website.

3. IronBarcode Bibliothek: Laden Sie die IronBarcode Bibliothek herunter und installieren Sie diese von derIron Software Website oder über den NuGet-Paketmanager. Die Bibliothek kann über die NuGet Package Manager Console installiert werden, indem der folgende Befehl ausgeführt wird: Install-Package BarCode.

   IronBarcode ist für Entwickler kostenlos, muss aberlizenziert für kommerzielle und Einsatzzwecke. Sie können diekostenloser Test um alle seine Funktionen zu testen.

Erstellen eines neuen ASP.NET MVC-Projekts

Öffnen Sie Visual Studio und klicken Sie auf Neues Projekt erstellen.

In dem neuen Fenster suchen und wählen Sie "ASP.NET MVC(Web-Anwendung) Model View Controller" und klicken Sie auf die Schaltfläche Next.

Klicken Sie auf den Namen des neuen Projekts und seinen Speicherort und klicken Sie auf "Weiter".

Wählen Sie die gewünschte .NET-Version aus, lassen Sie alle anderen Optionen unverändert und klicken Sie auf Erstellen.

Ein .NET-Projekt wird erstellt.

IronBarcode installieren

1. NuGet-Paketmanager verwenden

Diese Option ist in Visual Studio verfügbar und installiert das IronBarcode-Paket direkt in Ihrer Lösung. Gehen Sie zu Tools und klicken Sie auf NuGet Package Manager (siehe Abbildung).

Suchen Sie nach der IronBarcode-Bibliothek über das Suchfeld im NuGet Package Manager. Wählen Sie die Option IronBarcode aus der Liste der verfügbaren Pakete aus.

2. Verwendung der Visual Studio-Befehlszeile

Gehen Sie im Menü von Visual Studio zu Tools > NuGet Package Manager > Package Manager-Konsole.

Geben Sie auf der Registerkarte der Paketmanager-Konsole die folgende Zeile ein: Installieren-Paket BarCode.

Das Paket wird in das aktuelle Projekt heruntergeladen/installiert und ist sofort einsatzbereit.

Erzeugen und Anzeigen von Barcode-Bildern mit IronBarcode

Nun, da unsere Umgebung eingerichtet ist, können wir damit beginnen, Code zu schreiben, um Barcode-Bilder in ASP.NET MVC dynamisch zu erzeugen.

Erstellen Sie zunächst eine Klasse im Modellordner mit dem Namen 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;
            }
        }
    }

Imports System.ComponentModel.DataAnnotations

	Namespace GenerateBarcodeMVCCore6_Demo.Models
		Public Class GenerateBarcodeModel
			<Display(Name := "Enter Barcode Text")>
			Public Property Barcode() As String
		End Class
	End Namespace

Erstellen Sie einen Ordner mit dem Namen "GeneratedBarcode" unter dem Ordner wwwroot, um das generierte Barcode-Bild zu speichern.

Fügen Sie die folgende Aktionsmethode in Ihre Klasse "HomeController.cs" im Ordner "controllers" ein.

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

            //  handling POST operation Inside this Action method
            [HttpPost]
            public IActionResult CreateBarcode(GenerateBarcodeModel generateBarcode)
            {
                try
                {
                    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);

                    string path = Path.Combine(_environment.WebRootPath, "GeneratedBarcode");
                    if (!Directory.Exists(path))
                    {
                        Directory.CreateDirectory(path);
                    }
                    string filePath = Path.Combine(_environment.WebRootPath, "GeneratedBarcode/barcode.png");

            // The generated barcode object can be manipulated, annotated, and exported as an image file, a bitmap image, a PDF file, or a data stream.
            // Here, we save the generated barcode as an image to the GeneratedBarcode folder we had created
                    barcode.SaveAsPng(filePath);
                    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();
            }

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

            //  handling POST operation Inside this Action method
            [HttpPost]
            public IActionResult CreateBarcode(GenerateBarcodeModel generateBarcode)
            {
                try
                {
                    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);

                    string path = Path.Combine(_environment.WebRootPath, "GeneratedBarcode");
                    if (!Directory.Exists(path))
                    {
                        Directory.CreateDirectory(path);
                    }
                    string filePath = Path.Combine(_environment.WebRootPath, "GeneratedBarcode/barcode.png");

            // The generated barcode object can be manipulated, annotated, and exported as an image file, a bitmap image, a PDF file, or a data stream.
            // Here, we save the generated barcode as an image to the GeneratedBarcode folder we had created
                    barcode.SaveAsPng(filePath);
                    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();
            }

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

			'  handling POST operation Inside this Action method
			<HttpPost>
			Public Function CreateBarcode(ByVal generateBarcode As GenerateBarcodeModel) As IActionResult
				Try
					Dim barcode As GeneratedBarcode = 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)

					Dim path As String = System.IO.Path.Combine(_environment.WebRootPath, "GeneratedBarcode")
					If Not Directory.Exists(path) Then
						Directory.CreateDirectory(path)
					End If
					Dim filePath As String = System.IO.Path.Combine(_environment.WebRootPath, "GeneratedBarcode/barcode.png")

			' The generated barcode object can be manipulated, annotated, and exported as an image file, a bitmap image, a PDF file, or a data stream.
			' Here, we save the generated barcode as an image to the GeneratedBarcode folder we had created
					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}" & "/GeneratedBarcode/" & fileName
					ViewBag.QrCodeUri = imageUrl
				Catch e1 As Exception
					Throw
				End Try
				Return View()
			End Function

Die Action-Methode im obigen Code behandelt die Submit-Anfrage, die von der später erstellten View generiert wird. Mit IronBarcode können Sie das Barcode-Format, das Bildelement, die Barcode-Schriftart und das HTML-Bildelement individuell anpassen. Für weitere Anpassungen können zusätzliche Bibliotheken erforderlich sein, wie z. BIron Drawing für die Installation der Barcode-Schriftart. Eine ausführlichere API-Dokumentation finden Sie unterhier.

Jetzt können wir eine Ansicht für unsere Barcode-Generatormethode erstellen.

Klicken Sie in der Datei "HomeController.cs" mit der rechten Maustaste auf die Methode createBarcode und klicken Sie auf Add View.

Wählen Sie Razor View und klicken Sie auf Hinzufügen.

Wählen Sie die Parameter aus, wie in der folgenden Abbildung gezeigt, und klicken Sie auf "Hinzufügen", dann wird automatisch eine Ansicht für diese Methode hinzugefügt.

Sie können den generierten Code ändern, um die Schnittstelle nach Ihren Wünschen zu gestalten.

    @model GenerateBarcodeMVCCore6_Demo.Models.GenerateBarcodeModel

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

    CreateBarcode

    GenerateBarcodeModel

        Back to List

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

    @model GenerateBarcodeMVCCore6_Demo.Models.GenerateBarcodeModel

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

    CreateBarcode

    GenerateBarcodeModel

        Back to List

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

model ReadOnly Property () As GenerateBarcodeMVCCore6_Demo.Models.GenerateBarcodeModel
		ViewData ("Title") = "CreateBarcode"
End Property

	CreateBarcode GenerateBarcodeModel Back [to] List ReadOnly Property Scripts() As section
		@
		If True Then
			Await Html.RenderPartialAsync("_ValidationScriptsPartial")
		End If
	End Property

Nun ist alles eingerichtet, öffnen Sie die Datei _Layout.cshtml und fügen Sie den Code für die Option "CreateBarcode" in der Navigationsleiste ein.

CreateBarcode

CreateBarcode

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'CreateBarcode

Starten Sie nun die Anwendung, schreiben Sie einen Text in das Textfeld und klicken Sie auf die Schaltfläche Barcode generieren, um den Barcode dynamisch zu erstellen und anzuzeigen.

5.1. Ausgabe

6. Schlussfolgerung

Mit der IronBarcode-Bibliothek - einer leistungsstarken .NET-Barcode-Bibliothek, die eine Vielzahl von Funktionen zum Erstellen, Lesen und Bearbeiten von Barcode-Bildern in .NET-Anwendungen bietet - lassen sich Barcode-Bilder dynamisch in ASP.NET MVC-Anwendungen erzeugen und anzeigen. Wenn die Voraussetzungen wie die Installation des .NET-Frameworks, von Visual Studio und der IronBarcode-Bibliothek erfüllt sind, können Entwickler problemlos ASP.NET MVC-Projekte erstellen und Barcode-Bilder in verschiedenen Formaten wie Code 39, Code 128 und QR-Code erzeugen und anzeigen. DieIronBarcode bibliothek bietet Entwicklern Funktionen zur Erzeugung von Barcodes mit benutzerdefinierten Abmessungen, Farben und Schriftarten sowie zum Hinzufügen von Text und Logos zu Barcodebildern. Neben der Erzeugung von Barcodes bietet IronBarcode auch Funktionen zum Lesen und Dekodieren von Barcodebildern. Mit IronBarcode können Entwickler auf einfache Weise leistungsstarke und dynamische Webanwendungen erstellen, die ihren geschäftlichen Anforderungen entsprechen. Ein ähnliches Tutorial zu diesem Thema finden Sie unter folgendem Linklink. Eine Schritt-für-Schritt-Anleitung zur Erstellung von Barcodes und QR-Codes finden Sie im Folgendenlink.