Razor Barcode Generator ist ein praktisches Werkzeug, das die Erstellung von Barcodes für Entwickler und Unternehmen vereinfacht. Die Integration der Barcode-Generierung in Webanwendungen verbessert die Funktionalität und Benutzerfreundlichkeit, sodass es einfach ist, eine Vielzahl von Barcode-Typen zu erzeugen. Egal ob Sie Inventar verwalten, Vermögenswerte verfolgen oder Checkout-Prozesse optimieren, die Nutzung eines Razor Barcode Generators kann die Effizienz und Genauigkeit erheblich verbessern. In diesem Tutorial verwenden wir IronBarcode zur Erstellung eines Barcode-Generators.
IronBarcode ist ein unverzichtbares Werkzeug für Entwickler, die mit .NET Core arbeiten, und bietet eine benutzerfreundliche Bibliothek für Barcode-Generierung und -lesen. Es zeichnet sich durch seine Einfachheit in der Integration in Ihre Projekte aus, da nur minimaler Code erforderlich ist, um Barcodes und QR-Codes zu erzeugen oder zu entschlüsseln. Dies macht IronBarcode zu einer vielseitigen Wahl zur Verbesserung von Anwendungen sowohl mit Barcode-Generierung als auch Barcode-Lesen-Funktionalität, von Webanwendungen mit Razor-Seiten bis hin zu Desktop- und mobilen Anwendungen. Sein breites Spektrum an unterstützten Barcode-Formaten stellt sicher, dass es vielfältige Projektanforderungen erfüllen kann, einschließlich derer für .NET MVC, Blazor WebAssembly-App und Blazor-App, was es zu einer zuverlässigen Wahl für Entwickler macht.
Die Erstellung einer ASP.NET Core Web-App mit Razor-Seiten in Visual Studio ist unkompliziert. Diese Anleitung hilft Ihnen, Ihr Projekt von Grund auf einzurichten:
Um IronBarcode mit dem NuGet-Paket-Manager in Visual Studio zu installieren:
Verbessern Sie die Indexseite, indem Sie die Datei index.cshtml bearbeiten. Anwenden benutzerdefinierter Stile:
<style>
body {
font-family: 'Poppins', sans-serif;
}
/* More CSS styles omitted for brevity */
</style><h1 class="text-center mb-4" style="color:#004b9b">Welcome to Barcode Generator</h1>
<div class="svg-container text-center">
<img src="~/images/logo.svg" class="barcode-logo" alt="Barcode" />
</div><div class="container">
<div class="row justify-content-center">
<!-- Form and Image Column will go here -->
</div>
</div>Fügen Sie das Formular ein, um Benutzereingaben für die Barcode-Erstellung zu sammeln:
<div class="col-md-6 divider col-padding">
<form method="post" enctype="multipart/form-data">
<!-- Form elements omitted for brevity -->
<button type="submit" asp-page-handler="Upload" class="btn btn-primary btn-block">Generate Barcode</button>
</form>
<div id="messageContainer">
<span id="message" style="color:green;">@Html.Raw(Model.Message)</span>
</div>
</div>Zur Anzeige und zum Herunterladen des erstellten Barcodes:
<div class="col-md-6 image-padding">
<div id="imageContainer">
<!-- Image and download button elements omitted for brevity -->
</div>
</div>Fügen Sie Funktionalität hinzu, um Eingabe- und Downloadaktionen mit jQuery zu bearbeiten:
@section Scripts {
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function () {
// jQuery code omitted for brevity
});
</script>
}Fügen Sie oben in Ihrer index.cshtml-Datei hinzu:
using Color = IronSoftware.Drawing.Color;Imports Color = IronSoftware.Drawing.ColorVerfügbare Farben für Barcodes definieren:
public enum BarcodeColors
{
AliceBlue,
AntiqueWhite,
Aqua,
Aquamarine,
Azure,
Beige,
Bisque
// And others...
}Public Enum BarcodeColors
AliceBlue
AntiqueWhite
Aqua
Aquamarine
Azure
Beige
Bisque
' And others...
End EnumVerfügbare Arten von Barcodes definieren:
public enum BarcodeTypes
{
Aztec,
Codabar,
// Other barcode types...
}Public Enum BarcodeTypes
Aztec
Codabar
' Other barcode types...
End EnumEnums in Farbe und Barcode-Codierung umwandeln:
private Color EnumToColor(BarcodeColors colorEnum) { /* Conversion logic */ }
private BarcodeWriterEncoding GetBarcodeEncoding(BarcodeTypes barcodeType) { /* Encoding logic */ }Private Function EnumToColor(ByVal colorEnum As BarcodeColors) As Color
End Function
Private Function GetBarcodeEncoding(ByVal barcodeType As BarcodeTypes) As BarcodeWriterEncoding
End FunctionFormularübermittlung zur Barcode-Erstellung bearbeiten:
public JsonResult OnPostUpload(string barcodeText, string barcodeType, int? maxWidth, int? maxHeight, string barcodeColor)
{
// Function logic...
}Public Function OnPostUpload(ByVal barcodeText As String, ByVal barcodeType As String, ByVal maxWidth? As Integer, ByVal maxHeight? As Integer, ByVal barcodeColor As String) As JsonResult
' Function logic...
End FunctionBearbeiten Sie \_Layout.cshtml für ein minimalistisches Design:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Head contents omitted for brevity -->
</head>
<body>
<div class="container">
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>
<!-- Scripts inclusion omitted for brevity -->
</body>
</html>Führen Sie Ihre Anwendung durch Drücken von F5 oder Strg + F5 aus. Folgen Sie den Anweisungen auf dem Bildschirm, um Daten einzugeben, einen Barcode-Typ auszuwählen, die Abmessungen festzulegen und einen Barcode zu erstellen.
Die Barcode-Generator-Webanwendung bietet eine einfache Möglichkeit, benutzerdefinierte Barcodes zu erstellen. Sie können Daten eingeben, einen Barcode-Typ auswählen, die Abmessungen festlegen und eine Farbe auswählen, bevor Sie einen Barcode erstellen. IronBarcode versorgt diese Anwendung mit einer kostenlosen Testversion, und Lizenzen beginnen bei $999.
Für die Erzeugung von QR-Code-Bildern verwenden Sie IronQR.
Curtis Chau hat einen Bachelor-Abschluss in Informatik von der Carleton University und ist spezialisiert auf Frontend-Entwicklung mit Expertise in Node.js, TypeScript, JavaScript und React. Leidenschaftlich widmet er sich der Erstellung intuitiver und ästhetisch ansprechender Benutzerschnittstellen und arbeitet gerne mit modernen Frameworks sowie der Erstellung gut strukturierter, optisch ansprechender Handbücher.
IronBarcode ist ein Teil der IRONSUITE
10 .NET-API-Produkte für Ihre Bürodokumente
Wenn Sie Barcodes schnell lesen, schreiben und gestalten müssen.
