Barcode
一般
このビューは、ASP.NETMVCのバーコードの基本機能を示しています。
機能
| バーコード制御 | 結果 |
|---|---|
|
Codabar
Codabarコントロールを使用すると、Codabarを表示できます。
値: A15126893B
Code39
Code39コントロールを使用すると、CODE39を表示できます。
値: A1312BCV
Code128
Code128コントロールを使用すると、CODE128を表示できます。
値: Code128Demo
Ean8
Ean8コントロールを使用すると、EAN8を表示できます。
値: 9031101
Ean13
Ean13コントロールを使用すると、EAN13を表示できます。
値: 963850741111
Gs1_128
Gs1_128コントロールを使用すると、GS1-128を表示できます。
値: GS1128Demo
QRCode
QrCodeコントロールを使用すると、QRコードを表示できます。
値: https://en.wikipedia.org/wiki/QR_code
UpcA
UpcAコントロールを使用すると、UPC-Aを表示できます。
値: 01234567890
UpcE0
UpcE0コントロールを使用すると、UPC-E0を表示できます。
値: 012345
UpcE1
UpcE1コントロールを使用すると、UPC-E1を表示できます。
値: 012345
Code49
Code49コントロールを使用すると、CODE49を表示できます。
値: Code49_123
Code93
Code93コントロールを使用すると、CODE93を表示できます。
値: CODE93
DataMatrixEcc200
DataMatrixEcc200コントロールを使用すると、Data Matrix ECC 200を表示できます。
値: abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+
DataMatrixEcc000
DataMatrixEcc000コントロールを使用すると、Data Matrix ECC 000-140を表示できます。
値: abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+
Interleaved2of5
Interleaved2of5コントロールを使用すると、ITF(Interleaved 2 of 5)を表示できます。
値: 1234567895
Itf14
Itf14コントロールを使用すると、ITF-14を表示できます。
値: 98765432109213
JapanesePostal
JapanesePostalコントロールを使用すると、カスタマバーコードを表示できます。
値: 6540123789-A-K-Z
Gs1DataBarExpanded
Gs1DataBarExpandedコントロールを使用すると、GS1 DataBar Expanded(拡張型)を表示できます。
値: (01)00012345678905(10)ABC123
Gs1DataBarExpandedStacked
Gs1DataBarExpandedStackedコントロールを使用すると、GS1 DataBar Expanded Stacked(拡張多層型)を表示できます。
値: (01)00012345678905(10)ABC123
Gs1DataBarLimited
Gs1DataBarLimitedコントロールを使用すると、GS1 DataBar Limited(限定型)を表示できます。
値: (01)20012345678909
Gs1DataBarOmnidirectional
Gs1DataBarOmnidirectionalコントロールを使用すると、GS1 DataBar Omnidirectional(標準型)を表示できます。
値: (01)20012345678909
Gs1DataBarStacked
Gs1DataBarStackedコントロールを使用すると、GS1 DataBar Stacked(二層型)を表示できます。
値: (01)20012345678909
Gs1DataBarStackedOmnidirectional
Gs1DataBarStackedOmnidirectionalコントロールを使用すると、GS1 DataBar StackedOmnidirectional(標準二層型)を表示できます。
値: (01)20012345678909
Gs1DataBarTruncated
Gs1DataBarTruncatedコントロールを使用すると、GS1 DataBar Truncated(カット型)を表示できます。
値: (01)20012345678909
Pdf417
Pdf417コントロールを使用すると、PDF417を表示できます。
値: This is a PDF417 barcode
MicroPdf417
MicroPdf417コントロールを使用すると、MicroPDF417を表示できます。
値: This is a MicroPDF417 barcode
|
説明
Codabarコントロールを使用すると、Codabarを表示できます。
Code39コントロールを使用すると、CODE39を表示できます。
Code49コントロールを使用すると、CODE49を表示できます。
Code93コントロールを使用すると、CODE93を表示できます。
Code128コントロールを使用すると、CODE128を表示できます。
DataMatrixEcc200コントロールを使用すると、Data Matrix ECC 200を表示できます。
DataMatrixEcc000コントロールを使用すると、Data Matrix ECC 000-140を表示できます。
Ean8コントロールを使用すると、EAN8を表示できます。
Ean13コントロールを使用すると、EAN13を表示できます。
Gs1_128コントロールを使用すると、GS1-128を表示できます。
Gs1DataBarExpandedコントロールを使用すると、GS1 DataBar Expanded(拡張型)を表示できます。
Gs1DataBarExpandedStackedコントロールを使用すると、GS1 DataBar Expanded Stacked(拡張多層型)を表示できます。
Gs1DataBarLimitedコントロールを使用すると、GS1 DataBar Limited(限定型)を表示できます。
Gs1DataBarOmnidirectionalコントロールを使用すると、GS1 DataBar Omnidirectional(標準型)を表示できます。
Gs1DataBarStackedコントロールを使用すると、GS1 DataBar Stacked(二層型)を表示できます。
Gs1DataBarStackedOmnidirectionalコントロールを使用すると、GS1 DataBar StackedOmnidirectional(標準二層型)を表示できます。
Gs1DataBarTruncatedコントロールを使用すると、GS1 DataBar Truncated(カット型)を表示できます。
Interleaved2of5コントロールを使用すると、ITF(Interleaved 2 of 5)を表示できます。
Itf14コントロールを使用すると、ITF-14を表示できます。
JapanesePostalコントロールを使用すると、カスタマバーコードを表示できます。
Pdf417コントロールを使用すると、PDF417を表示できます。
MicroPdf417コントロールを使用すると、MicroPDF417を表示できます。
QrCodeコントロールを使用すると、QRコードを表示できます。
UpcAコントロールを使用すると、UPC-Aを表示できます。
UpcE0コントロールを使用すると、UPC-E0を表示できます。
UpcE1コントロールを使用すると、UPC-E1を表示できます。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
namespace MvcExplorer.Controllers
{
public partial class BarcodeController : Controller
{
public IActionResult Index()
{
return View(getBarcodeControls());
}
private object[] getBarcodeControls()
{
return new object[]
{
new { Name = "Codabar" },
new { Name = "Code39" },
new { Name = "Code49" },
new { Name = "Code93" },
new { Name = "Code128" },
new
{
Name = "DataMatrix",
Items = new object[] {
new { Name = "DataMatrixEcc200" },
new { Name = "DataMatrixEcc000" }
}
},
new
{
Name = "EAN",
Items = new object[] {
new { Name = "Ean8" },
new { Name = "Ean13" }
}
},
new{ Name = "Gs1_128" },
new
{
Name = "Gs1DataBar",
Items = new object[] {
new { Name = "Gs1DataBarExpanded" },
new { Name = "Gs1DataBarExpandedStacked" },
new { Name = "Gs1DataBarLimited" },
new { Name = "Gs1DataBarOmnidirectional" },
new { Name = "Gs1DataBarStacked" },
new { Name = "Gs1DataBarStackedOmnidirectional" },
new { Name = "Gs1DataBarTruncated" }
}
},
new { Name = "Interleaved2of5" },
new { Name = "Itf14" },
new { Name = "JapanesePostal" },
new
{
Name = "PDF",
Items = new object[] {
new { Name = "Pdf417" },
new { Name = "MicroPdf417" }
}
},
new { Name = "QRCode" },
new
{
Name = "UPC",
Items = new object[] {
new { Name = "UpcA" },
new { Name = "UpcE0" },
new { Name = "UpcE1" }
}
}
};
}
}
}
@model object[]
<link href="~/Content/css/barcode.css" rel="stylesheet" />
<table class="table">
<thead>
<tr>
<th>@Html.Raw(BarcodeRes.Barcode_Index_Text0)</th>
<th>@Html.Raw(BarcodeRes.Barcode_Index_Text2)</th>
</tr>
</thead>
<tbody>
<tr>
<td style="width: 400px">
<c1-tree-view
display-member-path="Name"
child-items-path="Items"
selected-item-changed="OnSelectedItemChanged"
loaded-items="OnLoadedItems"
source="Model"
is-animated="true"
auto-collapse="true"
style="overflow:hidden;"
expand-on-click="true">
</c1-tree-view>
</td>
<td style="position: relative">
<div data-id="Codabar" class="barcode-control-result">
<div class="name">Codabar</div>
<div class="description">@Html.Raw(BarcodeRes.Codabar_Description_Text0)</div>
<div class="barcode"><c1-codabar value="A15126893B" auto-width-zoom="2"></c1-codabar></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>A15126893B</div>
</div>
<div data-id="Code39" class="barcode-control-result">
<div class="name">Code39</div>
<div class="description">@Html.Raw(BarcodeRes.Code39_Description_Text0)</div>
<div class="barcode"><c1-code39 value="A1312BCV" auto-width-zoom="2"></c1-code39></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>A1312BCV</div>
</div>
<div data-id="Code128" class="barcode-control-result">
<div class="name">Code128</div>
<div class="description">@Html.Raw(BarcodeRes.Code128_Description_Text0)</div>
<div class="barcode"><c1-code128 value="Code128Demo" auto-width-zoom="2" code-set="B"></c1-code128></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>Code128Demo</div>
</div>
<div data-id="Ean8" class="barcode-control-result">
<div class="name">Ean8</div>
<div class="description">@Html.Raw(BarcodeRes.Ean8_Description_Text0)</div>
<div class="barcode"><c1-ean8 value="9031101"></c1-ean8></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>9031101</div>
</div>
<div data-id="Ean13" class="barcode-control-result">
<div class="name">Ean13</div>
<div class="description">@Html.Raw(BarcodeRes.Ean13_Description_Text0)</div>
<div class="barcode"><c1-ean13 value="963850741111" add-on="86"></c1-ean13></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>963850741111</div>
</div>
<div data-id="Gs1_128" class="barcode-control-result">
<div class="name">Gs1_128</div>
<div class="description">@Html.Raw(BarcodeRes.Gs1_128_Description_Text0)</div>
<div class="barcode"><c1-gs1_128 value="GS1128Demo" auto-width-zoom="2"></c1-gs1_128></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>GS1128Demo</div>
</div>
<div data-id="QRCode" class="barcode-control-result">
<div class="name">QRCode</div>
<div class="description">@Html.Raw(BarcodeRes.QRCode_Description_Text0)</div>
<div class="barcode"><c1-qr-code value="https://en.wikipedia.org/wiki/QR_code"></c1-qr-code></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>https://en.wikipedia.org/wiki/QR_code</div>
</div>
<div data-id="UpcA" class="barcode-control-result">
<div class="name">UpcA</div>
<div class="description">@Html.Raw(BarcodeRes.UpcA_Description_Text0)</div>
<div class="barcode"><c1-upc-a value="01234567890"></c1-upc-a></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>01234567890</div>
</div>
<div data-id="UpcE0" class="barcode-control-result">
<div class="name">UpcE0</div>
<div class="description">@Html.Raw(BarcodeRes.UpcE0_Description_Text0)</div>
<div class="barcode"><c1-upc-e0 value="012345"></c1-upc-e0></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>012345</div>
</div>
<div data-id="UpcE1" class="barcode-control-result">
<div class="name">UpcE1</div>
<div class="description">@Html.Raw(BarcodeRes.UpcE1_Description_Text0)</div>
<div class="barcode"><c1-upc-e1 value="012345"></c1-upc-e1></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>012345</div>
</div>
<div data-id="Code49" class="barcode-control-result">
<div class="name">Code49</div>
<div class="description">@Html.Raw(BarcodeRes.Code49_Description_Text0)</div>
<div class="barcode"><c1-code49 value="Code49_123"></c1-code49></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>Code49_123</div>
</div>
<div data-id="Code93" class="barcode-control-result">
<div class="name">Code93</div>
<div class="description">@Html.Raw(BarcodeRes.Code93_Description_Text0)</div>
<div class="barcode"><c1-code93 value="CODE93" check-digit="true" auto-width-zoom="2"></c1-code93></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>CODE93</div>
</div>
<div data-id="DataMatrixEcc200" class="barcode-control-result">
<div class="name">DataMatrixEcc200</div>
<div class="description">@Html.Raw(BarcodeRes.DataMatrixEcc200_Description_Text0)</div>
<div class="barcode"><c1-data-matrix-ecc200 value="abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+"></c1-data-matrix-ecc200></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+</div>
</div>
<div data-id="DataMatrixEcc000" class="barcode-control-result">
<div class="name">DataMatrixEcc000</div>
<div class="description">@Html.Raw(BarcodeRes.DataMatrixEcc000_Description_Text0)</div>
<div class="barcode"><c1-data-matrix-ecc000 value="abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+"></c1-data-matrix-ecc000></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+</div>
</div>
<div data-id="Interleaved2of5" class="barcode-control-result">
<div class="name">Interleaved2of5</div>
<div class="description">@Html.Raw(BarcodeRes.Interleaved2of5_Description_Text0)</div>
<div class="barcode"><c1-interleaved2of5 value="1234567895" auto-width-zoom="2"></c1-interleaved2of5></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>1234567895</div>
</div>
<div data-id="Itf14" class="barcode-control-result">
<div class="name">Itf14</div>
<div class="description">@Html.Raw(BarcodeRes.Itf14_Description_Text0)</div>
<div class="barcode"><c1-itf14 value="98765432109213"></c1-itf14></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>98765432109213</div>
</div>
<div data-id="JapanesePostal" class="barcode-control-result">
<div class="name">JapanesePostal</div>
<div class="description">@Html.Raw(BarcodeRes.JapanesePostal_Description_Text0)</div>
<div class="barcode"><c1-japanese-postal value="6540123789-A-K-Z"></c1-japanese-postal></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>6540123789-A-K-Z</div>
</div>
<div data-id="Gs1DataBarExpanded" class="barcode-control-result">
<div class="name">Gs1DataBarExpanded</div>
<div class="description">@Html.Raw(BarcodeRes.Gs1DataBarExpanded_Description_Text0)</div>
<div class="barcode"><c1-gs1-data-bar-expanded value="(01)00012345678905(10)ABC123"></c1-gs1-data-bar-expanded></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)00012345678905(10)ABC123</div>
</div>
<div data-id="Gs1DataBarExpandedStacked" class="barcode-control-result">
<div class="name">Gs1DataBarExpandedStacked</div>
<div class="description">@Html.Raw(BarcodeRes.Gs1DataBarExpandedStacked_Description_Text0)</div>
<div class="barcode"><c1-gs1-data-bar-expanded-stacked value="(01)00012345678905(10)ABC123"></c1-gs1-data-bar-expanded-stacked></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)00012345678905(10)ABC123</div>
</div>
<div data-id="Gs1DataBarLimited" class="barcode-control-result">
<div class="name">Gs1DataBarLimited</div>
<div class="description">@Html.Raw(BarcodeRes.Gs1DataBarLimited_Description_Text0)</div>
<div class="barcode"><c1-gs1-data-bar-limited value="(01)20012345678909"></c1-gs1-data-bar-limited></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)20012345678909</div>
</div>
<div data-id="Gs1DataBarOmnidirectional" class="barcode-control-result">
<div class="name">Gs1DataBarOmnidirectional</div>
<div class="description">@Html.Raw(BarcodeRes.Gs1DataBarOmnidirectional_Description_Text0)</div>
<div class="barcode"><c1-gs1-data-bar-omnidirectional value="(01)20012345678909"></c1-gs1-data-bar-omnidirectional></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)20012345678909</div>
</div>
<div data-id="Gs1DataBarStacked" class="barcode-control-result">
<div class="name">Gs1DataBarStacked</div>
<div class="description">@Html.Raw(BarcodeRes.Gs1DataBarStacked_Description_Text0)</div>
<div class="barcode"><c1-gs1-data-bar-stacked value="(01)20012345678909"></c1-gs1-data-bar-stacked></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)20012345678909</div>
</div>
<div data-id="Gs1DataBarStackedOmnidirectional" class="barcode-control-result">
<div class="name">Gs1DataBarStackedOmnidirectional</div>
<div class="description">@Html.Raw(BarcodeRes.Gs1DataBarStackedOmnidirectional_Description_Text0)</div>
<div class="barcode"><c1-gs1-data-bar-stacked-omnidirectional value="(01)20012345678909"></c1-gs1-data-bar-stacked-omnidirectional></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)20012345678909</div>
</div>
<div data-id="Gs1DataBarTruncated" class="barcode-control-result">
<div class="name">Gs1DataBarTruncated</div>
<div class="description">@Html.Raw(BarcodeRes.Gs1DataBarTruncated_Description_Text0)</div>
<div class="barcode"><c1-gs1-data-bar-truncated value="(01)20012345678909"></c1-gs1-data-bar-truncated></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)20012345678909</div>
</div>
<div data-id="Pdf417" class="barcode-control-result">
<div class="name">Pdf417</div>
<div class="description">@Html.Raw(BarcodeRes.Pdf417_Description_Text0)</div>
<div class="barcode"><c1-pdf417 value="This is a PDF417 barcode" auto-width-zoom="2"></c1-pdf417></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>This is a PDF417 barcode</div>
</div>
<div data-id="MicroPdf417" class="barcode-control-result">
<div class="name">MicroPdf417</div>
<div class="description">@Html.Raw(BarcodeRes.MicroPdf417_Description_Text0)</div>
<div class="barcode"><c1-micro-pdf417 value="This is a MicroPDF417 barcode"></c1-micro-pdf417></div>
<div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>This is a MicroPDF417 barcode</div>
</div>
</td>
</tr>
</tbody>
</table>
@section Scripts{
<script>
function OnSelectedItemChanged(e, s) {
var selectedItem = e.selectedItem;
if (!selectedItem.Items) {
$(".barcode-control-result").css("opacity", 0);
$(".barcode-control-result").each(function (index, ele) {
let self = $(ele);
if (self.data("id") == selectedItem.Name) {
self.css("opacity", 1);
}
});
}
}
function OnLoadedItems(e) {
e.getFirstNode().select();
}
</script>
}
@section Summary{
<p>@Html.Raw(BarcodeRes.Barcode_Description_Text0)</p>
}
@section Description{
@Html.Raw(BarcodeRes.Barcode_Description_Text0)
<p>
@Html.Raw(BarcodeRes.Codabar_Description_Text0)<br />
@Html.Raw(BarcodeRes.Code39_Description_Text0)<br />
@Html.Raw(BarcodeRes.Code49_Description_Text0)<br />
@Html.Raw(BarcodeRes.Code93_Description_Text0)<br />
@Html.Raw(BarcodeRes.Code128_Description_Text0)<br />
@Html.Raw(BarcodeRes.DataMatrixEcc200_Description_Text0)<br />
@Html.Raw(BarcodeRes.DataMatrixEcc000_Description_Text0)<br />
@Html.Raw(BarcodeRes.Ean8_Description_Text0)<br />
@Html.Raw(BarcodeRes.Ean13_Description_Text0)<br />
@Html.Raw(BarcodeRes.Gs1_128_Description_Text0)<br />
@Html.Raw(BarcodeRes.Gs1DataBarExpanded_Description_Text0)<br />
@Html.Raw(BarcodeRes.Gs1DataBarExpandedStacked_Description_Text0)<br />
@Html.Raw(BarcodeRes.Gs1DataBarLimited_Description_Text0)<br />
@Html.Raw(BarcodeRes.Gs1DataBarOmnidirectional_Description_Text0)<br />
@Html.Raw(BarcodeRes.Gs1DataBarStacked_Description_Text0)<br />
@Html.Raw(BarcodeRes.Gs1DataBarStackedOmnidirectional_Description_Text0)<br />
@Html.Raw(BarcodeRes.Gs1DataBarTruncated_Description_Text0)<br />
@Html.Raw(BarcodeRes.Interleaved2of5_Description_Text0)<br />
@Html.Raw(BarcodeRes.Itf14_Description_Text0)<br />
@Html.Raw(BarcodeRes.JapanesePostal_Description_Text0)<br />
@Html.Raw(BarcodeRes.Pdf417_Description_Text0)<br />
@Html.Raw(BarcodeRes.MicroPdf417_Description_Text0)<br />
@Html.Raw(BarcodeRes.QRCode_Description_Text0)<br />
@Html.Raw(BarcodeRes.UpcA_Description_Text0)<br />
@Html.Raw(BarcodeRes.UpcE0_Description_Text0)<br />
@Html.Raw(BarcodeRes.UpcE1_Description_Text0)
</p>
}