Razor Barkod Üreteci, geliştiriciler ve işletmeler için barkod oluşturmayı kolaylaştıran kullanışlı bir araçtır. Web uygulamalarına barkod oluşturma entegrasyonu, fonksiyonelliği ve kullanıcı deneyimini artırır, çeşitli barkod türlerini üretmeyi kolaylaştırır. İster envanter yönetimi, ister varlık takibi, isterse ödeme süreci basitleştirme yapıyor olun, bir Razor Barkod Üreteci kullanmak, verimlilik ve doğruluğu büyük ölçüde artırabilir. Bu öğreticide, barkod üreteci oluşturmak için IronBarcode kullanacağız.

IronBarcode'a Giriş

IronBarcode, barkod oluşturma ve okuma için kolay kullanımlı bir kütüphane sunan, .NET Core ile çalışan geliştiriciler için temel bir araçtır. Projelerinize entegre etmesi kolay olduğu için dikkat çeker, barkodlar ve QR kodları üretmek veya çözmek için minimum kod gerektirir. Bu, hem web uygulamaları Razor sayfaları kullanarak hem de masaüstü ve mobil uygulamaların geliştirilmesinde barkod oluşturma ve okuma işlevselliği eklemek için IronBarcode'u çok yönlü bir seçenek haline getirir. Çeşitli desteklenen barkod formatları yelpazesi, .NET MVC, Blazor WebAssembly uygulamaları ve Blazor App için çeşitli proje gereksinimlerini karşılamasını sağlar, bu da geliştiriciler için güvenilir bir seçim yapar.

Barkod Üretici Oluşturma Adımları

Adım 1: ASP.NET Core Web Uygulaması Oluştur (Razor Sayfalar)

Visual Studio'da Razor Sayfaları ile bir ASP.NET Core Web Uygulaması oluşturmak kolaydır. Bu kılavuz, sıfırdan proje kurmanızı sağlar:

1. Visual Studio'yu açın: Visual Studio'yu başlatın. Başlangıç penceresinde, yeni web uygulamanızı kurma sürecine başlamak için "Yeni bir proje oluştur" öğesini seçin.
2. Proje Türünü Seçin: "Yeni bir proje oluştur" penceresinde, proje şablonları listesinden "ASP.NET Core Web Uygulaması" seçeneğini seçin. Ardından, devam etmek için "İleri" tuşuna tıklayın.

3. Proje Yapılandırmasını Gerçekleştirin: Şimdi yeni projenizin yapılandırmasını yapmanız istenecek.
   • Web uygulamanız için bir "Proje Adı" girin.
   • Proje dosyalarının saklanacağı bilgisayarınızdaki uygun bir "Konum" seçin.
   • İsteğe bağlı olarak "Çözüm adını" ayarlayın.
   • Devam etmek için "İleri" tuşuna tıklayın.

4. Proje Ayrıntılarını Ayarlayın: "Ek Bilgiler" penceresinde emin olun:
   • Uygun .NET sürümünü seçin.
   • "HTTPS için Yapılandır" seçeneğinin işaretli olduğunu doğrulayın.
   • Yeni Razor Sayfaları web uygulamanızın oluşturulmasını başlatmak için "Oluştur" düğmesine tıklayın.

Adım 2: IronBarcode Kütüphanesini Yükleyin

Visual Studio'da NuGet Paket Yöneticisi kullanarak IronBarcode yüklemek için:

1. NuGet Paket Yöneticisine Erişim: Proje adınıza Çözüm Gezgini panelinde sağ tıklayın. "NuGet Paketlerini Yönet..." seçeneğini seçerek NuGet Paket Yöneticisi sekmesini açın.
2. IronBarcode'u Arayın: "Gözat" sekmesinde "IronBarcode" yazarak kütüphaneyi bulun.
3. IronBarcode'u Kurun: 'IronBarcode'u seçin ve 'Kur' tıklayın. Herhangi bir bağımlılığı ve lisans anlaşmalarını gözden geçirin, ardından devam etmek için kabul edin.

Adım 3: Kullanıcı Arayüzü Tasarımı

Index sayfasını index.cshtml dosyasını düzenleyerek geliştirin. Özelleştirilmiş stil uygulayın:

<style>
    body {
        font-family: 'Poppins', sans-serif;
    }
    /* More CSS styles omitted for brevity */
