前端展示中实现批量标签动态生成

发布时间:2022/12/19 17:12 发布者:葡萄城花卷

返回博客中心

使用过报表的小伙伴,经常会有条码打印、标签打印的需求,一两个标签还好处理,但很多时候我们可能需要的是几十、上百个内容的批量打印,如下图所示:


Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.001.png
(批量打印标签)

今天我们就来为大家介绍,如何快速实现报表的标签条码批量打印。


Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.002.png

(图片来源于网络)


项目实战

今天我们从Wyn出发,为大家展示整个功能的实现过程。
Wyn作为一款专业的商业智能软件,除了可以将整个仪表板和单个图表嵌入、仪表板设计器嵌入、分析门户嵌入、OEM 安装包嵌入,同时,提供丰富的 API,以满足个性化嵌入需要,除了本文即将介绍的批量打印标签功能外,对更多行业解决方感兴趣可查看:

https://www.grapecity.com.cn/solutions/wyn/industry


1.
创建RDL报表,绑定数据集
Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.003.png

(模板选择)

Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.004.png

(数据集绑定)

2.
设计单个标签的样式以及字段绑定
单个标签设计有多种方式,可以用文本框和条形码组件拼接:


Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.005.png
(标签样式选择)


也可以采用表格组件标题行嵌套文本框和数据字段;
选择表格组件,删除汇总行和明细行:
Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.006.png

(汇总和行明细删除)

然后表格标题嵌入条形码,以及绑定数据字段:
Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.007.png (绑定数据字段)


预览可以看到目前设计的单个标签样式:
Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.008.png

(单个标签样式)
如果单个标签外层还想添加圆角边框,或者其它的样式,可以在外层嵌套容器。
选择容器,然后设计圆角,以及边框粗细,颜色等等;
Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.009.png

(具体样式)
接下来把上面设计的单个表格整个嵌套到这个容器内部:
Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.010.png

(容器嵌套1)

Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.011.png

(容器嵌套2)

到此单个标签设计全部完成

3.
根据数据循环生成多个标签
要实现根据数据行数循环生成多个标签,就需要利用列表组件,根据列表组件的分组功能实现该需求:
Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.012.png
(分组功能)
然后把上面的容器整个再放入到列表组件里面,预览即可看到根据数据循环显示多次
Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.013.png

(预览图示)

Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.014.png

(预览图示)


4.最后调整实现让循环生成以Z字型生成
首先确定一个标签的大小,以及纸张的大小,确定一下一行可以显示几个标签;
比如我的标签宽度9厘米,我希望一行显示3个标签,那我就需要纸张的宽度至少是 9*3+左右页边距=29cm。
Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.015.png

(确认纸张大小1)

Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.016.png
(确认纸张大小2)


然后设置纸张高度为:标签高度+上下页边距=7cm;
Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.017.png
(设置纸张高度)
然后设置报表进行分栏,分成3栏,这样一行就可以显示3个标签:
Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.018.png

(标签分栏)

Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.019.png

(标签分栏成功)
注意:在设计的时候有一些尺寸高度,宽度微调,这块尽量使用属性设置的宽度高度调整固定值,不要手动拖动大小。
Aspose.Words.c5612f9d-3cab-49b6-a1f3-c33de36abfaa.018.png

(分栏结束)

到这里我们就完整实现了前端报表中完整调整标签内容格式,并设置正确的打印格式顺序。

大家如果对更多前端数据分析、报表、仪表板相关内容感兴趣,欢迎访问:

https://www.grapecity.com.cn/solutions/wyn/demo



Wyn 商业智能软件| 下载试用

Wyn 是西安葡萄城自主研发的嵌入式商业智能软件,能帮助企业用户发现更多的数据潜在价值,为管理者制定决策提供数据支撑。Wyn 具备完整的嵌入式分析能力,能够与其他软件深度集成,也可独立部署使用,快速提升数据展示和分析能力。

Wyn 支持公有云、私有云和本地部署等多种部署方式,并能在Java、.net、PHP等开发平台中使用。您可以将其与ERP、CRM、OA等业务系统,以及钉钉、企业微信等APP进行深度集成,持续交付BI和报表功能,助力您的客户发现数据的价值。

了解更多关于 Wyn 嵌入式商业智能软件的内容,请点击此处访问官网,立即下载体验。