צור והצג תמונת ברקוד ב-ASP.NET MVC

ברקוד מייצג חזותית נתונים בצורה הניתנת לקריאה במכונה. בדרך כלל, הוא מכיל נתונים או מידע על מוצר או חברה, מקודדים בצורה של מספרים ו/או דפוס של קווים מקבילים. ב-ASP.NET MVC, נוכל ליצור סוגים שונים של ברקודים כגון Data Matrix, Aztec, Code 128 וכו’. במאמר זה נלמד כיצד ליצור ולהציג תמונת ברקוד באופן דינמי באפליקציית ASP .NET MVC. לאחר ביצוע השלבים שהוזכרו, יהיה לנו מחולל ברקוד ASP.NET MVC משלנו. אז בואו נתחיל.

המאמר יעסוק בנושאים הבאים:

1. תכונות של מחולל ברקוד של ASP.NET MVC
2. C# API ליצירת ברקוד ב-ASP.NET MVC
3. שלבים ליצירה והצגה של תמונת ברקוד
4. Demo ASP.NET MVC Barcode Generator
5. הורד את קוד המקור של מחולל ברקוד של ASP.NET MVC

תכונות של מחולל ברקוד ASP.NET MVC

מחולל הברקוד של ASP.NET MVC שלנו יכלול את התכונות הבאות.

1. צור את הסוגים הבאים של סמליות ברקוד:
   • קוד128
   • קוד11
   • קוד39
   • QR
   • מטריצת נתונים
   • EAN13
   • EAN8
   • ITF14
   • PDF417
2. שמור את תמונת הברקוד שנוצרה בפורמטים הבאים:
   • PNG
   • JPEG
   • BMP
   • EMF
   • SVG
3. תצוגה מקדימה של תמונת הברקוד שנוצרה.
4. הורד את תמונת הברקוד שנוצרה לדיסק המקומי שלך.

C# API ליצירת ברקוד ב-ASP.NET MVC

להפקת תמונות ברקוד והצגתן באפליקציית ASP.NET MVC, אנו נשתמש ב-Aspose.BarCode for .NET API. זה מאפשר לנו ליצור ולזהות מגוון רחב של 1D ו-2D סוגי ברקוד. אנא הורד את ה-DLL של ה-API או התקן אותו באמצעות NuGet.

PM> Install-Package Aspose.BarCode

כיצד ליצור ולהציג תמונת ברקוד באופן דינמי ב-ASP.NET MVC

אנו יכולים ליצור ולהציג תמונת ברקוד באפליקציית ASP.NET MVC על ידי ביצוע השלבים המפורטים להלן:

• ראשית, צור פרויקט חדש ובחר את תבנית הפרויקט של ASP.NET Web Application (.NET Framework).

• לאחר מכן, בתיבת הדו-שיח יצירת יישום אינטרנט חדש של ASP.NET, בחר MVC ולאחר מכן בחר ליצור.

• לאחר מכן, פתח את NuGet Package Manager והתקן את חבילת Aspose.BarCode for .NET.

• לאחר מכן, צור תיקייה חדשה “תמונות” כדי לשמור את תמונות הברקוד שנוצרו.

• כעת, צור דגם בתיקייה “דגמים” עם השם “ברקוד” כדי לאחסן את פרטי הברקוד.

// מידע בסיסי על ברקוד
public class Barcode
{
    public string Text { get; set; }

    public BarcodeType BarcodeType { get; set; }

    public BarCodeImageFormat ImageType { get; set; }
}

• כמו כן, הוסף ספירה כדי לרשום את סמליות הברקוד הנתמכות. ניתן להוסיף אותו במחלקה נפרדת תחת התיקיה “מודלים”, או שאנו יכולים להוסיף אותו בקובץ המחלקה Barcode.cs.

// סימלי ברקוד
public enum BarcodeType
{
    Code128,
    Code11,
    Code32,
    QR,
    Datamatrix,
    EAN13,
    EAN8,
    ITF14,
    PDF417
}

• באופן דומה, הוסף ספירה כדי לרשום את פורמטי התמונה הנתמכים.

// פורמטים של תמונה
public enum ImageType
{
    Png,
    Jpeg,
    Bmp,
    Emf,
    Svg
}

• לאחר מכן, פתח את Views/Home/index.cshtml והחלף את התוכן שלו בסקריפט הבא.

@using BarcodeGeneratorMVC.Models

@model Barcode

@{
    ViewBag.Title = "Home Page";
}

