标贴打印方法及系统、计算机设备及介质与流程

1.本发明涉及计算机技术领域。更具体地，涉及一种标贴打印方法及系统、计算机设备及介质。


背景技术：

2.目前，用户设计及打印标贴需要通过程序客户端编写指令，然后再将指令配置到系统中，通过后台代码向打印机发送指令。发明人发现，这种方式存在便捷性低、修改不便等问题。


技术实现要素：

3.本发明的目的在于提供一种标贴打印方法及系统、计算机设备及介质，以解决现有技术存在的问题中的至少一个。
4.为达到上述目的，本发明采用下述技术方案：
5.本发明第一方面提供一种标贴打印方法，应用于计算机设备，所述方法包括：
6.显示第一界面，所述第一界面包括至少一个业务类型选择控件；
7.响应于对所述业务类型选择控件的操作，从业务系统中获取对应的业务数据并显示第二界面，所述第二界面包括打印控件、所述对应的业务数据的数据项及所述数据项对应的数据项选择控件；
8.响应于对所述数据项选择控件及所述打印控件的操作，根据所述数据项对应的数据内容及所述业务类型绑定的标贴模板，控制打印机打印标贴，其中，所述标贴模板包括至少一个文本项和/或至少一个标识码项，所述文本项中的至少一项关联业务数据，所述标识码项中的至少一项关联业务数据。
9.可选地，所述方法还包括：
10.显示第三界面，所述第三界面包括默认打印控件；
11.响应于对所述默认打印控件的操作，显示第四界面，所述第四界面包括业务类型项及所述业务类型项对应的绑定控件；
12.响应于对所述绑定控件的操作，显示第五界面，所述第五界面包括标贴模板选择控件，响应于对所述标贴模板选择控件的操作，确定业务类型绑定的标贴模板。
13.可选地，所述方法还包括：
14.显示第三界面，所述第三界面包括标贴模板创建控件；
15.响应于对所述标贴模板创建控件的操作，显示第六界面，所述第六界面包括标贴模板名称输入控件；
16.响应于对所述标贴模板名称输入控件的操作，创建标贴模板。
17.可选地，所述第六界面还包括标贴模板用途设置控件和标贴模板备注输入控件。
18.可选地，所述方法还包括：
19.显示第三界面，所述第三界面包括标贴模板列表，所述标贴模板列表包括已创建
的标贴模板项及所述标贴模板项对应的绘制控件，
20.响应于对所述标贴模板绘制控件的操作，显示第七界面，所述第七界面包括组件列表、绘制区域及设置区域，所述组件列表包括文本组件和标识码组件；
21.响应于对所述组件列表中的文本组件的操作，生成文本项并在所述绘制区域显示，且在所述设置区域显示文本内容设置控件；响应于对所述文本内容设置控件的第一操作，获取文本项的文本内容并在所述绘制区域显示的文本项中显示；响应于对所述文本内容设置控件的第二操作，显示变量选择控件；响应于对所述变量选择控件的操作，确定文本项的与业务数据关联的变量编码并在所述绘制区域显示的文本项中显示；
22.响应于对所述组件列表中的标识码组件的操作，生成标识码项并在所述绘制区域显示，且在所述设置区域显示标识码信息设置控件；响应于对所述标识码信息设置控件的第一操作，获取标识码项的标识码信息内容；响应于对所述标识码信息设置控件的第二操作，显示变量选择控件；响应于对所述变量选择控件的操作，确定标识码项的与业务数据关联的变量编码。
23.可选地，所述对所述组件列表中的文本组件的操作及所述对所述组件列表中的标识码组件的操作分别包括拖拽操作。
24.可选地，
25.所述响应于对所述组件列表中的文本组件的操作，生成文本项并在所述绘制区域显示，且在所述设置区域显示文本内容设置控件还包括：在所述设置区域显示文本格式设置控件和/或文本项位置设置控件；所述方法还包括：响应于对显示文本格式设置控件或文本项位置设置控件的操作，设置文本项的文本格式或位置；
26.所述响应于对所述组件列表中的标识码组件的操作，生成标识码项并在所述绘制区域显示，且在所述设置区域显示标识码信息设置控件还包括：在所述设置区域显示标识码类型设置控件、标识码项尺寸设置控件和标识码项位置设置控件中的至少一个；所述方法还包括：响应于对标识码类型设置控件、标识码项尺寸设置控件或标识码项位置设置控件的操作，设置标识码项的标识码类型、尺寸或位置。
27.可选地，所述第七界面还包括标贴尺寸设置控件，所述方法还包括：响应于对所述标贴尺寸设置控件的操作，确定所述标贴模板对应的标贴的尺寸。
28.可选地，所述组件列表还包括图片组件，所述方法还包括：
29.响应于对所述组件列表中的图片组件的操作，生成图片项并在所述绘制区域显示，且在所述设置区域显示图片设置控件；响应于对所述图片设置控件的操作，显示图片插入控件；响应于对所述图片插入控件的操作，获取图片项的图片并在所述绘制区域显示的图片项中显示。
30.可选地，所述响应于对所述组件列表中的图片组件的操作，生成图片项并在所述绘制区域显示，且在所述设置区域显示图片设置控件还包括：在所述设置区域显示图片项尺寸设置控件和/或图片项位置设置；所述方法还包括：响应于对图片项尺寸设置控件或图片项位置设置控件的操作，设置图片项的尺寸或位置。
31.可选地，所述方法还包括：
32.显示第八界面，所述第八界面包括变量创建控件；
33.响应于对所述变量创建控件的操作，显示第九界面，所述第九界面包括变量名称
输入控件和变量编码设置控件；
34.响应于对所述变量名称输入控件和变量编码设置控件的操作，创建变量。
35.可选地，所述第八界面还包括变量列表，所述变量列表包括已创建变量的变量项。
36.可选地，所述根据所述数据项对应的数据内容及所述业务类型绑定的标贴模板，控制打印机打印标贴进一步包括：
37.根据所述数据项对应的数据内容及所述业务类型绑定的标贴模板，渲染得到html标签，将所述html标签转换为canvas标签，将所述canvas标签转换为待打印图片，将所述待打印图片或根据所述待打印图片转换得到的打印指令发送至打印机，以控制所述打印机打印标贴。
38.可选地，在所述将所述待打印图片或根据所述待打印图片转换得到的打印指令发送至打印机之前，还包括：显示所述待打印图片的打印预览图。
39.本发明第二方面提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现本发明第一方面提供的标贴打印方法。
40.本发明第三方面提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明第一方面提供的标贴打印方法。
41.本发明第四方面提供一种标贴打印系统，包括打印机和本发明第二方面提供的计算机设备。
42.本发明的有益效果如下：
43.本发明所述技术方案，可根据用户的选择操作，自动获取业务数据及用于构建标贴样式排版的标贴模板，并根据标贴模板中与业务数据关联的文本项和/或标识码项将获取的业务数据呈现于待打印的标贴中，进而根据用户的选择操作和打印操作进行打印，从而基于可视化操作，高效、准确、便捷的实现标贴设计及打印。
附图说明
44.下面结合附图对本发明的具体实施方式作进一步详细的说明。
45.图1示出本发明实施例提供的标贴打印方法的流程示意图。
46.图2示出本发明实施例提供的一些计算机设备的操作界面示意图。
47.图3示出本发明实施例提供的又一些计算机设备的操作界面示意图。
48.图4示出本发明实施例提供的又一些计算机设备的操作界面示意图。
49.图5示出本发明实施例提供的又一些计算机设备的操作界面示意图。
50.图6示出本发明实施例提供的又一些计算机设备的操作界面示意图。
51.图7示出本发明实施例提供的又一些计算机设备的操作界面示意图。
52.图8示出本发明实施例提供的又一些计算机设备的操作界面示意图。
53.图9示出本发明实施例提供的又一些计算机设备的操作界面示意图。
54.图10示出本发明实施例提供的又一些计算机设备的操作界面示意图。
55.图11示出本发明实施例提供的又一些计算机设备的操作界面示意图。
56.图12示出本发明实施例提供的又一些计算机设备的操作界面示意图。
57.图13示出本发明实施例提供的又一些计算机设备的操作界面示意图。
58.图14示出本发明实施例提供的又一些计算机设备的操作界面示意图。
59.图15示出本发明实施例提供的又一些计算机设备的操作界面示意图。
60.图16示出本发明实施例提供的又一些计算机设备的操作界面示意图。
61.图17示出本发明实施例提供的又一些计算机设备的操作界面示意图。
62.图18示出本发明实施例提供的又一些计算机设备的操作界面示意图。
63.图19示出本发明实施例提供的又一些计算机设备的操作界面示意图。
64.图20示出本发明实施例提供的标贴打印系统的示意图。
65.图21示出计算机设备的结构示意图。
具体实施方式
66.为了更清楚地说明本发明，下面结合实施例和附图对本发明做进一步的说明。附图中相似的部件以相同的附图标记进行表示。本领域技术人员应当理解，下面所具体描述的内容是说明性的而非限制性的，不应以此限制本发明的保护范围。
67.在本发明实施例的描述中，除非另有说明，“/”表示或的意思，例如，a/b可以表示a或b；本文中的“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。
68.以下，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本发明实施例的描述中，除非另有说明，“多个”的含义是两个或两个以上。
69.在本发明实施例中，“示例性的”或者“例如”等词用于表示作例子、例证或说明。本发明实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言，使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。
70.目前，用户设计及打印标贴需要通过程序客户端编写指令，然后再将指令配置到系统中，通过后台代码向打印机发送指令。发明人发现，这种方式，存在便捷性低、修改不便等问题。具体而言：
71.第一、用户设计及打印标贴需要通过程序客户端编写指令，然后再将指令配置到系统中，通过后台代码向打印机发送指令的方式，操作不便且直观性低。
72.第二、在用户想要修改标贴内容或样式排版时，需要再次重复上述通过程序客户端编写指令等步骤，且用户在程序客户端中无法预览与调试，效率低下、操作不便且直观性低。
73.第三、通过程序客户端编写指令然后配置到系统中的方式，固定的变量或模板不适用于saas(software-as-a-service，软件即服务)系统，造成通用性与扩展性较差。
74.第四、对于例如斑马打印机等标贴打印机的调用，是通过(java、c#等)后台代码向打印机发送zpl指令，每次修改都需要进行将更新后的代码打包为.exe可执行文件，并添加到注册表等操作，操作繁琐，可操作性差。
75.有鉴于此，本发明实施例提供了一种标贴打印方法，应用于可与打印机通信的计算机设备。本发明实施例提供的标贴打印方法的打印流程包括：
76.显示第一界面，所述第一界面包括至少一个业务类型选择控件；
77.响应于对所述业务类型选择控件的操作，从业务系统中获取对应的业务数据并显示第二界面，所述第二界面包括打印控件、所述对应的业务数据的数据项及所述数据项对应的数据项选择控件；
78.响应于对所述数据项选择控件及所述打印控件的操作，根据所述数据项对应的数据内容及所述业务类型绑定的标贴模板，控制打印机打印标贴，其中，所述标贴模板包括至少一个文本项和/或至少一个标识码项，所述文本项中的至少一项关联业务数据，所述标识码项中的至少一项关联业务数据。
79.本实施例提供的标贴打印方法，可根据用户的选择操作，自动获取业务数据及用于构建标贴样式排版的标贴模板，并根据标贴模板中与业务数据关联的文本项和/或标识码项将获取的业务数据呈现于待打印的标贴中，进而根据用户的选择操作和打印操作进行打印，从而基于可视化操作，高效、准确、便捷的实现标贴设计及打印。
80.在一种可能的实现方式中，本发明实施例提供的标贴打印方法还包括业务类型与标贴模板的绑定流程，绑定流程包括：
81.显示第三界面，所述第三界面包括默认打印控件；
82.响应于对所述默认打印控件的操作，显示第四界面，所述第四界面包括业务类型项及所述业务类型项对应的绑定控件；
83.响应于对所述绑定控件的操作，显示第五界面，所述第五界面包括标贴模板选择控件，响应于对所述标贴模板选择控件的操作，确定业务类型绑定的标贴模板。
84.由此，可基于可视化操作，高效、准确、便捷的实现业务类型与标贴模板绑定。
85.在一种可能的实现方式中，本发明实施例提供的标贴打印方法还包括标贴模板创建流程，标贴模板创建流程包括：
86.显示第三界面，所述第三界面包括标贴模板创建控件；
87.响应于对所述标贴模板创建控件的操作，显示第六界面，所述第六界面包括标贴模板名称输入控件；
88.响应于对所述标贴模板名称输入控件的操作，创建标贴模板。
89.由此，可基于可视化操作，高效、准确、便捷的实现标贴模板的创建。
90.在一种可能的实现方式中，标贴模板创建流程中的所述第六界面还包括标贴模板用途设置控件和标贴模板备注输入控件。
91.由此，便于用户标注标贴模板，从而便于标贴模板的维护管理。
92.在一种可能的实现方式中，本发明实施例提供的标贴打印方法还包括标贴模板绘制流程，标贴模板绘制流程包括：
93.显示第三界面，所述第三界面包括标贴模板列表，所述标贴模板列表包括已创建的标贴模板项及所述标贴模板项对应的绘制控件，
94.响应于对所述标贴模板绘制控件的操作，显示第七界面，所述第七界面包括组件列表、绘制区域及设置区域，所述组件列表包括文本组件和标识码组件；
95.响应于对所述组件列表中的文本组件的操作，生成文本项并在所述绘制区域显示，且在所述设置区域显示文本内容设置控件；响应于对所述文本内容设置控件的第一操作，获取文本项的文本内容并在所述绘制区域显示的文本项中显示；响应于对所述文本内
容设置控件的第二操作，显示变量选择控件；响应于对所述变量选择控件的操作，确定文本项的与业务数据关联的变量编码并在所述绘制区域显示的文本项中显示；
96.响应于对所述组件列表中的标识码组件的操作，生成标识码项并在所述绘制区域显示，且在所述设置区域显示标识码信息设置控件；响应于对所述标识码信息设置控件的第一操作，获取标识码项的标识码信息内容；响应于对所述标识码信息设置控件的第二操作，显示变量选择控件；响应于对所述变量选择控件的操作，确定标识码项的与业务数据关联的变量编码。
97.由此，可基于可视化操作，通过变量编码，高效、准确、便捷的实现在标贴模板绘制中进行文本项和/或标识码项与业务数据的关联，且可提升对已绘制标贴模板的修改的效率和便捷性。
98.在一种可能的实现方式中，标贴模板绘制流程中，所述对所述组件列表中的文本组件的操作及所述对所述组件列表中的标识码组件的操作分别包括拖拽操作。
99.由此，可优化标贴模板绘制的便捷性。
100.在一种可能的实现方式中，标贴模板绘制流程中：
101.所述响应于对所述组件列表中的文本组件的操作，生成文本项并在所述绘制区域显示，且在所述设置区域显示文本内容设置控件还包括：在所述设置区域显示文本格式设置控件和/或文本项位置设置控件；所述方法还包括：响应于对显示文本格式设置控件或文本项位置设置控件的操作，设置文本项的文本格式或位置；
102.所述响应于对所述组件列表中的标识码组件的操作，生成标识码项并在所述绘制区域显示，且在所述设置区域显示标识码信息设置控件还包括：在所述设置区域显示标识码类型设置控件、标识码项尺寸设置控件和标识码项位置设置控件中的至少一个；所述方法还包括：响应于对标识码类型设置控件、标识码项尺寸设置控件或标识码项位置设置控件的操作，设置标识码项的标识码类型、尺寸或位置。
103.由此，可基于可视化操作，高效、准确、便捷的实现在标贴模板绘制中进行文本项和标识码项的格式样式、尺寸等参数的设置及位置的调整，且可提升对已绘制标贴模板的修改的效率和便捷性。
104.在一种可能的实现方式中，标贴模板绘制流程中，所述第七界面还包括标贴尺寸设置控件，标贴模板绘制流程还包括：响应于对所述标贴尺寸设置控件的操作，确定所述标贴模板对应的标贴的尺寸。
105.由此，可基于可视化操作，高效、准确、便捷的实现在标贴模板绘制中进行标贴模板尺寸的设置，其中，标贴模板尺寸即为打印得到的标贴的尺寸。
106.在一种可能的实现方式中，标贴模板绘制流程中，所述组件列表还包括图片组件，标贴模板绘制流程还包括：
107.响应于对所述组件列表中的图片组件的操作，生成图片项并在所述绘制区域显示，且在所述设置区域显示图片设置控件；响应于对所述图片设置控件的操作，显示图片插入控件；响应于对所述图片插入控件的操作，获取图片项的图片并在所述绘制区域显示的图片项中显示。
108.由此，可基于可视化操作，高效、准确、便捷的实现在标贴模板绘制中添加图片。
109.在一种可能的实现方式中，标贴模板绘制流程中，所述响应于对所述组件列表中
的图片组件的操作，生成图片项并在所述绘制区域显示，且在所述设置区域显示图片设置控件还包括：在所述设置区域显示图片项尺寸设置控件和/或图片项位置设置；标贴模板绘制流程还包括：响应于对图片项尺寸设置控件或图片项位置设置控件的操作，设置图片项的尺寸或位置。
110.由此，可基于可视化操作，高效、准确、便捷的实现在标贴模板绘制中进行图片的尺寸设置及位置调整。
111.在一种可能的实现方式中，本发明实施例提供的标贴打印方法还包括变量创建流程，变量创建流程包括：
112.显示第八界面，所述第八界面包括变量创建控件；
113.响应于对所述变量创建控件的操作，显示第九界面，所述第九界面包括变量名称输入控件和变量编码设置控件；
114.响应于对所述变量名称输入控件和变量编码设置控件的操作，创建变量。
115.由此，可基于可视化操作，高效、准确、便捷的实现变量的创建。
116.在一种可能的实现方式中，变量创建流程中，所述第八界面还包括变量列表，所述变量列表包括已创建变量的变量项。
117.由此，有助于用户对变量的维护管理，其中，可通过设置对应变量项的修改控件来实现对变量进行高效便捷的修改。
118.在一种可能的实现方式中，打印流程中，所述根据所述数据项对应的数据内容及所述业务类型绑定的标贴模板，控制打印机打印标贴进一步包括：
119.根据所述数据项对应的数据内容及所述业务类型绑定的标贴模板，渲染得到html标签，将所述html标签转换为canvas标签，将所述canvas标签转换为待打印图片，将所述待打印图片或根据所述待打印图片转换得到的打印指令发送至打印机，以控制所述打印机打印标贴。
120.在一种可能的实现方式中，打印流程中，在所述将所述待打印图片或根据所述待打印图片转换得到的打印指令发送至打印机之前，还包括：显示所述待打印图片的打印预览图。
121.由此，可实现打印前的打印预览展示，便于用户确认打印的标贴的内容和样式。
122.下面，以应用场景为制造运营管理系统((manufacturing operations management，mom))、打印机为斑马打印机、计算机设备为输入装置采用鼠标键盘的笔记本电脑为例，按照变量创建、标贴模板创建及绘制、业务类型与标贴模板绑定、标贴打印的流程顺序，对本实施例提供的标贴打印方法的整体流程进行举例说明。
123.如图1所示，本实施例提供的标贴打印方法的整体流程包括：
124.s110、创建变量。
125.进一步，创建变量的流程包括：
126.显示如图2所示的界面20，界面20包括变量创建控件“新增变量”；
127.响应于对变量创建控件“新增变量”的操作，显示如图3所示的界面30，界面30包括变量名称输入控件“变量名称”和变量编码设置控件“变量编码”；
128.响应于对所述变量名称输入控件和变量编码设置控件的操作，创建变量。
129.示例性的，笔记本电脑响应于用户在打开浏览器、登录制造运营管理系统的网页
客户端而在主界面的导航栏点选操作而显示界面20，然后，响应于用户使用鼠标对界面20中的变量创建控件“新增变量”的点击操作，以在界面20右侧部分新增抽屉弹窗的方式显示如图3所示的界面30，然后，响应于用户使用鼠标左键点击界面30中的变量名称输入控件“变量名称”的输入框后使用键盘在输入框的输入操作、用户使用鼠标左键点击界面30中的变量编码输入控件“变量编码”的输入框后使用键盘在输入框的输入操作(或者用户使用鼠标左键点击界面中的变量编码选择控件“变量编码”的选择框后使用鼠标在弹出的变量编码列表中对变量编码项的选择操作)后点击界面30中的确认控件(或者说确认按钮)，分别获取新增变量的变量名称和变量编码并完成变量创建，存储新增的变量数据。另外，如图3所示，界面30还可包括说明输入控件“说明”，以便用户备注说明，其中，变量名称和变量编码是必填内容或者说必选内容，说明是可填内容。
130.在一些实施方式中，创建变量的流程中，如图2所示，界面20还包括变量列表，所述变量列表包括已创建变量的变量项。如图2所示，每一变量项分别显示已创建变量的变量名称、变量编码和说明，变量列表还包括对应每一变量项的修改控件和删除控件，以便用户维护管理已创建变量。示例性的，笔记本电脑响应于用户使用鼠标点击一变量项对应的删除控件“删除”而删除对应变量的数据并不再在变量列表中显示该变量项，笔记本电脑响应于用户使用鼠标点击一变量项对应的修改控件“修改”而显示类似图3所示的界面，供用户修改已创建变量的变量名称、变量编码或说明。另外，如图2所示，界面20还可包括变量查询控件“查询”，以便用户在维护管理已创建变量时，可通过变量名称等信息的输入而快速查找已创建变量。
131.s120、创建及绘制标贴模板。
132.在一些实施方式中，创建标贴模板的流程包括：
133.显示如图4所示的界面40，界面40包括标贴模板创建控件“新增模板”；
134.响应于对标贴模板创建控件“新增模板”的操作，显示如图5所示的界面50，界面50包括标贴模板名称输入控件“模板名称”；
135.响应于对标贴模板名称输入控件“模板名称”的操作，创建标贴模板。
136.在一些实施方式中，创建标贴模板的流程中的界面50还包括标贴模板用途设置控件“模板用途”和标贴模板备注输入控件“备注”。
137.示例性的，笔记本电脑响应于用户在打开浏览器、登录制造运营管理系统的网页客户端而在主界面的导航栏点选操作而显示界面40，然后，响应于用户使用鼠标对界面40中的标贴模板创建控件“新增模板”的点击操作，以在界面40右侧部分新增抽屉弹窗的方式显示如图5所示的界面50，然后，响应于用户使用鼠标左键点击界面50中的标贴模板名称输入控件“模板名称”的输入框后使用键盘在输入框的输入操作、用户使用鼠标左键点击界面50中的标贴模板用途设置控件“模板用途”的输入框后使用键盘在输入框的输入操作(或者用户使用鼠标左键点击界面中的标贴模板用途选择控件“模板用途”的选择框后使用鼠标在弹出的用途列表中对用途项的选择操作)后点击界面50中的确认控件(或者说确认按钮)，分别获取新增标贴模板的模板名称和模板用途并完成标贴模板创建，存储新增的标贴模板数据。其中，标贴模板备注输入控件“备注”可供用户对创建的标贴模板进行备注说明，例如，模板名称是必填内容，模板用途和备注是可填内容，对于某些场景，也可将模板用途设置为必填内容或者说必选内容。
138.在一些实施方式中，界面40还包括标贴模板列表，所述标贴模板列表包括已创建的标贴模板项。如图4所示，每一标贴模板项分别显示已创建标贴模板的模板名称、模板用途、备注和创建时间，标贴模板列表还包括对应每一标贴模板项的编辑控件“编辑”、绘制控件“绘制”和删除控件“删除”，以便用户通过编辑控件和删除控件维护管理已创建标贴模板，通过绘制控件绘制创建的标贴模板。示例性的，笔记本电脑响应于用户使用鼠标点击一标贴模板项对应的删除控件“删除”而删除对应标贴模板的数据并不再在标贴模板列表中显示该标贴模板项，笔记本电脑响应于用户使用鼠标点击一标贴模板项对应的编辑控件“编辑”而显示类似图5所示的界面，供用户编辑已创建标贴模板的模板名称、模板用途或备注。另外，如图4所示，界面40还可包括标贴模板查询控件“查询”，以便用户在维护管理已创建标贴模板时，可通过模板名称等信息的输入而快速查找已创建标贴模板。
139.下面，介绍的是通过标贴模板项对应的绘制控件，绘制标贴模板的流程：
140.响应于对界面40中的标贴模板绘制控件“绘制”的操作，显示界面60，界面60包括组件列表(左侧)、绘制区域(中间)及设置区域(右侧)，组件列表包括文本组件和标识码组件。
141.响应于对所述组件列表中的文本组件的操作，生成文本项并在所述绘制区域显示，且在所述设置区域显示文本内容设置控件，如图7所示的界面70；响应于对所述文本内容设置控件的第一操作，获取文本项的文本内容并在所述绘制区域显示的文本项中显示，如图7所示，例如键盘输入“流转卡：”；响应于对所述文本内容设置控件的第二操作，显示变量选择控件，如图7所示，例如在已输入的“流转卡：”后的字符位鼠标右键单击，则在“：”后显示“@”，并显示变量选择控件，例如图7所示，变量选择控件以列表形式展示变量的变量名称；响应于对所述变量选择控件的操作，确定文本项的与业务数据关联的变量编码并在所述绘制区域显示的文本项中显示，如图7所示，用户鼠标左键点击变量选择控件中的变量名称“流程卡”，且完成此文本项的设置后，显示如图8所示的界面80，在标贴模板中的设定位置出现“流转卡：@productionflowcardno”，需要说明的是，最终打印得到的标贴包含的内容不是直接包括“@productionflowcardno”，而是从业务系统中获取的与该变量编码所关联的业务数据，本实施例中，模板与变量的作用是指示出需要从业务系统获取哪些业务数据并以何种呈现形式呈现在标贴的何处。
142.进一步，例如在界面80的基础上，用户再次对组件列表中的文本组件进行操作，笔记本电脑响应于该操作生成文本项并在所述绘制区域显示，且在所述设置区域显示文本内容设置控件，如图9所示的界面90。之后，与前述不同的是，用户仅对所述文本内容设置控件进行第一操作(键盘输入“规格：xxx”)而不进行第二操作(右键单击)，则完成此文本项的设置后，显示如图10所示的界面100。
143.响应于对所述组件列表中的标识码组件的操作，生成标识码项并在所述绘制区域显示，且在所述设置区域显示标识码信息设置控件，如图11所示的界面110，需要说明的是，图11是基于图10所示的界面100而进一步进行标识码项添加操作得到的，图11所示中，默认标识码为二维码；响应于对所述标识码信息设置控件的第一操作，获取标识码项的标识码信息内容，如图11所示，例如键盘输入“流转卡：”；响应于对所述标识码信息设置控件的第二操作，显示变量选择控件，如图11所示，例如在已输入的“流转卡：”后的字符位鼠标右键单击，则在“：”后显示“@”，并显示变量选择控件，例如图11所示，变量选择控件以列表形式
展示变量的变量名称；响应于对所述变量选择控件的操作，确定标识码项的与业务数据关联的变量编码，如图11所示，用户鼠标左键点击变量选择控件中的变量名称“流程卡”，且完成此标识码项的设置后，显示如图12所示的界面120，需要说明的是，最终打印得到的标贴包含的内容中，该标识码对应的是是从业务系统中获取的与选择的变量编码所关联的业务数据，用例如智能手机的二维码扫描程序扫描该二维码后，智能手机显示“流转卡：xxxx”，该xxxx为业务数据中实际的流转卡号值。
144.在一些实施方式中，绘制标贴模板的流程中：
145.如图7和图9所示，在生成文本项并在所述绘制区域显示时，设置区域还显示文本格式设置控件“字体”、“字号”和文本项位置设置控件“坐标”、“旋转”，以便用户设置文本项的文本格式或位置。设置区域还可包括用于删除文本项的删除控件“删除”。
146.如图11所示，在生成标识码项并在所述绘制区域显示时，设置区域还显示标识码类型设置控件“标识码类型”、标识码项尺寸设置控件—设置区域中的“宽”和“高”、标识码项位置设置控件“坐标”、“旋转”，以便用户设置标识码项的标识码类型、尺寸或位置。设置区域还可包括用于删除文本项的删除控件“删除”。例如，若用户选择标识码类型为条形码，则转换标识码类型并显示如图13所示的界面130，以条形码代替图11所示的界面110中的二维码。
147.在一些实施方式中，绘制标贴模板的流程中，所述对所述组件列表中的文本组件的操作及所述对所述组件列表中的标识码组件的操作分别包括拖拽操作。例如，图7所示，鼠标左键点选组件中的文本组件并拖拽至绘制区域中的一位置(该位置是用户任意选定，并可在后续根据文本内容设置控件中的文本项位置设置控件调整的)。
148.在一些实施方式中，绘制标贴模板的流程中，界面60至界面130分别可包括标贴尺寸设置控件—绘制区域上方的“尺寸宽高”，用户可例如直接在标贴尺寸输入控件中输入或从标贴尺寸选择控件的列表项中选择来设置标贴模板对应的标贴的尺寸，其中，通过标贴模板，用户可直观观察到最终打印得到的标贴的形状及其中的文字项、标识码项等各内容的尺寸比例、位置关系等排版因素。
149.在一些实施方式中，如图6所示，组件列表还包括图片组件。绘制标贴模板的流程还包括：
150.响应于对所述组件列表中的图片组件的操作，生成图片项并在所述绘制区域显示，且在所述设置区域显示图片设置控件，如图14所示的界面140，需要说明的是，图14是基于图12所示的界面120而进一步进行图片项添加操作得到的；响应于对所述图片设置控件的操作，显示图片插入控件，如图14所示，例如在鼠标左键点击默认图片标识，则显示图片插入选择框；响应于对所述图片插入控件的操作，获取图片项的图片并在所述绘制区域显示的图片项中显示，用户通过图片插入选择框选择笔记本电脑本地或数据库的图片，且完成此图片项的设置后，显示如图15所示的界面150。
151.在一些实施方式中，绘制标贴模板的流程中，如图14所示，在生成图片码项并在所述绘制区域显示时，设置区域还显示图片项尺寸设置控件“宽高”和图片项位置设置“坐标”、“旋转”以便用户设置图片项的文本格式或位置。设置区域还可包括用于删除图片项的删除控件“删除”。
152.在一些实施方式中，与文本组件及标识码组件类似的是，对所述组件列表中的图
片组件的操作包括拖拽操作。
153.另外，如图6所示，组件列表还可包括图形组件等，图形组件例如还可细分为矩形组件、圆形组件、线条组件等，以方便用户绘制标贴模板，可理解的是，与前述文本组件等类似的是，在用户对组件列表中的图形组件操作时，笔记本电脑生成图形项并在所述绘制区域显示，且在所述设置区域显示相应的图形设置控件。另外，对所述组件列表中的图形组件的操作包括拖拽操作。
154.可见，本实施例中，用户可在操作界面中基于简单的拖拽操作而绘制打印模板，并通过输入、点选等操作而配置标贴需要的各种元素与变量(支持添加文字、条形码、二维码、矩形、线条、图片等)，从而可方便快捷地进行标贴模板的绘制与预览，并且不局限于使用某一种类型的打印元素，支持文字、图片、条码、二维码等多种元素的自定义配置。并且支持可视化操作，所见即所得。按照标贴纸张的大小配置画布大小，拖拽生成标贴内容，可实现一比一还原展示。适配各个行业、各种类型标贴的打印，可自由配置打印元素。
155.s130、业务类型与标贴模板绑定。
156.在一些实施方式中，如图4所示的界面40还包括默认打印控件“默认打印”；业务类型与标贴模板绑定的流程包括：
157.响应于对界面40中的默认打印控件的操作，显示如图16所示的界面160，界面160包括业务类型项及业务类型项对应的绑定控件“绑定”；
158.响应于对界面160中绑定控件“绑定”的操作，显示如图17所示的界面170，界面170包括标贴模板选择控件“打印绑定模板”，响应于对标贴模板选择控件“打印绑定模板”的操作，确定业务类型绑定的标贴模板。
159.示例性的，笔记本电脑响应于用户使用鼠标对界面160中的一业务类型项对应的绑定控件“绑定”的点击操作，以在界面160右侧部分新增抽屉弹窗的方式显示如图17所示的界面170，然后，响应于用户使用鼠标左键点击界面170中的标贴模板选择控件“打印绑定模板”的选择框后使用鼠标在弹出的标贴模板列表中对标贴模板项的选择操作后点击界面170中的确认控件(或者说确认按钮)，获取与业务类型对应的标贴模板并完成业务类型与标贴模板的绑定，存储绑定数据。
160.s140、打印标贴。
161.进一步，打印标贴的流程包括：
162.显示如图18所示的界面180，界面180包括至少一个业务类型选择控件“选择”，其中，业务类型也可称为项目；
163.响应于对界面180中的业务类型选择控件“选择”的操作，从业务系统中获取对应的业务数据并显示如图19所示的界面190，界面190包括打印控件“打印”、所述对应的业务数据的数据项及所述数据项对应的数据项选择控件；
164.响应于对所述数据项选择控件及所述打印控件的操作，根据所述数据项对应的数据内容及所述业务类型绑定的标贴模板，控制打印机打印标贴，其中，所述标贴模板包括至少一个文本项和/或至少一个标识码项，所述文本项中的至少一项关联业务数据，所述标识码项中的至少一项关联业务数据。
165.在一些实施方式中，打印标贴的流程中，所述根据所述数据项对应的数据内容及所述业务类型绑定的标贴模板，控制打印机打印标贴进一步包括：
166.根据所述数据项对应的数据内容及所述业务类型绑定的标贴模板，渲染得到html标签，将所述html标签转换为canvas标签，将所述canvas标签转换为待打印图片，将所述待打印图片或根据所述待打印图片转换得到的打印指令发送至打印机，以控制所述打印机打印标贴。
167.其中，canvas元素用于在网页上绘制图形。html5的canvas元素使用javascript在网页上绘制图像。对于斑马打印机，将待打印图片转化为zpl指令，通过zpl指令调用斑马打印机打印标贴。
168.在一些实施方式中，打印标贴的流程中，在所述将所述待打印图片或根据所述待打印图片转换得到的打印指令发送至打印机之前，还包括：显示所述待打印图片的打印预览图。
169.示例性的，笔记本电脑响应于用户在打开浏览器、登录制造运营管理系统的网页客户端而在主界面的导航栏点选操作而显示界面180，然后，响应于用户使用鼠标对界面180中的业务类型选择控件“选择”的点击操作，显示如图19所示的界面190，界面190中，数据项显示有多类别业务数据。另外，也可将不同业务类型归纳至相应的导航栏组件中，例如可将订单编号、产品编码、流转卡等分组至导航栏控件“生产管理”下，将成品入库批次等分组至导航栏控件“生产执行”下，将委外送货单等分组至导航栏控件“物料管理”下，响应于用户在主界面的导航栏点选操作而显示组内的业务类型选择控件。然后，响应于用户使用鼠标左键点击界面190中的数据项选择控件的点击操作，选定数据项(显示为数据项前的数据项选择控件打√)，选定后响应于用户使用鼠标左键点击界面190中的打印控件“打印”，根据选定的各数据项对应的数据内容及业务类型绑定的标贴模板，渲染得到html标签(或者说dom元素，dom元素可统称为html标签)，其中，标贴内的变量内容替换为业务数据值，然后，将html标签转换为canvas标签，将canvas标签转换为待打印图片并显示待打印图片的打印预览图，以便用户可再次确认标贴的内容和样式，待用户确认后根据待打印图片转换得到zpl打印指令并发送至斑马打印机，斑马打印机打印得到标贴。
170.以上，对于同一个厂家的不同站点或不同的厂家，可以自定义生成不同的打印模板，打印时按上述方式操作即可。
171.如图20所示，本发明的另一个实施例提供了一种标贴打印系统，包括计算机设备201和打印机202，其中，计算机设备201包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述实施例提供的标贴打印方法，实现根据用户的操作，获取业务数据及用于构建标贴样式排版的标贴模板，并根据标贴模板中与业务数据关联的文本项和/或标识码项将获取的业务数据呈现于待打印的标贴中，进而控制打印机202打印标贴。
172.示例性的，本实施例中的计算机设备201可以为平板电脑、个人计算机(personal computer，pc)、个人数字助理(personal digital assistant，pda)、如图20所示的笔记本电脑、可穿戴电子设备、智能手机、增强现实技术(augmented reality，ar)设备、虚拟现实(virtual reality，vr)设备、车载设备、智能汽车、机器人等，本发明对该计算机设备181的具体形式不做特殊限制，只要其具有处理器、输入装置、显示装置等且可与打印机202通信即可。其中，输入装置可为鼠标、键盘、触控屏等，本发明不做具体限制。示例性的，本实施例中的打印机202可以为例如斑马打印机等标贴打印机。
173.需要说明的是，图20示出的是计算机设备201与打印机202之间通过无线网络连接，但本实施例提供的标贴打印系统中的计算机设备与打印机也可通过有线网络，或无线网络和有线网络的任意组合连接。其中，有线网络例如可以采用双绞线、同轴电缆或光纤传输等方式进行通信，无线网络例如可以采用3g/4g/5g移动通信网络、蓝牙、zigbee或者wifi等通信方式，本发明对网络的类型和功能在此不作限制。
174.需要说明的是，本实施例提供的标贴打印系统中的计算机设备的原理及工作流程与上述标贴打印方法相似，相关之处可以参照上述说明，在此不再赘述。
175.如图21所示，上述实施例提供的标贴打印系统中的计算机设备，包括中央处理模块(cpu)，其可以根据存储在只读存储器(rom)中的程序或者从存储部分加载到随机访问存储器(ram)中的程序而执行各种适当的动作和处理。在ram中，还存储有计算机系统操作所需的各种程序和数据。cpu、rom以及ram通过总线被此相连。输入/输入(i/o)接口也连接至总线。
176.以下部件连接至i/o接口:包括键盘、鼠标等的输入部分；包括诸如液晶显示器(lcd)等以及扬声器等的输出部分；包括硬盘等的存储部分；以及包括诸如lan卡、调制解调器等的网络接口卡的通信部分。通信部分经由诸如因特网的网络执行通信处理。驱动器也根据需要连接至i/o接口。可拆卸介质，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器上，以便于从其上读出的计算机程序根据需要被安装入存储部分。
177.特别地，根据本实施例，上文流程图描述的过程可以被实现为计算机软件程序。例如，本实施例包括一种计算机程序产品，其包括有形地包含在计算机可读介质上的计算机程序，上述计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分从网络上被下载和安装，和/或从可拆卸介质被安装。
178.附图中的流程图和示意图，图示了本实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或示意图中的每个方框可以代表一个模块、程序段或代码的一部分，上述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，示意图和/或流程图中的每个方框、以及示意和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
179.作为另一方面，本实施例还提供了一种非易失性计算机存储介质，该非易失性计算机存储介质可以是上述实施例中上述装置中所包含的非易失性计算机存储介质，也可以是单独存在，未装配入终端中的非易失性计算机存储介质。上述非易失性计算机存储介质存储有一个或者多个程序，当上述一个或者多个程序被一个设备执行时，使得上述设备：执行上述标贴打印方法中的变量创建、标贴模板创建及绘制、业务类型与标贴模板绑定、标贴打印的流程。
180.显然，本发明的上述实施例仅仅是为清楚地说明本发明所作的举例，而并非是对本发明的实施方式的限定，对于本领域的普通技术人员来说，在上述说明的基础上还可以做出其它不同形式的变化或变动，这里无法对所有的实施方式予以穷举，凡是属于本发明
的技术方案所引伸出的显而易见的变化或变动仍处于本发明的保护范围之列。

技术特征：
1.一种标贴打印方法，应用于计算机设备，其特征在于，所述方法包括：显示第一界面，所述第一界面包括至少一个业务类型选择控件；响应于对所述业务类型选择控件的操作，从业务系统中获取对应的业务数据并显示第二界面，所述第二界面包括打印控件、所述对应的业务数据的数据项及所述数据项对应的数据项选择控件；响应于对所述数据项选择控件及所述打印控件的操作，根据所述数据项对应的数据内容及所述业务类型绑定的标贴模板，控制打印机打印标贴，其中，所述标贴模板包括至少一个文本项和/或至少一个标识码项，所述文本项中的至少一项关联业务数据，所述标识码项中的至少一项关联业务数据。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：显示第三界面，所述第三界面包括默认打印控件；响应于对所述默认打印控件的操作，显示第四界面，所述第四界面包括业务类型项及所述业务类型项对应的绑定控件；响应于对所述绑定控件的操作，显示第五界面，所述第五界面包括标贴模板选择控件，响应于对所述标贴模板选择控件的操作，确定业务类型绑定的标贴模板。3.根据权利要求1所述的方法，其特征在于，所述方法还包括：显示第三界面，所述第三界面包括标贴模板创建控件；响应于对所述标贴模板创建控件的操作，显示第六界面，所述第六界面包括标贴模板名称输入控件；响应于对所述标贴模板名称输入控件的操作，创建标贴模板。4.根据权利要求3所述的方法，其特征在于，所述第六界面还包括标贴模板用途设置控件和标贴模板备注输入控件。5.根据权利要求1所述的方法，其特征在于，所述方法还包括：显示第三界面，所述第三界面包括标贴模板列表，所述标贴模板列表包括已创建的标贴模板项及所述标贴模板项对应的绘制控件，响应于对所述标贴模板绘制控件的操作，显示第七界面，所述第七界面包括组件列表、绘制区域及设置区域，所述组件列表包括文本组件和标识码组件；响应于对所述组件列表中的文本组件的操作，生成文本项并在所述绘制区域显示，且在所述设置区域显示文本内容设置控件；响应于对所述文本内容设置控件的第一操作，获取文本项的文本内容并在所述绘制区域显示的文本项中显示；响应于对所述文本内容设置控件的第二操作，显示变量选择控件；响应于对所述变量选择控件的操作，确定文本项的与业务数据关联的变量编码并在所述绘制区域显示的文本项中显示；响应于对所述组件列表中的标识码组件的操作，生成标识码项并在所述绘制区域显示，且在所述设置区域显示标识码信息设置控件；响应于对所述标识码信息设置控件的第一操作，获取标识码项的标识码信息内容；响应于对所述标识码信息设置控件的第二操作，显示变量选择控件；响应于对所述变量选择控件的操作，确定标识码项的与业务数据关联的变量编码。6.根据权利要求5所述的方法，其特征在于，所述对所述组件列表中的文本组件的操作及所述对所述组件列表中的标识码组件的操作分别包括拖拽操作。
7.根据权利要求5所述的方法，其特征在于，所述响应于对所述组件列表中的文本组件的操作，生成文本项并在所述绘制区域显示，且在所述设置区域显示文本内容设置控件还包括：在所述设置区域显示文本格式设置控件和/或文本项位置设置控件；所述方法还包括：响应于对显示文本格式设置控件或文本项位置设置控件的操作，设置文本项的文本格式或位置；所述响应于对所述组件列表中的标识码组件的操作，生成标识码项并在所述绘制区域显示，且在所述设置区域显示标识码信息设置控件还包括：在所述设置区域显示标识码类型设置控件、标识码项尺寸设置控件和标识码项位置设置控件中的至少一个；所述方法还包括：响应于对标识码类型设置控件、标识码项尺寸设置控件或标识码项位置设置控件的操作，设置标识码项的标识码类型、尺寸或位置。8.根据权利要求5所述的方法，其特征在于，所述第七界面还包括标贴尺寸设置控件，所述方法还包括：响应于对所述标贴尺寸设置控件的操作，确定所述标贴模板对应的标贴的尺寸。9.根据权利要求1所述的方法，其特征在于，所述组件列表还包括图片组件，所述方法还包括：响应于对所述组件列表中的图片组件的操作，生成图片项并在所述绘制区域显示，且在所述设置区域显示图片设置控件；响应于对所述图片设置控件的操作，显示图片插入控件；响应于对所述图片插入控件的操作，获取图片项的图片并在所述绘制区域显示的图片项中显示。10.根据权利要求9所述的方法，其特征在于，所述响应于对所述组件列表中的图片组件的操作，生成图片项并在所述绘制区域显示，且在所述设置区域显示图片设置控件还包括：在所述设置区域显示图片项尺寸设置控件和/或图片项位置设置；所述方法还包括：响应于对图片项尺寸设置控件或图片项位置设置控件的操作，设置图片项的尺寸或位置。11.根据权利要求5所述的方法，其特征在于，所述方法还包括：显示第八界面，所述第八界面包括变量创建控件；响应于对所述变量创建控件的操作，显示第九界面，所述第九界面包括变量名称输入控件和变量编码设置控件；响应于对所述变量名称输入控件和变量编码设置控件的操作，创建变量。12.根据权利要求11所述的方法，其特征在于，所述第八界面还包括变量列表，所述变量列表包括已创建变量的变量项。13.根据权利要求1-12中任一项所述的方法，其特征在于，所述根据所述数据项对应的数据内容及所述业务类型绑定的标贴模板，控制打印机打印标贴进一步包括：根据所述数据项对应的数据内容及所述业务类型绑定的标贴模板，渲染得到html标签，将所述html标签转换为canvas标签，将所述canvas标签转换为待打印图片，将所述待打印图片或根据所述待打印图片转换得到的打印指令发送至打印机，以控制所述打印机打印标贴。14.根据权利要求13所述的方法，其特征在于，在所述将所述待打印图片或根据所述待打印图片转换得到的打印指令发送至打印机之前，还包括：显示所述待打印图片的打印预览图。
15.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1-14中任一项所述的方法。16.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-14中任一项所述的方法。17.一种标贴打印系统，其特征在于，包括打印机和如权利要求15所述的计算机设备。

技术总结
本发明实施例公开一种标贴打印方法及系统、计算机设备及介质。在一具体实施方式中，应用于计算机设备的标贴打印方法包括：显示第一界面，包括至少一个业务类型选择控件；响应于对业务类型选择控件的操作，从业务系统中获取对应的业务数据并显示第二界面，包括打印控件、对应的业务数据的数据项及数据项对应的数据项选择控件；响应于对数据项选择控件及打印控件的操作，根据数据项对应的数据内容及业务类型绑定的标贴模板，控制打印机打印标贴，其中，标贴模板包括至少一个文本项和/或至少一个标识码项，文本项中的至少一项及标识码项中的至少一项分别关联业务数据。该实施方式可基于可视化操作，高效、准确、便捷的实现标贴设计及打印。及打印。及打印。


技术研发人员：王思臣 崔悦 黄士文 邵广玉 吴洋 王洪 谢业剑
受保护的技术使用者：京东方科技集团股份有限公司
技术研发日：2022.03.15
技术公布日：2023/9/23