使用 JSBarcode 创建 table 个条形码

Question

我正在尝试使用节点、bootstrap 和 ejs 创建 table 个独特的条形码。这是我的 .ejs 文件的内容：

<head>
    <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.4/dist/JsBarcode.all.min.js"</script>
</head>
    <body>
        <table>
            <thead>
                <tr>
                    <th scope="col">Employee</th>
                </tr>
            </thead>
            <tbody>
                <% employeeObj.forEach(function(obj) { %>
                <tr>
                    <td><%= obj.id %><svg id="barcode"></svg><script>var employee = '<%= obj.id %>'; JsBarcode("#barcode", employee);</script></td>
                </tr>
                <% }); %>
            </tbody>
        </table>
    </body>
</html>

出于某种原因，table 的每一行都生成了条形码，但每个条形码的值都完全相同。我尝试将 obj.id 的字符串值放在每一行中，它可以很好地显示不同的值。

我做错了什么？

Answer 1

我意识到我的问题是每个条形码的 id 都是相同的，这导致同一个条形码被多次显示。这个问题的解决方案是有一个独特的 id 可以像这样完成：

id="<%=obj.id%>"

使用 JSBarcode 创建 table 个条形码

Creating a table of barcodes using JSBarcode

ejs

node.js

jsbarcode