Dieser Artikel demonstriert, wie Barcode-Bilder in ASP.NET-Webanwendungen mit C# gedruckt werden können. Das MVC-Framework wird für dieses Beispiel verwendet, aber Sie können auch ASP.NET Web Forms, Windows Forms oder Web API je nach Bedarf verwenden.

Grundkenntnisse des ASP.NET MVC-Frameworks werden Ihnen ein besseres Verständnis dieses Artikels vermitteln.

Erstellen Sie ein MVC-Projekt

Öffnen Sie Microsoft Visual Studio. Klicken Sie auf Create New Project > Wählen Sie ASP.NET Web Application aus den Vorlagen > Drücken Sie Next > Benennen Sie Ihr Projekt > Drücken Sie Next > Wählen Sie MVC > Klicken Sie auf die Schaltfläche Create. Das Projekt wird wie unten dargestellt erstellt.

Erstellen Sie ein neues ASP.NET-Projekt

Modell hinzufügen

Klicken Sie mit der rechten Maustaste auf den Ordner Modelle > Hinzufügen > Klasse....

Navigieren Sie zum Dialog "Klasse hinzufügen"

Ein neues Fenster wird geöffnet. Benennen Sie Ihre Klasse als BarcodeModel.

Schreiben Sie den folgenden Code in die Modellklasse.

using System.ComponentModel.DataAnnotations;

public class BarcodeModel
{
    [Display(Name ="Barcode File Name")]
    public string FileName { get; set; }

    [Display(Name = "Barcode Content")]
    public string BarcodeContent { get; set; }
}

using System.ComponentModel.DataAnnotations;

public class BarcodeModel
{
    [Display(Name ="Barcode File Name")]
    public string FileName { get; set; }

    [Display(Name = "Barcode Content")]
    public string BarcodeContent { get; set; }
}

Imports System.ComponentModel.DataAnnotations

Public Class BarcodeModel
	<Display(Name :="Barcode File Name")>
	Public Property FileName() As String

	<Display(Name := "Barcode Content")>
	Public Property BarcodeContent() As String
End Class

Imports System.ComponentModel.DataAnnotations

Public Class BarcodeModel
	<Display(Name :="Barcode File Name")>
	Public Property FileName() As String

	<Display(Name := "Barcode Content")>
	Public Property BarcodeContent() As String
End Class

Der FileName wird verwendet, um den Namen des Barcode-Bildes vom Benutzer zu erhalten. Der BarcodeContent wird verwendet, um den Inhalt des Barcodes zu erfassen.

Controller hinzufügen

Als nächstes wird ein Controller dem Projekt hinzugefügt. Es wird mit einem View und Model unter Verwendung des MVC-Modells kommunizieren. Der Code zur Erzeugung von Barcodes besteht nur aus zwei oder drei Zeilen. Daher ist keine separate Klasse erforderlich; stattdessen wird der Code innerhalb des Controllers hinzugefügt.

Um den Controller hinzuzufügen, klicken Sie mit der rechten Maustaste auf den Ordner Controller > Hinzufügen > Controller. Ein neues Fenster wird geöffnet. Wählen Sie MVC 5 Controller Empty. Klicken Sie auf Hinzufügen. Ein neues Feld erscheint.

Controller hinzufügen Dialog

Schreiben Sie Ihren Controller-Namen, zum Beispiel BarcodeController. - Klicken Sie auf Hinzufügen. Ein neuer Controller wird generiert.

Der nächste Schritt ist die Installation der Barcode-Bibliothek.

Installieren Sie die Barcode-Bibliothek

Die IronBarcode-Bibliothek wird als Drittanbieterbibliothek empfohlen, um Barcodes zu generieren. Sie ist kostenlos für die Entwicklung und bietet mehrere Funktionen zur Anpassung von Barcodes, wie das Hinzufügen eines Logos zu einem Barcode-Bild, das Hinzufügen von Werten unter oder über dem Barcode, Hinzufügen von Anmerkungen unter oder über dem Barcode, Ändern der Größe des Barcodes, Speichern des Barcodes in verschiedenen Bildformaten usw. Für mehr Details klicken Sie bitte hier.

Gehen Sie zur Package Manager Console. Geben Sie den Befehl ein und drücken Sie Enter.

Install-Package BarCode

Dieser Befehl wird die IronBarcode-Bibliothek im Projekt installieren.

Den Barcode generieren

Fügen Sie als nächstes den folgenden Beispielcode dem Controller hinzu.

using System.IO;
using System.Linq;
using System.Web.Mvc;
using IronBarCode;