</style>

<style>
    body {
        font-family: 'Poppins', sans-serif;
    }
    /* More CSS styles omitted for brevity */
</style>

Hoş Geldiniz Mesajı Ekleme:

<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>

<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>

Ana İçeriği Yapılandırma:

<div class="container">
    <div class="row justify-content-center">
        <!-- Form and Image Column will go here -->
    </div>
</div>

<div class="container">
    <div class="row justify-content-center">
        <!-- Form and Image Column will go here -->
    </div>
</div>

Giriş Formu Tasarımı:

Barkod oluşturmak için kullanıcı girişini toplamak için formu dahil edin.

<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>

<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>

Görsel Sütun:

Üretilen barkodu görüntülemek ve indirmek için:

<div class="col-md-6 image-padding">
    <div id="imageContainer">
        <!-- Image and download button elements omitted for brevity -->
    </div>
</div>

<div class="col-md-6 image-padding">
    <div id="imageContainer">
        <!-- Image and download button elements omitted for brevity -->
    </div>
</div>

Betikler:

JQuery kullanarak giriş ve indirme işlemlerini yönetmek için işlevsellik ekleyin:

@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>
}

@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>
}

Adım 4: Fonksiyonel Kod Yazma

Renk Tanımlama:

index.cshtml dosyanızın en üstüne ekleyin:

using Color = IronSoftware.Drawing.Color;

using Color = IronSoftware.Drawing.Color;

Imports Color = IronSoftware.Drawing.Color

Imports Color = IronSoftware.Drawing.Color

Barkod Renkleri Enum:

Barkodlar için mevcut renkleri tanımlayın:

public enum BarcodeColors
{
    AliceBlue,
    AntiqueWhite,
    Aqua,
    Aquamarine,
    Azure,
    Beige,
    Bisque
    // And others...
}

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 Enum

Public Enum BarcodeColors
	AliceBlue
	AntiqueWhite
	Aqua
	Aquamarine
	Azure
	Beige
	Bisque
	' And others...
End Enum

Barkod Türleri Enum:

Mevcut barkod türlerini tanımlayın:

public enum BarcodeTypes
{
    Aztec,
    Codabar,
    // Other barcode types...
}

public enum BarcodeTypes
{
    Aztec,
    Codabar,
    // Other barcode types...
}

Public Enum BarcodeTypes
	Aztec
	Codabar
	' Other barcode types...
End Enum

Public Enum BarcodeTypes
	Aztec
	Codabar
	' Other barcode types...
End Enum

Yardımcı Fonksiyonlar:

Reng ve barkod kodlamaya enumları dönüştürün:

private Color EnumToColor(BarcodeColors colorEnum) { /* Conversion logic */ }
private BarcodeWriterEncoding GetBarcodeEncoding(BarcodeTypes barcodeType) { /* Encoding logic */ }

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 Function

Private Function EnumToColor(ByVal colorEnum As BarcodeColors) As Color
End Function
Private Function GetBarcodeEncoding(ByVal barcodeType As BarcodeTypes) As BarcodeWriterEncoding
End Function

OnPostUpload Fonksiyonu:

Barkod oluşturma için form gönderimini yönetin:

public JsonResult OnPostUpload(string barcodeText, string barcodeType, int? maxWidth, int? maxHeight, string barcodeColor)
{
    // Function logic...
}

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

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

Düzen Düzenleme:

Minimalist bir tasarım için \_Layout.cshtml düzenleyin:

<!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>

<!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>

Uygulamayı Çalıştırın

Uygulamanızı F5 veya Ctrl + F5 tuşlarına basarak çalıştırın. Veri girişi yapmak, bir barkod türü seçmek, boyutları ayarlamak ve bir barkod oluşturmak için ekrandaki talimatları izleyin.

Sonuç

Barkod oluşturucu web uygulaması özel barkodlar oluşturmanın kolay bir yolunu sunar. Veri girişi yapabilir, bir barkod türü seçebilir, boyutları ayarlayabilir ve barkod oluştururken bir renk seçebilirsiniz. IronBarcode, ücretsiz deneme ile bu uygulamayı çalıştırır ve lisanslar $999'den başlar.

QR Kod resimleri oluşturmak için IronQR kullanmayı düşünün.