← All posts

2026-09-19

如何在浏览器中创建条形码标签:分步指南

如何在浏览器中创建条形码标签:分步指南
pdf labels barcodes label merge browser based graphical layout editor google sheets addin microsoft excel addon electronic shelf labels esl barcode3 labels label editor

如何在浏览器中创建条形码标签:分步指南

如果你现在就需要一个条形码标签——而且不想安装标签设计软件、配置驱动程序或折腾模板文件——你完全可以在现代浏览器中设计并打印专业标签。本指南将带你走一遍 RSJ Software GmbH 的下一代标签打印系统 中的交互式工作流程:创建标签布局、添加条形码、绑定数据、预览,然后打印或导出。

LPSNG 是一个基于浏览器的标签设计和打印平台。其核心版本包含 Web 界面、标签工作室、作业队列和 PDF 生成功能。这意味着以下工作流程既适用于托管的云版本,也适用于嵌入式或企业实例。虽然 LPSNG 还提供 Web 服务 API 和用于自动化的命令行 LPSNG Player,但本文重点介绍托管浏览器路径。

前置条件

开始之前,请确保你具备以下条件:

  • 现代浏览器:Chrome、Firefox、Edge 或 Safari。
  • 一个 RSJ LPSNG 账户。云版本是一个托管的多用户环境;如果你的组织运行的是嵌入式或企业实例,请改用相应的 URL。
  • 如果需要打印实体标签,需要一台打印机。支持热敏打印机和普通打印机。如果你还没有打印机,仍然可以设计标签并导出 PDF 或 PNG。
  • 对所需条形码类型有基本了解。LPSNG 支持广泛的 1D 和 2D 条形码格式,包括 Code 128、EAN-13、二维码和 Data Matrix。

以下步骤无需本地安装。

分步指南:在浏览器中设计和打印条形码标签

第 1 步:登录 LPSNG 并打开标签工作室

在浏览器中打开你的下一代标签打印系统实例并登录。在云版本中,导航到 Web 界面并打开标签工作室。标签工作室是所有版本都包含的核心功能的一部分,因此无论你使用的是托管云解决方案还是本地网络上的嵌入式实例,都可以使用相同的交互式设计器。

第 2 步:创建新标签布局并设置尺寸

创建一个新的标签布局。将页面或标签尺寸设置为与你的实体标签纸相匹配。对于运输标签,常见尺寸是 4x6 英寸:

  • 单位:英寸或毫米,取决于你的标签纸。
  • 宽度:4 英寸
  • 高度:6 英寸
  • 边距:0,除非你的标签纸需要静区。

在添加字段之前正确设置布局尺寸,可以避免之后的大多数对齐问题。

第 3 步:添加条形码字段

在标签工作室中,向画布添加一个条形码元素。从可用格式中选择条形码类型。选择与你的工作流程相匹配的类型:

  • Code 128:常用于运输、仓储和产品标识。
  • EAN-13:常用于零售收银标签。
  • 二维码:适用于移动扫描和链接到网页内容。
  • Data Matrix:常用于制造业和电子行业。

条形码格式文档涵盖了所有支持的 1D 和 2D 条形码格式的完整列表。不要在相似格式之间猜测,例如 EAN-13 和 UPC-A:扫描器会期望标签中编码的确切符号体系。

第 4 步:将条形码字段绑定到数据源

条形码字段可以使用手动输入的值,也可以绑定到数据源。这正是浏览器工作流程对批量标签处理发挥作用的地方。

LPSNG 可以使用 Excel 文件作为数据文件和查找文件,并且提供 Google Sheets 插件。如果你使用表格数据,源数据可能如下所示:

sku,title,price
4412,USB-C Cable,12.99
4413,USB-C Hub,39.99
4414,HDMI Adapter,24.50

将条形码字段映射到包含要编码值的列——通常是 SKU、EAN、GTIN 或序列号。然后将文本字段映射到人类可读的列。

第 5 步:添加文本字段并设置样式

在条形码旁边或下方添加文本元素,用于显示产品名称、价格或位置等信息。在标签工作室中,你可以使用字体和样式格式化每个字段。保持条形码区域干净:

  • 将文本放在条形码静区之外。
  • 批量作业使用一致的字体大小。
  • 当数据值长度变化时,避免文本和条形码区域重叠。

第 6 步:在浏览器中预览标签

