El Generador de Códigos de Barras Razor es una herramienta útil que simplifica la creación de códigos de barras tanto para desarrolladores como para empresas. Integrar la generación de códigos de barras en aplicaciones web mejora la funcionalidad y la experiencia del usuario, haciendo fácil producir una variedad de tipos de códigos de barras. Ya sea que estés gestionando inventarios, rastreando activos o agilizando procesos de pago, utilizar un Generador de Códigos de Barras Razor puede mejorar significativamente la eficiencia y precisión. Usaremos IronBarcode en este tutorial para crear un generador de códigos de barras.
IronBarcode es una herramienta esencial para desarrolladores que trabajan con .NET Core, ofreciendo una biblioteca fácil de usar para generación de códigos de barras y lectura. Destaca por su simplicidad al integrarse en tus proyectos, requiriendo un mínimo de código para producir o descifrar códigos de barras y códigos QR. Esto hace de IronBarcode una opción versátil para mejorar aplicaciones tanto con funcionalidad de generación de códigos de barras como de lectura de códigos de barras, desde aplicaciones web que usan páginas Razor hasta aplicaciones de escritorio y móviles. Su amplia gama de formatos de código de barras soportados asegura que puede cumplir con diversos requerimientos de proyectos, incluyendo los de .NET MVC, la aplicación Blazor WebAssembly y la aplicación Blazor, convirtiéndolo en una opción confiable para los desarrolladores.
Crear una Aplicación Web ASP.NET Core con Páginas Razor en Visual Studio es sencillo. Esta guía te ayudará a configurar tu proyecto desde cero:
Para instalar IronBarcode usando el Administrador de Paquetes NuGet en Visual Studio:
Mejore la página de índice editando el archivo index.cshtml. Aplique un estilo personalizado:
<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>Incluye el formulario para recopilar la entrada del usuario para generar códigos de barras:
<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>Para mostrar y descargar el código de barras generado:
<div class="col-md-6 image-padding">
<div id="imageContainer">
<!-- Image and download button elements omitted for brevity -->
</div>
</div>Añade funcionalidad para manejar acciones de entrada y descarga usando 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 la parte superior de su archivo index.cshtml, agregue:
using Color = IronSoftware.Drawing.Color;Imports Color = IronSoftware.Drawing.ColorDefine los colores disponibles para códigos de barras:
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 EnumDefine los tipos disponibles de códigos de barras:
public enum BarcodeTypes
{
Aztec,
Codabar,
// Other barcode types...
}Public Enum BarcodeTypes
Aztec
Codabar
' Other barcode types...
End EnumConvierte enums a codificación de color y de código de barras:
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 FunctionManeja el envío del formulario para generar códigos de barras:
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 FunctionEdite \_Layout.cshtml para un diseño minimalista:
<!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>Ejecuta tu aplicación presionando F5 o Ctrl + F5. Sigue las instrucciones en pantalla para ingresar datos, elegir un tipo de código de barras, establecer dimensiones y generar un código de barras.
La aplicación web del generador de códigos de barras ofrece una manera fácil de crear códigos de barras personalizados. Puedes ingresar datos, seleccionar un tipo de código de barras, establecer dimensiones y elegir un color antes de generar un código de barras. IronBarcode impulsa esta aplicación con una prueba gratuita, y las licencias comienzan en $999.
Para generar imágenes de códigos QR, considera usar IronQR.
Curtis Chau tiene una licenciatura en Ciencias de la Computación (Carleton University) y se especializa en el desarrollo front-end con experiencia en Node.js, TypeScript, JavaScript y React. Apasionado por crear interfaces de usuario intuitivas y estéticamente agradables, disfruta trabajando con frameworks modernos y creando manuales bien estructurados y visualmente atractivos.
IronBarcode es parte de IRONSUITE
10 productos API .NET para tus documentos de oficina
Cuando necesite leer, escribir y diseñar Códigos de Barras, rápido.
