ASP.NETでバーコードを印刷する方法

MVCプロジェクトを作成する

Microsoft Visual Studioを開きます。 新しいプロジェクトを作成をクリック > テンプレートからASP.NET Webアプリケーションを選択 > 次へを押す > プロジェクトに名前を付ける > 次へを押す > MVCを選択 > 作成ボタンをクリック。 プロジェクトは以下のように作成されます。

新しいASP.NETプロジェクトを作成する

モデルを追加する

Modelsフォルダを右クリック > 追加 > クラス...

クラスダイアログを追加するナビゲート

新しいウィンドウが表示されます。 クラスにBarcodeModelと命名します。

モデルクラスに以下のコードを書きます。

using System.ComponentModel.DataAnnotations;

public class BarcodeModel
{
    [Display(Name ="Barcode File Name")]
    public string FileName { get; set; }

    [Display(Name = "Barcode Content")]
    public string BarcodeContent { get; set; }
}

using System.ComponentModel.DataAnnotations;

public class BarcodeModel
{
    [Display(Name ="Barcode File Name")]
    public string FileName { get; set; }

    [Display(Name = "Barcode Content")]
    public string BarcodeContent { get; set; }
}

Imports System.ComponentModel.DataAnnotations

Public Class BarcodeModel
	<Display(Name :="Barcode File Name")>
	Public Property FileName() As String

	<Display(Name := "Barcode Content")>
	Public Property BarcodeContent() As String
End Class

FileNameはユーザーからバーコード画像名を取得するために使用されます。 BarcodeContentはバーコードのコンテンツを取るために使用されます。

コントローラーを追加する

次にプロジェクトにコントローラーを追加します。 MVCモデルを使用してビューおよびモデルと通信します。 バーコードを生成するコードは2、3行程度で構成されています。 したがって、別クラスは必要ありません; 代わりに、コントローラー内にコードを追加します。

コントローラーを追加するには、Controllersフォルダを右クリック > 追加 > コントローラー 新しいウィンドウが表示されます。 MVC 5 コントローラー 空を選択します。 追加ボタンをクリック。 新しいボックスが表示されます。

コントローラーダイアログを追加

コントローラー名を例としてBarcodeControllerと書きます。 追加ボタンをクリックします。 新しいコントローラーが生成されます。

次のステップはバーコードライブラリをインストールすることです。

バーコードライブラリをインストールする

IronBarcodeライブラリは、バーコードを生成するためのサードパーティライブラリとして推奨されます。 It is free for development and provides multiple features to customize barcodes, such as adding a logo to a barcode image, adding value below or above the barcode, adding annotations below or above the barcode, resizing the barcode, saving the barcode in multiple image formats, etc. For more details, please click here.

パッケージマネージャーコンソールに移動します。 以下のコマンドを入力し、Enterを押します。

Install-Package BarCode

このコマンドはプロジェクトにIronBarcodeライブラリをインストールします。

バーコードを生成する

次に、コントローラーに以下のサンプルコードを追加します。

using System.IO;
using System.Linq;
using System.Web.Mvc;
using IronBarCode;

public class BarcodeController : Controller
{
    [HttpPost]
    public ActionResult CreateBarcode(BarcodeModel model)
    {
        try
        {
            // Create a barcode with the specified content and encoding
            var MyBarCode = BarcodeWriter.CreateBarcode(model.BarcodeContent, BarcodeEncoding.Code128);

            // Define the path where the barcode image will be saved
            string path = Server.MapPath("~/Files/");
            string filepath = Path.Combine(path, model.FileName);

            // Add the barcode value text above the barcode
            MyBarCode.AddBarcodeValueTextAboveBarcode();

            // Save the generated barcode as a JPEG file
            MyBarCode.SaveAsJpeg(filepath);

            // Retrieve the first file from the directory as a sample image
            string image = Directory.GetFiles(path).FirstOrDefault();

            // Pass the image path to the view
            ViewBag.FileName = image;
            return View();
        }
        catch
        {
            // Handle any exceptions that occur
            return View();
        }
    }
}

using System.IO;
using System.Linq;
using System.Web.Mvc;
using IronBarCode;

public class BarcodeController : Controller
{
    [HttpPost]
    public ActionResult CreateBarcode(BarcodeModel model)
    {
        try
        {
            // Create a barcode with the specified content and encoding
            var MyBarCode = BarcodeWriter.CreateBarcode(model.BarcodeContent, BarcodeEncoding.Code128);

            // Define the path where the barcode image will be saved
            string path = Server.MapPath("~/Files/");
            string filepath = Path.Combine(path, model.FileName);

            // Add the barcode value text above the barcode
            MyBarCode.AddBarcodeValueTextAboveBarcode();

            // Save the generated barcode as a JPEG file
            MyBarCode.SaveAsJpeg(filepath);

            // Retrieve the first file from the directory as a sample image
            string image = Directory.GetFiles(path).FirstOrDefault();

            // Pass the image path to the view
            ViewBag.FileName = image;
            return View();
        }
        catch
        {
            // Handle any exceptions that occur
            return View();
        }
    }
}

