c#'de bar kodlarini HTML olarak nasil oluştururum

Barcodları C#'ta HTML Olarak Nasıl Dışa Aktarırım

This article was translated from English: Does it need improvement?
Translated
View the article in English

IronBarcode, C# geliştiricilerine üretilen barkodları üç formatta HTML olarak dışa aktarma olanağı sunar: Satır içi yerleştirme için Veri URL'si, doğrudan enjeksiyon için HTML etiketi veya bağımsız kullanım için tam HTML dosyası - dış bağımlılıklar olmadan esnek bütünleştirme seçenekleri sağlar.

Hızlı Başlat: Bir Barkodu Tek Satırla HTML Etiketi Olarak Dışa Aktarın

Bir barkod oluşturun ve tek bir akıcı kod satırı kullanarak doğrudan tam teşekküllü bir HTML resim etiketi olarak dışa aktarın. Dış resim dosyalarını veya varlık bağımlılığını yönetmeden hızlıca başlayın.

  1. NuGet Paket Yöneticisi ile https://www.nuget.org/packages/BarCode yükleyin

    PM > Install-Package BarCode
  2. Bu kod parçasını kopyalayıp çalıştırın.

    var htmlTag = BarcodeWriter.CreateBarcode("1234567890", BarcodeWriterEncoding.Code128).ToHtmlTag();
  3. Canlı ortamınızda test etmek için dağıtın

    Bugün projenizde IronBarcode kullanmaya başlayın ücretsiz deneme ile

    arrow pointer

Barkodları Veri URL'si Olarak Nasıl Dışa Aktarırım?

Barkodları Veri URL'si olarak dışa aktarmadan önce bir Veri URL'sinin ne olduğunu anlamalısınız. Veri URL'si (aynı zamanda Veri URI'si olarak da bilinir) verileri doğrudan URL dizesine gömleyen bir Birleşik Kaynak Tanımlayıcısıdır. Bu, verilerin dış kaynaklar gibi web sayfalarında satır içi görüntülenmesine olanak tanır. Veri URL'leri herhangi bir biçimi destekler: metin, görüntüler, ses, video ve ikili veri. Elde edilen Veri URL'sini bir resim etiketinin içinde HTML'de bir src özelliği olarak kullanın. İşte bir GeneratedBarcode'yi Veri URL'si'ne dönüştürmenin yolu:

:path=/static-assets/barcode/content-code-examples/how-to/ExportBarcodeAsDataUrl.cs
using IronBarCode;
using System;

GeneratedBarcode myBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.QRCode);
var dataUrl = myBarcode.ToDataUrl();
Console.WriteLine(dataUrl);
Imports IronBarCode
Imports System

Private myBarcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.QRCode)
Private dataUrl = myBarcode.ToDataUrl()
Console.WriteLine(dataUrl)
$vbLabelText   $csharpLabel

Barkod değeri ve kodlamayı argüman olarak alarak BarcodeWriter sınıfından CreateBarcode() yöntemini kullanarak bir barkod oluşturun. Veri URL'si elde etmek için GeneratedBarcode'a ToDataUrl() yöntemini ekleyin. Bu yaklaşım, IronBarcode'da desteklenen tüm barkod formatları ile çalışır.

Web Uygulamaları İçin Veri URL'si Kullanmanın Önemli Olduğu Durumlar Nelerdir?

Veri URL'leri web uygulamaları için önemli avantajlar sunar çünkü HTTP isteklerini azaltır ve sayfa yükleme performansını iyileştirir. Bir barkodu Veri URL'si olarak gömdüğünüzde, görüntü verileri HTML belgesinin kendisinin bir parçası olur, ayrı görüntü dosyası isteklerini ortadan kaldırır. Bu şunlar için faydalıdır:

  • Tek sayfa uygulamalar (SPAs) minimal sunucu dönüşleri gerektirir
  • E-posta şablonları dış görüntülerin engellenebileceği yerlerde
  • Çevrimdışı kullanılabilir uygulamalar ağ bağlantısı olmadan çalışır
  • Dinamik barkod oluşturulması fiziksel dosyaların oluşturulmasının verimsiz olduğu durumlarda

Üretim dağıtımı için, Azure veya AWS tabanlı bulut tabanlı barkod oluşturma için kılavuzlarımızı Azure üzerinde dağıtım veya AWS dağıtımı üzerine kılavuzlarımıza bakabilirsiniz.

Veri URL'sini Görüntü Dosyalarının Yerine Ne Zaman Kullanmalıyım?

