我做了个可视化打印设计器,解决单据 / 合同 / 票据 / 快递单打印的分页和集成痛点
大家好,我是 Vue Print Designer 的作者。
之前做企业业务系统时,总被打印需求折磨:要么手写复杂的分页逻辑,要么用的插件耦合性高、扩展难,尤其是表格分页、静默打印、云打印这些场景,踩了不少坑。索性自己造了个轮子,现在开源出来,希望能帮到有同样需求的同学。
这个工具核心解决「可视化设计」和「低成本集成」两个问题:
可视化设计器:拖拽就能做表单/标签/快递单模板,支持文本、图片、条码、表格等元素,表格会自动分页(表头/表尾可重复),不用再手写分页逻辑;
跨框架易集成:基于 Web Components 封装,Vue/React/Angular/原生 HTML 都能直接用,提供完整的 API 对接模板 CRUD 、变量赋值、打印/导出;
企业级打印能力:除了常规的 PDF/图片导出、打印参数配置,还做了配套的 PrintDot Client 桌面端,支持静默打印(本地直打不用确认)、云打印(远程下发打印任务),Windows/macOS/Linux 都能用。
仓库地址: https://gitee.com/theGreatOldFive/vue-print-designer
设计器在线演示: https://0ldfive.github.io/Vue-Print-Designer/
PrintDot Client 下载: https://github.com/0ldFive/PrintDot-Client
集成起来也很简单,不管是想二次开发改源码,还是直接 npm 装 Web Components 组件用,文档里都写清楚了。我还准备了 Vue 3 + Element Plus 的集成示例供大家参考。
集成示例: https://0ldfive.github.io/vue-designer-sample
这个项目主要面向企业业务场景,可能不如通用工具受众广,但如果你们团队也在做打印相关的需求,比如表单、票据、快递单打印,希望能少走点弯路。如果觉得这个工具能解决你的痛点,还请顺手给仓库点个 Star ✨,这对我是很大的鼓励~


一般我用不到这个。