使用 IRONBARCODE

如何在C#中的ASP.NET中打印條碼

已更新 2024年1月20日
分享:

本文將示範如何在 ASP.NET Web 應用程式中使用 C# 打印條碼圖像。 此範例將使用MVC框架,但您也可以根據需要使用ASP.NET Web Forms、Windows Forms或Web API。

對 ASP.NET MVC Framework 的基本了解將有助於您更好地理解本文。


建立一個MVC專案

打開 Microsoft Visual Studio。 點擊 建立新專案 > 從範本中選擇 ASP.NET Web 應用程式 > 按 下一步 > 命名您的專案 > 按 下一步 > 選擇 MVC > 點擊 建立 按鈕。 該專案將按如下所示創建。

如何在 ASP.NET 中用 C# 列印條碼,圖 1:建立一個新的 ASP.NET 專案

建立新的 ASP.NET 專案

添加模型

在 Models 資料夾上按一下滑鼠右鍵 > 加入 > 類別...

如何在 ASP.NET 中用 C# 打印條碼,圖 2:導航到添加類對話框

導航至添加類對話框

將會出現一個新視窗。 將您的類別命名為 BarcodeModel

在模型類中撰寫以下程式碼。

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

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

    [Display(Name = "Barcode Content")]
    public string BarcodeContent { get; set; }
}
Public Class BarcodeModel
	<Display(Name :="Barcode File Name")>
	Public Property FileName() As String

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

FileName 將用於從用戶處獲取條碼圖像名稱。 BarcodeContent 用來獲取條碼的內容。

新增控制器

接下來,將 Controller 新增到專案中。 它將使用MVC模型與ViewModel進行通訊。 生成條形碼的代碼只需兩到三行。 因此,無需單獨的類別; 相反,代碼被添加到控制器內。

若要新增控制器,右鍵點擊 Controllers 資料夾 > 新增 > 控制器。 將會出現一個新視窗。 選擇 MVC 5 控制器空白。 點擊 新增 按鈕。 將出現一個新框。

如何在 ASP.NET 中用 C# 列印條碼,圖 3:新增控制器對話框

新增控制器對話框

編寫您的控制器名稱,例如 BarcodeController。 單擊「新增」按鈕。 將生成一個新的控制器。

接下來的步驟是安裝條碼庫。

安裝條碼庫

IronBarcode 庫建議作為生成條形碼的第三方庫。 它是免費的開發工具,提供多種功能來自定義條碼,例如添加將標誌轉換為條碼圖像在條碼下方或上方添加數值,在條碼上方或下方添加註解調整條碼大小,將條碼儲存到多種圖像格式,等等。欲了解更多詳情,請點擊這裡。

前往套件管理控制台。 輸入以下命令然後按下 Enter 鍵。

Install-Package BarCode

此命令將在專案中安裝 IronBarcode 程式庫。

生成條碼

接下來,將以下範例程式碼添加到控制器中。

[HttpPost]
public ActionResult CreateBarcode(BarcodeModel model)
{
    try
    {
        var MyBarCode = IronBarCode.BarcodeWriter.CreateBarcode(model.BarcodeContent, BarcodeEncoding.Code128);
        string path = Server.MapPath("~/Files/");
        string filepath = Path.Combine(path, model.FileName);
        MyBarCode.AddBarcodeValueTextAboveBarcode();
        MyBarCode.SaveAsJpeg(filepath);
        string image = Directory.GetFiles(path).FirstOrDefault();
        ViewBag.fileName = image;
        return View();
    }
    catch
    {
        return View();
    }
}
[HttpPost]
public ActionResult CreateBarcode(BarcodeModel model)
{
    try
    {
        var MyBarCode = IronBarCode.BarcodeWriter.CreateBarcode(model.BarcodeContent, BarcodeEncoding.Code128);
        string path = Server.MapPath("~/Files/");
        string filepath = Path.Combine(path, model.FileName);
        MyBarCode.AddBarcodeValueTextAboveBarcode();
        MyBarCode.SaveAsJpeg(filepath);
        string image = Directory.GetFiles(path).FirstOrDefault();
        ViewBag.fileName = image;
        return View();
    }
    catch
    {
        return View();
    }
}
<HttpPost>
Public Function CreateBarcode(ByVal model As BarcodeModel) As ActionResult
	Try
		Dim MyBarCode = IronBarCode.BarcodeWriter.CreateBarcode(model.BarcodeContent, BarcodeEncoding.Code128)
		Dim path As String = Server.MapPath("~/Files/")
		Dim filepath As String = System.IO.Path.Combine(path, model.FileName)
		MyBarCode.AddBarcodeValueTextAboveBarcode()
		MyBarCode.SaveAsJpeg(filepath)
		Dim image As String = Directory.GetFiles(path).FirstOrDefault()
		ViewBag.fileName = image
		Return View()
	Catch
		Return View()
	End Try