<div class="row">
    <div class="col-lg-6">
        <h2>Generate Barcode</h2>
        @using (Html.BeginForm())
        {
            <div class="form-group">
                @Html.Label("Select Barcode Type:", new { @class = "col-md-12 control-label" })
                <div class="col-md-12">
                    @Html.DropDownListFor(model => model.BarcodeType,
         new SelectList(Enum.GetValues(typeof(BarcodeType))),
         "Select Barcode", new { @class = "form-control" })
                </div>
            </div>
            <div class="form-group">
                @Html.Label("Enter Your Text:", new { @class = "col-md-12 control-label" })
                <div class="col-md-12">
                    @Html.EditorFor(m => m.Text, new { @class = "form-control" })
                </div>
            </div>
            <div class="form-group">
                @Html.Label("Select Image Format:", new { @class = "col-md-12 control-label" })
                <div class="col-md-12">
                    @Html.RadioButtonFor(model => model.ImageType, ImageType.Png) @Html.Label("PNG")
                    @Html.RadioButtonFor(model => model.ImageType, ImageType.Jpeg) @Html.Label("JPG")
                    @Html.RadioButtonFor(model => model.ImageType, ImageType.Bmp) @Html.Label("BMP")
                    @Html.RadioButtonFor(model => model.ImageType, ImageType.Emf) @Html.Label("EMF")
                    @Html.RadioButtonFor(model => model.ImageType, ImageType.Svg) @Html.Label("SVG")
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-12">
                    <input type="submit" class="btn btn-default" value="Generate Barcode" />
                </div>
            </div>
        }
    </div>
    <div class="col-lg-6">
        <h2>View Barcode Image</h2>
        @{
            if (!string.IsNullOrEmpty(@ViewBag.ImagePath))
            {
                <div class="form-group">
                    <div class="col-md-12">
                        <img src=@Url.Content(@ViewBag.ImagePath) alt="Barcode Image" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12">
                        @Html.ActionLink("Download Image", "Download", "Home", new
                           {                                                     // routeValues
                               ImagePath = @ViewBag.ImagePath,
                               ImageName = @ViewBag.ImageName
                           },
                           null)
                    </div>
                </div>
            }
        }
    </div>
    <hr />
</div>

• לאחר מכן, פתח את המחלקה “HomeController” והוסף תוצאת פעולה חדשה לטיפול בבקשת הפרסום.

[HttpPost]
public ActionResult Index(Barcode barcode)
{
    string codeText = barcode.Text;
    string imageName = barcode.Text + "." + barcode.ImageType;
    string imagePath = "/Images/" + imageName;
    string imageServerPath = Server.MapPath("~" + imagePath);

    var encodeType = EncodeTypes.Code128;

    switch (barcode.BarcodeType)
    {
        case BarcodeType.Code128:
            encodeType = EncodeTypes.Code128;
            break;

        case BarcodeType.ITF14:
            encodeType = EncodeTypes.ITF14;
            break;

        case BarcodeType.EAN13:
            encodeType = EncodeTypes.EAN13;
            break;

        case BarcodeType.Datamatrix:
            encodeType = EncodeTypes.DataMatrix;
            break;

        case BarcodeType.Code32:
            encodeType = EncodeTypes.Code32;
            break;

        case BarcodeType.Code11:
            encodeType = EncodeTypes.Code11;
            break;

        case BarcodeType.PDF417:
            encodeType = EncodeTypes.Pdf417;
            break;

        case BarcodeType.EAN8:
            encodeType = EncodeTypes.EAN8;
            break;

        case BarcodeType.QR:
            encodeType = EncodeTypes.QR;
            break;
    }

    using (Stream str = new FileStream(imageServerPath, FileMode.Create, FileAccess.Write))
    {
        BarcodeGenerator gen = new BarcodeGenerator(encodeType, codeText);
        gen.Save(str, barcode.ImageType);
    }

    ViewBag.ImagePath = imagePath;
    ViewBag.ImageName = imageName;

    return View();
}

• לאחר מכן, הוסף תוצאת פעולה חדשה לטיפול בבקשת הורדת התמונה ב"HomeController".

public ActionResult Download(string ImagePath, string ImageName)
{
    string contentType = "application/img";
    return File(ImagePath, contentType, Path.GetFileName(ImageName));
}

• לבסוף, הפעל את האפליקציה.

הדגמה ASP.NET MVC ברקוד מחולל

להלן ההדגמה של היישום ASP.NET MVC Generator ברקוד שיצרנו זה עתה.

הורד את קוד המקור של מחולל ברקוד של ASP.NET MVC

אתה יכול להוריד את קוד המקור המלא של היישום ASP.NET MVC Generator Barcode מ-GitHub.

קבל רישיון חינם

אתה יכול לקבל רישיון זמני בחינם כדי לנסות את הספרייה ללא מגבלות הערכה.

סיכום

במאמר זה, למדנו כיצד ליצור ולהציג תמונת ברקוד ביישום ASP.NET MVC. ראינו גם כיצד להוריד את תמונת הברקוד שנוצרה באופן תוכנתי. חוץ מזה, אתה יכול ללמוד עוד על Aspose.BarCode עבור .NET API באמצעות תיעוד. בכל מקרה של אי בהירות, אנא אל תהסס לפנות אלינו בפורום.

ראה גם

• צור וקרא Royal Mail Mailmark 2D ברקוד באמצעות C#
• צור ברקודים באמצעות C# – .NET Barcode API