Razor BarCode Generator to przydatne narzędzie, które ułatwia tworzenie kodów kreskowych zarówno programistom, jak i firmom. Zintegrowanie generowania kodów kreskowych z aplikacjami internetowymi zwiększa funkcjonalność i poprawia komfort użytkowania, ułatwiając tworzenie różnych typów kodów kreskowych. Niezależnie od tego, czy zarządzasz zapasami, śledzisz zasoby, czy usprawniasz procesy realizacji transakcji, korzystanie z Razor BarCode Generator może znacznie poprawić wydajność i dokładność. W tym samouczku użyjemy IronBarcode do stworzenia generatora kodów kreskowych.
IronBarcode to niezbędne narzędzie dla programistów pracujących z .NET Core, oferujące łatwą w użyciu bibliotekę do generowania i odczytu kodów kreskowych. Wyróżnia się prostotą integracji z projektami, wymagając minimalnej ilości kodu do generowania lub odczytywania BarCode'ów i kodów QR. To sprawia, że IronBarcode jest wszechstronnym wyborem do ulepszania aplikacji o funkcje zarówno generowania, jak i odczytu kodów kreskowych, od aplikacji internetowych korzystających ze stron Razor po aplikacje desktopowe i mobilne. Szeroki zakres obsługiwanych formatów BARCODE gwarantuje, że narzędzie to spełnia różnorodne wymagania projektowe, w tym dotyczące .NET MVC, aplikacji Blazor WebAssembly i Blazor App, co czyni je niezawodnym wyborem dla programistów.
Tworzenie aplikacji internetowej ASP.NET Core z wykorzystaniem Razor Pages w Visual Studio jest proste. Ten przewodnik pomoże Ci skonfigurować projekt od podstaw:
Aby zainstalować IronBarcode za pomocą menedżera pakietów NuGet w Visual Studio:
Ulepsz stronę główną, edytując plik index.cshtml. Zastosuj niestandardowe stylowanie:
<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>Należy dołączyć formularz służący do zbierania danych od użytkownika w celu generowania kodów barcode:
<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>Aby wyświetlić i pobrać wygenerowany kod kreskowy:
<div class="col-md-6 image-padding">
<div id="imageContainer">
<!-- Image and download button elements omitted for brevity -->
</div>
</div>Dodaj funkcjonalność do obsługi akcji wprowadzania danych i pobierania plików przy użyciu 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>
}Na początku pliku index.cshtml dodaj:
using Color = IronSoftware.Drawing.Color;Imports Color = IronSoftware.Drawing.ColorZdefiniuj dostępne kolory BarCode:
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 EnumOkreśl dostępne typy kodów kreskowych:
public enum BarcodeTypes
{
Aztec,
Codabar,
// Other barcode types...
}Public Enum BarcodeTypes
Aztec
Codabar
' Other barcode types...
End EnumKonwersja enumów na kody kolorów i BarCode:
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 FunctionObsługa przesyłania formularzy w celu generowania kodów barcode:
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 FunctionEdytuj \_Layout.cshtml dla minimalistycznego projektu:
<!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>Uruchom aplikację, naciskając klawisz F5 lub Ctrl + F5. Postępuj zgodnie z instrukcjami wyświetlanymi na ekranie, aby wprowadzić dane, wybrać typ BARCODE, ustawić wymiary i wygenerować BARCODE.
Aplikacja internetowa do generowania kodów kreskowych oferuje łatwy sposób tworzenia niestandardowych kodów kreskowych. Przed wygenerowaniem kodu BARCODE można wprowadzić dane, wybrać typ kodu BARCODE, ustawić wymiary i wybrać kolor. IronBarcode napędza tę aplikację z bezpłatną wersją próbną, a licencje zaczynają się od $999.
Do generowania obrazów QR warto rozważyć użycie IronQR.
Curtis Chau posiada tytuł licencjata z informatyki (Uniwersytet Carleton) i specjalizuje się w front-endowym rozwoju, z ekspertką w Node.js, TypeScript, JavaScript i React. Pasjonuje się tworzeniem intuicyjnych i estetycznie przyjemnych interfejsów użytkownika, Curtis cieszy się pracą z nowoczesnymi frameworkami i tworzeniem dobrze zorganizowanych, atrakcyjnych wizualnie podręczników.
IronBarcode jest częścią IRONSUITE
10 produktów API .NET dla twoich dokumentów biurowych
Kiedy potrzebujesz szybko odczytać, zapisać i wystylizować kody kreskowe.
