IRONBARCODE VERWENDEN

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

Veröffentlicht 16. Mai 2023
Teilen Sie:

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, die Windows-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 der Visual Studio-Website.

  3. IronBarcode Bibliothek: Laden Sie die IronBarcode Bibliothek herunter und installieren Sie diese von der Iron 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 aber [lizenziert](licensing)  für kommerzielle und Einsatzzwecke. Sie können die [kostenloser Test](trial-license)  um alle seine Funktionen zu testen.

Erstellen eines neuen ASP.NET MVC-Projekts

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

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 1

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.

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 2

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

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 3

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

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 4

Ein .NET-Projekt wird erstellt.

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 5

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).

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 6

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.

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 7

2. Verwendung der Visual Studio-Befehlszeile

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

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 8

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.

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 9

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
VB   C#

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

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 10

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
VB   C#

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. B Iron Drawing für die Installation der Barcode-Schriftart. Eine ausführlichere API-Dokumentation finden Sie unter hier.

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.

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 11

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

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 12

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.

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 13

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
VB   C#

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
VB   C#

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

Dynamische Generierung und Anzeige von Barcodes in ASP.NET MVC: Abbildung 14

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. Die IronBarcode 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 Link link. Eine Schritt-für-Schritt-Anleitung zur Erstellung von Barcodes und QR-Codes finden Sie im Folgenden link.

< PREVIOUS
Wie drucke ich einen Barcode in C# Windows Anwendung
NÄCHSTES >
Einen QR-Code für einen Link erstellen (C# Tutorial)

Sind Sie bereit, loszulegen? Version: 2024.10 gerade veröffentlicht

Gratis NuGet-Download Downloads insgesamt: 1,246,703 Lizenzen anzeigen >