public class BarcodeController : Controller
{
    [HttpPost]
    public ActionResult CreateBarcode(BarcodeModel model)
    {
        try
        {
            // Create a barcode with the specified content and encoding
            var MyBarCode = BarcodeWriter.CreateBarcode(model.BarcodeContent, BarcodeEncoding.Code128);

            // Define the path where the barcode image will be saved
            string path = Server.MapPath("~/Files/");
            string filepath = Path.Combine(path, model.FileName);

            // Add the barcode value text above the barcode
            MyBarCode.AddBarcodeValueTextAboveBarcode();

            // Save the generated barcode as a JPEG file
            MyBarCode.SaveAsJpeg(filepath);

            // Retrieve the first file from the directory as a sample image
            string image = Directory.GetFiles(path).FirstOrDefault();

            // Pass the image path to the view
            ViewBag.FileName = image;
            return View();
        }
        catch
        {
            // Handle any exceptions that occur
            return View();
        }
    }
}

using System.IO;
using System.Linq;
using System.Web.Mvc;
using IronBarCode;

public class BarcodeController : Controller
{
    [HttpPost]
    public ActionResult CreateBarcode(BarcodeModel model)
    {
        try
        {
            // Create a barcode with the specified content and encoding
            var MyBarCode = BarcodeWriter.CreateBarcode(model.BarcodeContent, BarcodeEncoding.Code128);

            // Define the path where the barcode image will be saved
            string path = Server.MapPath("~/Files/");
            string filepath = Path.Combine(path, model.FileName);

            // Add the barcode value text above the barcode
            MyBarCode.AddBarcodeValueTextAboveBarcode();

            // Save the generated barcode as a JPEG file
            MyBarCode.SaveAsJpeg(filepath);

            // Retrieve the first file from the directory as a sample image
            string image = Directory.GetFiles(path).FirstOrDefault();

            // Pass the image path to the view
            ViewBag.FileName = image;
            return View();
        }
        catch
        {
            // Handle any exceptions that occur
            return View();
        }
    }
}

Imports System.IO
Imports System.Linq
Imports System.Web.Mvc
Imports IronBarCode

Public Class BarcodeController
	Inherits Controller

	<HttpPost>
	Public Function CreateBarcode(ByVal model As BarcodeModel) As ActionResult
		Try
			' Create a barcode with the specified content and encoding
			Dim MyBarCode = BarcodeWriter.CreateBarcode(model.BarcodeContent, BarcodeEncoding.Code128)

			' Define the path where the barcode image will be saved
			Dim path As String = Server.MapPath("~/Files/")
			Dim filepath As String = System.IO.Path.Combine(path, model.FileName)

			' Add the barcode value text above the barcode
			MyBarCode.AddBarcodeValueTextAboveBarcode()

			' Save the generated barcode as a JPEG file
			MyBarCode.SaveAsJpeg(filepath)

			' Retrieve the first file from the directory as a sample image
			Dim image As String = Directory.GetFiles(path).FirstOrDefault()

			' Pass the image path to the view
			ViewBag.FileName = image
			Return View()
		Catch
			' Handle any exceptions that occur
			Return View()
		End Try
	End Function
End Class

Imports System.IO
Imports System.Linq
Imports System.Web.Mvc
Imports IronBarCode

Public Class BarcodeController
	Inherits Controller

	<HttpPost>
	Public Function CreateBarcode(ByVal model As BarcodeModel) As ActionResult
		Try
			' Create a barcode with the specified content and encoding
			Dim MyBarCode = BarcodeWriter.CreateBarcode(model.BarcodeContent, BarcodeEncoding.Code128)

			' Define the path where the barcode image will be saved
			Dim path As String = Server.MapPath("~/Files/")
			Dim filepath As String = System.IO.Path.Combine(path, model.FileName)

			' Add the barcode value text above the barcode
			MyBarCode.AddBarcodeValueTextAboveBarcode()

			' Save the generated barcode as a JPEG file
			MyBarCode.SaveAsJpeg(filepath)

			' Retrieve the first file from the directory as a sample image
			Dim image As String = Directory.GetFiles(path).FirstOrDefault()

			' Pass the image path to the view
			ViewBag.FileName = image
			Return View()
		Catch
			' Handle any exceptions that occur
			Return View()
		End Try
	End Function
End Class