Küçük (32KB altında) ve anında satır içi işleme gerektiren barkodlar olduğunda Veri URL'lerini kullanın. Geleneksel görüntü dosyalarını sunucularda veya CDN'lerde saklamayı tercih edin:

// Example: Choosing between Data URL and file export based on size
GeneratedBarcode barcode = BarcodeWriter.CreateBarcode("LARGE-DATA-STRING-HERE", BarcodeEncoding.PDF417);

// Check estimated size before choosing export method
if (barcode.BinaryStream.Length < 32768) // 32KB threshold
{
    // Use Data URL for smaller barcodes
    string dataUrl = barcode.ToDataUrl();
    // Embed directly in HTML
}
else
{
    // Save as file for larger barcodes
    barcode.SaveAsImage("large-barcode.png");
    // Reference as external resource
}
// Example: Choosing between Data URL and file export based on size
GeneratedBarcode barcode = BarcodeWriter.CreateBarcode("LARGE-DATA-STRING-HERE", BarcodeEncoding.PDF417);

// Check estimated size before choosing export method
if (barcode.BinaryStream.Length < 32768) // 32KB threshold
{
    // Use Data URL for smaller barcodes
    string dataUrl = barcode.ToDataUrl();
    // Embed directly in HTML
}
else
{
    // Save as file for larger barcodes
    barcode.SaveAsImage("large-barcode.png");
    // Reference as external resource
}
' Example: Choosing between Data URL and file export based on size
Dim barcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("LARGE-DATA-STRING-HERE", BarcodeEncoding.PDF417)

' Check estimated size before choosing export method
If barcode.BinaryStream.Length < 32768 Then ' 32KB threshold
    ' Use Data URL for smaller barcodes
    Dim dataUrl As String = barcode.ToDataUrl()
    ' Embed directly in HTML
Else
    ' Save as file for larger barcodes
    barcode.SaveAsImage("large-barcode.png")
    ' Reference as external resource
End If
$vbLabelText   $csharpLabel

Veri URL'lerinin Boyut Sınırlamaları Nelerdir?

Modern tarayıcılar teknik olarak birkaç megabayt Veri URL'lerini desteklese de, pratik sınırlamalar mevcuttur:

  • Internet Explorer 8: 32KB ile sınırlıdır
  • Modern tarayıcılar: 2-4MB destekler, ancak performans düşer
  • Mobil tarayıcılar: Bellek sorunları nedeniyle daha katı sınırlamalara sahiptir
  • E-posta istemcileri: Veri URL'lerini 8-64KB ile sınırlar

Optimal performans için Veri URL barkodlarını 32KB altında tutun. Daha büyük barkodlar veya birden fazla barkod oluşturulması için bellek yönetimini verimli hale getirmek için akış olarak dışa aktarma işlevselliğimizi kullanın.

Barkodu HTML Etiketi Olarak Nasıl Dışa Aktarırım?

GeneratedBarcode'yi ToHtmlTag() yöntemi ile HTML'ye aktarın. Bu yöntem, JavaScript, CSS veya resim bağımlılıkları olmadan doğrudan HTML'ye enjeksiyon için tam oluşturulmuş bir HTML etiketi olarak GeneratedBarcode nesnesini işler. Aşağıdaki kod, HTML etiketi dışa aktarımını gösterir:

:path=/static-assets/barcode/content-code-examples/how-to/ExportBarcodeAsHtmlTag.cs
using IronBarCode;
using System;

GeneratedBarcode myBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.QRCode);
var htmlTag = myBarcode.ToHtmlTag();
Console.WriteLine(htmlTag);
Imports IronBarCode
Imports System

Private myBarcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.QRCode)
Private htmlTag = myBarcode.ToHtmlTag()
Console.WriteLine(htmlTag)
$vbLabelText   $csharpLabel

GeneratedBarcode'a ToHtmlTag() yöntemini ekleyerek oluşturulan barkodun HTML etiketini elde edin. Bu HTML etiketini daha büyük bir HTML dosyasına doğrudan gömün. Gelişmiş stil seçenekleri için barkod stillerini özelleştirme kılavuzumuza bakın.

HTML Etiketi Dışa Aktarımı Neden Dış Görüntü Referanslarından Daha İyidir?