Imports System.IO
Imports System.Linq
Imports System.Web.Mvc
Imports IronBarCode

Public Class BarcodeController
	Inherits Controller

	<HttpPost>
	Public Function CreateBarcode(ByVal model As BarcodeModel) As ActionResult
		Try
			' Create a barcode with the specified content and encoding
			Dim MyBarCode = BarcodeWriter.CreateBarcode(model.BarcodeContent, BarcodeEncoding.Code128)

			' Define the path where the barcode image will be saved
			Dim path As String = Server.MapPath("~/Files/")
			Dim filepath As String = System.IO.Path.Combine(path, model.FileName)

			' Add the barcode value text above the barcode
			MyBarCode.AddBarcodeValueTextAboveBarcode()

			' Save the generated barcode as a JPEG file
			MyBarCode.SaveAsJpeg(filepath)

			' Retrieve the first file from the directory as a sample image
			Dim image As String = Directory.GetFiles(path).FirstOrDefault()

			' Pass the image path to the view
			ViewBag.FileName = image
			Return View()
		Catch
			' Handle any exceptions that occur
			Return View()
		End Try
	End Function
End Class

• try-catchはランタイム例外をキャッチするために使用されます。
• BarcodeWriterクラスが提供するCreateBarcode関数は、バーコードコンテンツとエンコードスキームの2つの引数を取ります。 さらに、最大高さ、最大幅など11の他のオプション引数も受け入れます。
• Server.MapPath関数は生成されたバーコード画像が保存されるパスをマッピングするために使用されます。 Path.Combineメソッドはパスとバーコード画像名を結合します。
• AddBarcodeValueTextAboveBarcode関数はバーコードの値を追加します。 IronBarcodeはmax-height、max-width、barcode、colorなどの他のバーコード設定を提供します。 様々なパラメータを探して使用することができます。
• SaveAsJpeg関数はパスを引数として取り、その特定のパスに生成されたバーコードを保存します。
• Directory.GetFilesメソッドは新たに生成されたバーコード画像を取得します。
• ViewBag.FileNameは生成されたバーコード画像を表示するためのビューにバーコード画像のパスを送信するために使用されます。

QRコードも同様にエンコードスキームをCode128からQRCodeに変更することで生成できます。

ビューを追加する

次のステップは新しいビューを追加して、このASP.NET Webアプリケーションにクライアント側を提供することです。 コントローラーメソッドの名前を右クリックし、「ビューを追加」ボタンをクリックします。

ビューダイアログを追加するナビゲート

新しいウィンドウが表示されます。 MVC 5 ビューを選択し、追加ボタンをクリックします。

以下のように新しいプロンプトが表示されます。

ビューダイアログを追加する

ビューに名前を付け、追加ボタンをクリックします。 新しい.cshtmlファイルが作成されます。

新しく生成されたビューに以下のコードを追加します。

@model GenerateBarcodeMVC.Models.BarcodeModel

@{
    ViewBag.DisplayBarcode = false;
}

<h2>Create</h2>

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>GenerateBarcode</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.FileName, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.FileName, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.FileName, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.BarcodeContent, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.BarcodeContent, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.BarcodeContent, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <img src="~/Files/@Path.GetFileName(ViewBag.FileName)" alt="Barcode" />
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

@model GenerateBarcodeMVC.Models.BarcodeModel

@{
    ViewBag.DisplayBarcode = false;
}

<h2>Create</h2>

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>GenerateBarcode</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.FileName, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.FileName, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.FileName, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.BarcodeContent, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.BarcodeContent, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.BarcodeContent, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <img src="~/Files/@Path.GetFileName(ViewBag.FileName)" alt="Barcode" />
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

次に、ビュー内で右クリックし、ブラウザに実行ボタンをクリックします。

まとめ

このチュートリアルでは、MVCフレームワークと組み合わせてASP.NETでC#を使用してバーコードを生成する方法を示しました。 Microsoft Visual StudioはIDEとして使用されます。IronPDFは開発用に無料で、.NET Frameworkの全てのバージョンに対応したサードパーティライブラリです。 IronBarcodeは高速で、バーコード操作に関する複数の機能を提供します。 異なるタイプを指定することでQRコードも生成可能です。

他にも、PDFドキュメントで作業するためのIronPDF、Excelドキュメントで作業するためのIronXL、OCRで作業するためのIronOCRといった多くの有用なライブラリがあります。 現在、Iron Suiteを購入することで、全5ライブラリを2つの料金で手に入れることができます。詳細についてはライセンスページをご覧ください。