使用预览功能在打印前检查渲染后的标签。查看:

  • 条形码是否清晰且没有变形。
  • 条形码和文本字段中显示的数据是否正确。
  • 使用较长值的标签是否仍然适合布局。

浏览器预览是最快的验证步骤,可以在浪费标签纸之前发现大多数设计错误。

第 7 步:直接打印或导出为 PDF/PNG

当预览看起来正确时,选择你想要的标签生产方式:

  • 直接打印到浏览器中已连接的打印机。
  • 导出 PDF 或 PNG,以便稍后打印、与打印服务共享或在 LPSNG 之外查看。
  • 提交批量作业并在作业队列中监控它们。

对于大批量或程序化打印,Web 服务 API 可以提交打印作业并将单个标签渲染为 PDF 或 PNG。这是与此交互式浏览器工作流程不同的集成路径。

验证:如何确认你的条形码标签可用

预览之后,在提交完整批次之前验证结果:

  1. 目视检查预览。 确认条形码清晰、静区存在,且人类可读文本与编码数据一致。
  2. 用手机扫描应用扫描屏幕上的条形码。 这是快速检查条形码是否编码了预期值的方法。
  3. 在普通纸上打印测试标签。 在装入标签纸之前,先在普通纸上打印一张标签并扫描打印结果。检查对比度、尺寸和静区。
  4. 检查批量作业的作业队列。 LPSNG 包含作业队列。确认提交的作业成功完成,如果有失败的作业,应显示明确的原因。

常见问题排查

条形码无法扫描

  • 提高对比度:使用白底黑条。
  • 保留静区:保持条形码周围区域干净。
  • 检查条形码尺寸:非常小的条形码可能难以被扫描器读取。
  • 确认符号体系:Code 128、EAN-13、二维码和其他格式不可互换。

标签布局错位

  • 对照实体标签纸验证布局尺寸。
  • 检查打印机纸张尺寸和边距设置。
  • 使用打印机的校准功能(如果有),尤其是热敏标签打印机。

数据未填充

  • 确认数据源连接处于活动状态。
  • 检查字段映射是否指向正确的列或值。
  • 在打印整个批次之前预览单条记录。

浏览器打印问题

  • 确保打印机已安装并在浏览器中正确选择。
  • 对于来自外部系统的直接、可靠打印,请使用 LPSNG 的 Web 服务接口,该接口支持直接打印以及将标签渲染为 PDF 或 PNG。

常见问题解答

我可以不写任何代码就创建条形码标签吗?

可以。RSJ LPSNG 在浏览器中提供可视化标签设计器,你可以在其中添加条形码字段、文本和其他元素,无需编写代码。你选择条形码类型,输入或绑定数据,预览,然后打印或导出。

LPSNG 支持哪些条形码格式?

LPSNG 支持广泛的 1D 和 2D 条形码格式,包括 Code 128、EAN-13、二维码、Data Matrix 等。完整列表可在条形码格式文档中查看。

我可以使用 LPSNG 从浏览器打印到热敏打印机吗?

可以。LPSNG 可以打印到热敏打印机。对于浏览器打印,打印机必须在浏览器中配置。LPSNG 还提供热敏打印机的云打印解决方案,以及用于从集成系统直接打印的 Web 服务 API。

是否有 API 可以自动化条形码标签生成?

有。LPSNG 提供 Web 服务 API,可以提交打印作业、将单个标签渲染为 PDF 或 PNG,并与外部系统集成。LPSNG Player 也可作为独立的命令行打印引擎使用,支持包和数据输入,输出格式包括 PDF、PNG、JSON、打印或 ESL。

结论

你无需在本地安装任何东西,就可以设计、预览和生产专业条形码标签。下一代标签打印系统覆盖了完整的托管路径:创建布局、添加条形码和文本字段、从 Excel 或 Google Sheets 绑定数据、预览,然后打印或导出。

对于简单的一次性标签,可视化标签工作室就足够了。对于批量作业和自动化工作流程,LPSNG 通过 Web 服务 API、Python 字段脚本以及 Google Sheets 和 Excel 等集成连接到同一平台。如果你想评估工作流程,可以从云版本开始。如果你需要本地或受限部署,嵌入式版本可以在 Raspberry Pi 等单板计算机上运行完整系统。

准备好试试了吗?在浏览器中打开 RSJ LPSNG,创建一个小的标签布局,在打印前用手机扫描预览。

相关文章

EU label: AI-generated content