HTML etiketi dışa aktarımı dış görüntü referanslarına göre kilit avantajlar sağlar:

  1. Kırık görüntü bağlantıları yok: Barkod verileri doğrudan etikette gömülür
  2. Daha hızlı işleme: Ek HTTP isteklerine ihtiyaç duyulmaz
  3. Basitleştirilmiş dağıtım: Ayrı görüntü varlık yönetimi yok
  4. Daha iyi güvenlik: Dosya yolu veya sunucu yapısı açığa çıkmaz
  5. Dinamik oluşturma: Gerçek zamanlı barkod oluşturma için mükemmeldir

İşte pratik bir web uygulaması entegrasyon örneği:

// Generate multiple barcodes for a product catalog
var products = new[] { "PROD-001", "PROD-002", "PROD-003" };
var htmlBuilder = new StringBuilder();

foreach (var productCode in products)
{
    var barcode = BarcodeWriter.CreateBarcode(productCode, BarcodeEncoding.Code128)
        .ResizeTo(200, 50)
        .SetMargins(10);

    htmlBuilder.AppendLine($"<div class='product-barcode'>");
    htmlBuilder.AppendLine($"  <p>Product: {productCode}</p>");
    htmlBuilder.AppendLine($"  {barcode.ToHtmlTag()}");
    htmlBuilder.AppendLine($"</div>");
}
// Generate multiple barcodes for a product catalog
var products = new[] { "PROD-001", "PROD-002", "PROD-003" };
var htmlBuilder = new StringBuilder();

foreach (var productCode in products)
{
    var barcode = BarcodeWriter.CreateBarcode(productCode, BarcodeEncoding.Code128)
        .ResizeTo(200, 50)
        .SetMargins(10);

    htmlBuilder.AppendLine($"<div class='product-barcode'>");
    htmlBuilder.AppendLine($"  <p>Product: {productCode}</p>");
    htmlBuilder.AppendLine($"  {barcode.ToHtmlTag()}");
    htmlBuilder.AppendLine($"</div>");
}
Imports System.Text

' Generate multiple barcodes for a product catalog
Dim products = New String() {"PROD-001", "PROD-002", "PROD-003"}
Dim htmlBuilder = New StringBuilder()

For Each productCode In products
    Dim barcode = BarcodeWriter.CreateBarcode(productCode, BarcodeEncoding.Code128) _
        .ResizeTo(200, 50) _
        .SetMargins(10)

    htmlBuilder.AppendLine("<div class='product-barcode'>")
    htmlBuilder.AppendLine($"  <p>Product: {productCode}</p>")
    htmlBuilder.AppendLine($"  {barcode.ToHtmlTag()}")
    htmlBuilder.AppendLine("</div>")
Next
$vbLabelText   $csharpLabel

Oluşturulan HTML Etiket Niteliklerini Nasıl Özelleştirebilirim?

ToHtmlTag() standart bir img etiketi oluştururken, ek öznitelikler veya özel HTML ile sarmalayarak bunu geliştirebilirsiniz. Gelişmiş özelleştirme için IronBarcode'u stil yeteneklerimiz ile birleştirin:

// Create a customized barcode with specific styling
var customBarcode = BarcodeWriter.CreateBarcode("CUSTOM-123", BarcodeEncoding.Code128)
    .AddAnnotationTextAboveBarcode("Product ID")
    .SetMargins(15)
    .ChangeBackgroundColor(System.Drawing.Color.LightGray);

// Get the HTML tag and add custom attributes
string htmlTag = customBarcode.ToHtmlTag();
string customizedTag = htmlTag.Replace("<img", "<img class='barcode' id='product-123'");
// Create a customized barcode with specific styling
var customBarcode = BarcodeWriter.CreateBarcode("CUSTOM-123", BarcodeEncoding.Code128)
    .AddAnnotationTextAboveBarcode("Product ID")
    .SetMargins(15)
    .ChangeBackgroundColor(System.Drawing.Color.LightGray);

// Get the HTML tag and add custom attributes
string htmlTag = customBarcode.ToHtmlTag();
string customizedTag = htmlTag.Replace("<img", "<img class='barcode' id='product-123'");
' Create a customized barcode with specific styling
Dim customBarcode = BarcodeWriter.CreateBarcode("CUSTOM-123", BarcodeEncoding.Code128) _
    .AddAnnotationTextAboveBarcode("Product ID") _
    .SetMargins(15) _
    .ChangeBackgroundColor(System.Drawing.Color.LightGray)

' Get the HTML tag and add custom attributes
Dim htmlTag As String = customBarcode.ToHtmlTag()
Dim customizedTag As String = htmlTag.Replace("<img", "<img class='barcode' id='product-123'")
$vbLabelText   $csharpLabel

