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> }