End Function
VB   C#

try-catch 用於捕捉任何運行時異常。

CreateBarcode 函數由BarcodeWriter類別接受兩個參數:條碼內容和編碼方案。 此外,它還接受其他 11 個可選參數,包括最大高度、最大寬度等。

Server.MapPath 函數用於映射生成的條形碼圖像將被保存的路徑。 Path.Combine 方法將結合路徑和條碼圖像名稱。

在條碼上方添加條碼值文字該函數將添加條碼值。 IronBarcode 提供其他條碼設置,例如 max-heightmax-widthbarcodecolor 等等。 您可以探索並利用各種參數。

SaveAsJpeg函數以路徑作為參數,並將生成的條形碼保存到該特定路徑。

Directory.GetFile 方法將獲取新生成的條碼圖片。

ViewBag.FileName 用於將條碼圖像的路徑傳送到視圖,以顯示生成的條碼圖像。

QR碼生成的方式相同,只需將編碼方案從Code128更改為QRCode.

新增視圖

下一步是通過添加一個新的 View 來為這個 ASP.NET Web 應用程式提供用戶端。 在控制器方法名稱上右鍵點擊,然後點擊「新增視圖」按鈕。

如何在ASP.NET中用C#列印條碼,圖4:導航到新增視圖對話框

導航至新增視圖對話框

將會出現一個新視窗。 選擇 MVC 5 視圖,然後點擊添加按鈕。

如下所示將會出現一個新的提示。

如何在C#中的ASP.NET中打印條碼,圖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")
}
model ReadOnly Property () As GenerateBarcodeMVC.Models.BarcodeModel
ViewBag.DisplayBarcode = False
End Property

'INSTANT VB TODO TASK: The following line could not be converted:
(Of h2) Create</h2> [using](Html.BeginForm())
If True Then
'INSTANT VB WARNING: Instant VB cannot determine whether both operands of this division are integer types - if they are then you should use the VB integer division operator:
Html.AntiForgeryToken() <div class="form-horizontal"> (Of h4) GenerateBarcode</h4> <hr /> Html.ValidationSummary(True, "", New With {Key .class = "text-danger"}) <div class="form-group"> Html.LabelFor(Function(model) model.FileName, htmlAttributes:= New With {Key .class = "control-label col-md-2"}) <div class="col-md-10"> Html.EditorFor(Function(model) model.FileName, New With {
	Key .htmlAttributes = New With {Key .class = "form-control"}
}) Html.ValidationMessageFor(Function(model) model.FileName, "", New With {Key .class = "text-danger"}) </div> </div> <div class="form-group"> Html.LabelFor(Function(model) model.BarcodeContent, htmlAttributes:= New With {Key .class = "control-label col-md-2"}) <div class="col-md-10"> Html.EditorFor(Function(model) model.BarcodeContent, New With {
	Key .htmlAttributes = New With {Key .class = "form-control"}
}) Html.ValidationMessageFor(Function(model) model.BarcodeContent, "", New With {Key .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>
End If
Dim Scripts As section
If True Then
Scripts.Render("~/bundles/jqueryval")
End If
VB   C#

接著,在視圖內按右鍵,然後點選「Run to Browser」按鈕。

輸出

如何在ASP.NET中用C#打印條碼,圖6:運行Web應用程式以顯示創建表單

運行網絡應用程序以顯示創建表單

輸入您的條碼圖像名稱和條碼內容,如下所示:

如何在ASP.NET中用C#打印條碼, 圖7:輸入您的條碼內容

輸入您的條碼內容

點擊 建立 按鈕。 條碼影像將會被生成並如下面所示顯示在螢幕上。

如何在 ASP.NET 中使用 C# 列印條碼,圖 8:從 URL 生成條碼

從 URL 生成條碼

摘要

本教程演示了如何使用 ASP.NET 結合 MVC 框架,以 C# 生成條碼。 Microsoft Visual Studio 用作 IDE。IronPDF 是一個第三方庫,對開發免費,與所有版本的 .NET Framework 兼容,包括最新發佈的版本。 IronBarcode 快速且提供多種用於條碼操作的功能。 它也可以生成 QR 碼指定不同的類型。

還有許多其他有用的庫,例如用於處理 PDF 文檔的 IronPDF,用於處理 Excel 文檔的 IronXL,以及用於處理 OCR 的 IronOCR。 目前,您只需購買完整的 Iron Suite,即可以兩個的價格獲得所有五個庫。訪問我們的授權頁面了解更多詳情。

< 上一頁
如何在 C# Windows 應用程式中生成 QR 碼
下一個 >
條碼生成器 .NET 教程

準備開始了嗎? 版本: 2024.12 剛剛發布

免費 NuGet 下載 總下載次數: 1,320,639 查看許可證 >