HTML Etiketi Biçimini Veri URL'si Biçimine Tercih Etmeliyim?

Şunlar gerektiğinde HTML etiket biçimini tercih edin:

  • Temiz, okunabilir HTML çıktısı
  • Mevcut HTML şablonları ile kolay entegrasyon
  • HTML düzenleyicileri ve CMS sistemleri ile uyumluluk
  • İçerik oluşturucular için doğrudan kopyala-yapıştır işlevselliği

HTML etiketi biçimi, bileşenlere barkod görüntülerini dinamik olarak enjekte ettiğiniz Blazor uygulamaları ile özellikle iyi çalışır.

Barkodu Bir HTML Dosyası Olarak Nasıl Kaydederim?

SaveAsHtmlFile() yöntemi kullanılarak bir GeneratedBarcode'yi HTML dosyası olarak kaydedin. Aşağıdaki kod bu yöntemi gösterir:

:path=/static-assets/barcode/content-code-examples/how-to/ExportBarcodeAsHtmlFile.cs
using IronBarCode;

GeneratedBarcode myBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.QRCode);
myBarcode.SaveAsHtmlFile("myBarcode.html");
Imports IronBarCode

Private myBarcode As GeneratedBarcode = BarcodeWriter.CreateBarcode("https://ironsoftware.com/csharp/barcode/", BarcodeEncoding.QRCode)
myBarcode.SaveAsHtmlFile("myBarcode.html")
$vbLabelText   $csharpLabel

Bu metod bir dosya yolu dizesini kabul eder. Oluşturulan HTML dosyası, uygun <html>, <head> ve <body> etiketleri içinde bir HTML etiketi olarak barkodu içeren tam bir HTML dosyası oluşturur. Birden fazla dosya formatının olduğu karmaşık senaryolar için çıktı veri formatları kılavuzumuza bakın.

Neden Tam HTML Dosyaları Parçalar Yerine Oluşturulmalıdır?

Tam HTML dosyaları belirli kullanım durumları için ayırt edici avantajlar sunar:

  • Bağımsız dokümantasyon: Yazdırılabilir barkod sayfaları oluşturun
  • E-posta ekleri: Kendini içeren barkod dosyalarını gönderin
  • Arşiv amaçları: Doğru yapıyla barkodları saklayın
  • Test ve hata ayıklama: Barkodları bağımsız olarak görüntüleyin
  • Toplu işleme: Dağıtım için birden çok dosya üretin

İşte bir dizi HTML dosyası üreten bir örnek:

// Generate HTML files for inventory items
public void GenerateInventoryBarcodes(List<InventoryItem> items)
{
    foreach (var item in items)
    {
        var barcode = BarcodeWriter.CreateBarcode(item.SKU, BarcodeEncoding.Code128)
            .AddAnnotationTextBelowBarcode($"{item.Name} - ${item.Price:F2}")
            .ResizeTo(300, 100);

        // Save with descriptive filename
        string filename = $"barcode_{item.SKU}_{DateTime.Now:yyyyMMdd}.html";
        barcode.SaveAsHtmlFile(filename);
    }
}
// Generate HTML files for inventory items
public void GenerateInventoryBarcodes(List<InventoryItem> items)
{
    foreach (var item in items)
    {
        var barcode = BarcodeWriter.CreateBarcode(item.SKU, BarcodeEncoding.Code128)
            .AddAnnotationTextBelowBarcode($"{item.Name} - ${item.Price:F2}")
            .ResizeTo(300, 100);

        // Save with descriptive filename
        string filename = $"barcode_{item.SKU}_{DateTime.Now:yyyyMMdd}.html";
        barcode.SaveAsHtmlFile(filename);
    }
}
' Generate HTML files for inventory items
Public Sub GenerateInventoryBarcodes(items As List(Of InventoryItem))
    For Each item In items
        Dim barcode = BarcodeWriter.CreateBarcode(item.SKU, BarcodeEncoding.Code128) _
            .AddAnnotationTextBelowBarcode($"{item.Name} - ${item.Price:F2}") _
            .ResizeTo(300, 100)

        ' Save with descriptive filename
        Dim filename As String = $"barcode_{item.SKU}_{DateTime.Now:yyyyMMdd}.html"
        barcode.SaveAsHtmlFile(filename)
    Next
End Sub
$vbLabelText   $csharpLabel

HTML Dosya Dışa Aktarımı İçin Yaygın Kullanım Durumları Nelerdir?