• try-catch wird verwendet, um jede Laufzeitausnahme abzufangen.
• Die CreateBarcode-Funktion, bereitgestellt von der BarcodeWriter-Klasse, nimmt zwei Argumente entgegen: den Barcode-Inhalt und das Kodierungsschema. Zusätzlich akzeptiert sie auch 11 andere optionale Argumente wie maximale Höhe, maximale Breite usw.
• Die Server.MapPath-Funktion wird verwendet, um den Pfad zuzuordnen, wo die generierten Barcode-Bilder gespeichert werden. Die Path.Combine-Methode wird den Pfad und den Barcode-Bildnamen kombinieren.
• Die AddBarcodeValueTextAboveBarcode-Funktion wird den Barcode-Wert hinzufügen. IronBarcode bietet andere Barcode-Einstellungen wie max-height, max-width, barcode, color und so weiter. Sie können die verschiedenen Parameter erkunden und nutzen.
• Die SaveAsJpeg-Funktion nimmt den Pfad als Argument und speichert die generierten Barcodes in diesem bestimmten Pfad.
• Die Directory.GetFiles-Methode wird das neu generierte Barcode-Bild erhalten.
• ViewBag.FileName wird verwendet, um den Pfad des Barcode-Bildes an die Ansicht zu senden, um das generierte Barcode-Bild anzuzeigen.

QR-Codes können auf die gleiche Weise generiert werden, indem das Kodierungsschema von Code128 zu QRCode geändert wird.

Ansicht hinzufügen

Der nächste Schritt besteht darin, der ASP.NET-Webanwendung eine neue Ansicht hinzuzufügen, um die Client-Seite bereitzustellen. Rechtsklick auf den Controllermethodennamen und "Ansicht hinzufügen" wählen.

Zum Dialog "Ansicht hinzufügen" navigieren

Ein neues Fenster wird geöffnet. Wählen Sie MVC 5 View und klicken Sie auf Hinzufügen.

Eine neue Eingabeaufforderung erscheint wie unten gezeigt.

Dialog "Ansicht hinzufügen"

Benennen Sie die Ansicht und klicken Sie auf Hinzufügen. Eine neue .cshtml-Datei wird erstellt.

Fügen Sie den folgenden Code in Ihre neu erstellte Ansicht ein.

@model GenerateBarcodeMVC.Models.BarcodeModel

@{
    ViewBag.DisplayBarcode = false;
}

<h2>Create</h2>

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>GenerateBarcode</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.FileName, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.FileName, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.FileName, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.BarcodeContent, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.BarcodeContent, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.BarcodeContent, "", new { @class = "text-danger" })
            </div>
        </div>
        
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <img src="~/Files/@Path.GetFileName(ViewBag.FileName)" alt="Barcode" />
            </div>
        </div>
        
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

@model GenerateBarcodeMVC.Models.BarcodeModel

@{
    ViewBag.DisplayBarcode = false;
}

<h2>Create</h2>

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>GenerateBarcode</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.FileName, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.FileName, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.FileName, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.BarcodeContent, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.BarcodeContent, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.BarcodeContent, "", new { @class = "text-danger" })
            </div>
        </div>
        
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <img src="~/Files/@Path.GetFileName(ViewBag.FileName)" alt="Barcode" />
            </div>
        </div>
        
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

Als nächstes klicken Sie mit der rechten Maustaste in die Ansicht und klicken Sie auf die Schaltfläche Im Browser ausführen.

Ausgabe

Webanwendung ausführen, um das Erstellungsformular anzuzeigen

Geben Sie Ihren Barcode-Bildnamen und Barcode-Inhalt wie unten gezeigt ein:

Geben Sie Ihren Barcode-Inhalt ein

Klicken Sie auf die Schaltfläche Create. Das Barcode-Bild wird generiert und wie unten gezeigt auf dem Bildschirm angezeigt.

Einen Barcode aus einer URL generieren

Zusammenfassung

Dieses Tutorial hat gezeigt, wie Barcodes mit ASP.NET in C# generiert werden können, kombiniert mit dem MVC Framework. Microsoft Visual Studio wird als IDE verwendet. IronPDF ist eine Drittanbieterbibliothek, die kostenlos für die Entwicklung ist und mit allen Versionen des .NET Frameworks, einschließlich der neu veröffentlichten Version, kompatibel ist. IronBarcode ist schnell und bietet viele Funktionen zur Arbeit mit Barcodes. Es kann auch QR-Codes erzeugen, indem verschiedene Typen spezifiziert werden.

Es gibt viele weitere nützliche Bibliotheken wie IronPDF zur Arbeit mit PDF-Dokumenten, IronXL zur Arbeit mit Excel-Dokumenten und IronOCR zur Arbeit mit OCR. Derzeit können Sie alle fünf Bibliotheken zum Preis von nur zwei erwerben, indem Sie das vollständige Iron Suite kaufen. Besuchen Sie unsere Lizenzierungsseite für weitere Details.