我做了个可视化打印设计器,解决单据 / 合同 / 票据 / 快递单打印的分页和集成痛点

查看 24|回复 2
作者:MyDearFather   
大家好,我是 Vue Print Designer 的作者。
之前做企业业务系统时,总被打印需求折磨:要么手写复杂的分页逻辑,要么用的插件耦合性高、扩展难,尤其是表格分页、静默打印、云打印这些场景,踩了不少坑。索性自己造了个轮子,现在开源出来,希望能帮到有同样需求的同学。
这个工具核心解决「可视化设计」和「低成本集成」两个问题:
[ol]
  • 可视化设计器:拖拽就能做表单/标签/快递单模板,支持文本、图片、条码、表格等元素,表格会自动分页(表头/表尾可重复),不用再手写分页逻辑;
  • 跨框架易集成:基于 Web Components 封装,Vue/React/Angular/原生 HTML 都能直接用,提供完整的 API 对接模板 CRUD 、变量赋值、打印/导出;
  • 企业级打印能力:除了常规的 PDF/图片导出、打印参数配置,还做了配套的 PrintDot Client 桌面端,支持静默打印(本地直打不用确认)、云打印(远程下发打印任务),Windows/macOS/Linux 都能用。
    [/ol]
  • 仓库地址: 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 ✨,这对我是很大的鼓励~
    有问题可以提 Issue ,也欢迎大家提 PR 一起完善~


    打印, 设计器, 集成

  • ZDaYu   
    感觉和那个 hiprint 很像
    MyDearFather
    OP
      
    @ZDaYu 就是被那玩应折磨怕了
    您需要登录后才可以回帖 登录 | 立即注册

    返回顶部