HTML dosya dışa aktarımı bu senaryolarda değerli olduğunu kanıtlar:

  1. Perakende satış noktası sistemleri: Yazdırılabilir fiyat etiketi oluşturun
  2. Depo yönetimi: Raflar için barkod etiketleri oluşturun
  3. Belge yönetimi: Raporlara barkod gömme
  4. Kalite kontrol: İzlenebilir parti kodları oluşturun
  5. Etkinlik yönetimi: Tarama kodları olan biletler oluşturun

Büyük hacimli barkod oluşturma için, performansı artırmak üzere eşzamansız ve çok iş parçacıklı işlemleri uygulayın. QR kodları gibi özel formatlarla çalışırken, C# QR Kod Üretici öğreticimiz, çeşitli iş ihtiyaçları için QR kodları oluşturma ve özelleştirme konusunda kapsamlı rehberlik sağlar.

Sıkça Sorulan Sorular

C#'de bir barkodu Veri URL olarak nasil disari aktaririm?

IronBarcode ile, oluşturulmuş bir Barkod nesnesi üzerinde ToDataUrl() yöntemini kullanarak bir barkodu Veri URL olarak dışa aktarabilirsiniz. İstediğiniz değer ve kodlamayla BarcodeWriter.CreateBarcode() kullanarak barkodunuzu oluşturun, ardından ToDataUrl() çağrısını yaparak doğrudan HTML'ye gömülebilecek Veri URL dizisi edinin.

Barkodlar için hangi üç HTML dışa aktarma formatı mevcuttur?

IronBarcode üç HTML dışa aktarma formatı sunar: Harici dosyalar olmadan gömülü yerleşim için Veri URL, web sayfalarına doğrudan enjeksiyon için HTML etiket, ve bağımsız kullanım için tam HTML dosyası. Her format, web uygulamalarındaki farklı entegrasyon ihtiyaçlarına hizmet eder.

Bir barkod için tek satır kodla HTML görüntü etiketi üretebilir miyim?

Evet, IronBarcode, tek bir akıcı satır kodla tamamen oluşturulabilir bir HTML görüntü etiketi oluşturmanıza olanak tanır. Barkod değeri ve kodlamayla birlikte BarcodeWriter.CreateBarcode() kullanın, ardından bir HTML görüntü etiketi almak için ToHtmlTag() yöntemini ekleyin.

Barkodlar için geleneksel resim dosyalari yerine Veri URL'leri ne zaman kullanilmalidir?

Barkodlar küçük (32KB altinda) ve aninda cizgi ici islenme gerektiginde Veri URL'lerini kullanin. Tek sayfa uygulamalari, e-posta şablonlari, çevrimdışı çalışabilir uygulamalar ve dinamik barkod oluşturma senaryoları için idealdir. IronBarcode'un ToDataUrl() metodu bu dönüştürmeyi sorunsuz hale getirir.

HTML dışa aktarma için hangi barkod formatları desteklenir?

IronBarcode, HTML dışa aktarım için tüm barkod formatlarını, Code 128, QR kodlar ve diğer birçok format dahil, destekler. ToDataUrl(), ToHtmlTag(), ve HTML dosyasında dışa aktarma yöntemleri, kütüphanedeki tüm desteklenen barkod formatları ile çalışır.

Veri URL'lerini kullanmak web uygulaması performansını nasıl artırır?

Veri URL'leri, barkod resim verilerini doğrudan HTML belgeine gömerek, resim dosyaları için ayrı HTTP isteklerini ortadan kaldırarak performansı artırır. Bu, sunucu tur sayısını azaltır ve sayfa yükleme sürelerini iyileştirir, özellikle de web uygulamalarında dinamik barkod oluşturma sırasında IronBarcode kullandığınızda faydalıdır.

Hairil Hasyimi Bin Omar
Yazılım Mühendisi
Tüm harika mühendisler gibi, Hairil de hevesli bir öğrenendir. C#, Python ve Java bilgilerini keskinleştiriyor ve bu bilgilerini, Iron Software ekibi genelinde takım üyelerine değer katmak için kullanıyor. Hairil, Malezya'daki Universiti Teknologi MARA'dan mezun olan Ek Kimya ve Süreç Mühendisliği ...
Daha Fazlasını Oku
Başlamaya Hazır mısınız?
Nuget İndirmeler 2,169,908 | Sürüm: 2026.4 just released
Still Scrolling Icon

Hala Kaydiriyor musunuz?

Hızlı bir kanit mi istiyorsunuz? PM > Install-Package BarCode
bir örnek çalıştırın dize barkod haline geldiğini görün.