Le générateur de code-barres Razor est un outil pratique qui simplifie la création de codes-barres pour les développeurs et les entreprises. Intégrer la génération de codes-barres dans des applications web améliore la fonctionnalité et l'expérience utilisateur, facilitant ainsi la production de divers types de codes-barres. Que vous gériez des stocks, suiviez des actifs ou rationalisiez des processus de paiement, l'utilisation d'un générateur de code-barres Razor peut améliorer considérablement l'efficacité et la précision. Nous utiliserons IronBarcode dans ce tutoriel pour créer un générateur de code-barres.
IronBarcode est un outil essentiel pour les développeurs travaillant avec .NET Core, offrant une bibliothèque facile à utiliser pour la génération et la lecture de codes-barres. Il se distingue par sa simplicité d'intégration dans vos projets, nécessitant un code minimal pour produire ou déchiffrer des codes-barres et des codes QR. Cela fait d'IronBarcode un choix polyvalent pour améliorer les applications avec des fonctionnalités de génération et de lecture de codes-barres, des applications web utilisant des pages Razor aux applications de bureau et mobiles. Sa large gamme de formats de codes-barres pris en charge garantit qu'il peut répondre à diverses exigences de projet, y compris pour les applications .NET MVC, Blazor WebAssembly et Blazor App, ce qui en fait un choix fiable pour les développeurs.
Créer une application Web ASP.NET Core avec des pages Razor dans Visual Studio est simple. Ce guide vous aidera à configurer votre projet de zéro :
Pour installer IronBarcode en utilisant le gestionnaire de packages NuGet dans Visual Studio :
Améliorez la page Index en modifiant le fichier index.cshtml. Appliquez un style personnalisé :
<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>Inclure le formulaire pour collecter les saisies de l'utilisateur pour la génération de codes-barres :
<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>Pour afficher et télécharger le code-barres généré :
<div class="col-md-6 image-padding">
<div id="imageContainer">
<!-- Image and download button elements omitted for brevity -->
</div>
</div>Ajouter des fonctionnalités pour gérer les actions de saisie et de téléchargement en utilisant jQuery :
@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>
}En haut de votre fichier index.cshtml, ajoutez :
using Color = IronSoftware.Drawing.Color;Imports Color = IronSoftware.Drawing.ColorDéfinir les couleurs disponibles pour les codes-barres :
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 EnumDéfinir les types de codes-barres disponibles :
public enum BarcodeTypes
{
Aztec,
Codabar,
// Other barcode types...
}Public Enum BarcodeTypes
Aztec
Codabar
' Other barcode types...
End EnumConvertir des énumérations en couleur et en codage de code-barres :
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 FunctionGérer la soumission du formulaire pour la génération de codes-barres :
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 FunctionÉditez \_Layout.cshtml pour un design minimaliste :
<!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>Exécutez votre application en appuyant sur F5 ou Ctrl + F5. Suivez les instructions à l'écran pour entrer des données, choisir un type de code-barres, définir les dimensions et générer un code-barres.
L'application web de générateur de code-barres offre un moyen simple de créer des codes-barres personnalisés. Vous pouvez entrer des données, sélectionner un type de code-barres, définir les dimensions et choisir une couleur avant de générer un code-barres. IronBarcode alimente cette application avec une version d'essai gratuite, et les licences commencent à $999.
Pour générer des images de code QR, envisagez d'utiliser IronQR.
Curtis Chau détient un baccalauréat en informatique (Université de Carleton) et se spécialise dans le développement front-end avec expertise en Node.js, TypeScript, JavaScript et React. Passionné par la création d'interfaces utilisateur intuitives et esthétiquement plaisantes, Curtis aime travailler avec des frameworks modernes et créer des manuels bien structurés et visuellement attrayants.
IronBarcode fait partie de IRONSUITE
10 API .NET pour vos documents
Lorsque vous avez besoin de lire, écrire, et styliser des Codes-barres, rapidement.
