一款开源、零后端依赖的 Web 打印模板可视化设计器。它让用户通过拖拽即可设计快递面单、发票、标签、报表等打印模板，支持 AI 一句话生成、云打印、C++ 桌面客户端静默打印，3 分钟即可...

源码资源网 · 发表于前天 23:22

一款开源、零后端依赖的 Web 打印模板可视化设计器。它让用户通过拖拽即可设计快递面单、发票、标签、报表等打印模板，支持 AI 一句话生成、云打印、C++ 桌面客户端静默打印，3 分钟即可对接 ERP 系统。

纯前端架构，无需服务器，无需数据库，一个浏览器即可运行。

框架无关设计 — 核心渲染引擎与 UI 层完全解耦，设计器基于 Vue 3 + Naive UI 构建，渲染引擎使用纯 TypeScript 实现，可无缝接入 React、Vue、Angular、原生 JS 等任意技术栈。

一键导入 · 百张秒打

把 Excel 流水数据直接导入设计器，自动映射字段、自动生成流水号，批量打印差异化的货物标签、资产标签、流水线标签。

框架无关，引擎与 UI 解耦

采用引擎层与 UI 层分离的架构设计：

渲染引擎（@openprint/engine）— 纯 TypeScript 实现，零框架依赖，负责模板解析、数据绑定、分页排版、HTML/PDF/SVG 渲染导出
设计器 UI（openprint26）— 基于 Vue 3 + Naive UI 构建可视化拖拽设计器

无论你的项目用 React、Vue、Angular 还是原生 JS，都能轻松集成：

[td]

接入方式	说明
Vue 3 项目	直接安装 openprint26，使用 <OpenPrintDesigner /> 组件
React 项目	通过引擎 SDK 渲染模板，或用 Web Components 包装设计器
Angular 项目	引擎 SDK 渲染 + iframe 嵌入设计器
原生 JS / 任何框架	引擎 SDK 零依赖，render({ template, data }) 即可输出 HTML

功能特性设计器[td]

功能	说明
控件库	文本、图片、矩形、圆形、线条、条码、二维码、表格、富文本、图表 10 种控件
拖拽设计	所见即所得，自由拖拽 + 吸附对齐 + 标尺辅助
多页支持	多页设计，每页独立页眉页脚，页间距可调
数据绑定	支持 JSON / CSV / API 数据源，Mustache 表达式绑定
主题切换	基于 Naive UI 的深色/浅色主题，一键切换
框架无关	引擎层纯 TypeScript，支持 React/Vue/Angular/原生 JS
模板管理	本地存储，模板导入/导出，模板市场
实时预览	预览数据绑定效果，分页预览
导出	PDF / JPG / SVG / HTML 多格式导出

打印与对接

技术栈设计器 UI 层
分层说明[td]

层级	技术	说明
设计器 UI	Vue 3 + Naive UI + Fabric.js	官方可视化设计器，提供拖拽、属性面板、图层管理等交互
排版引擎	纯 TypeScript	模板解析、数据绑定、分页、表格、分组、表达式计算
渲染引擎	纯 TypeScript	HTML/PDF/JPG/SVG 多格式渲染导出，零框架依赖
AI 助手	TypeScript	LLM 意图解析、模板生成、上下文管理
桌面客户端	C++ + Qt	静默打印、批量打印、打印机管理

核心模块[td]

一款开源、零后端依赖的 Web 打印模板可视化设计器。它让用户通过拖拽即可设计快递面单、发票、标签、报表 ...

文件名称:提取码下载.txt
下载次数:0 文件大小:16 Bytes 售价:29金钱 [记录]
下载权限: 不限 [购买VIP] [充值] [在线充值] 【VIP会员6折；永久VIP4折】

安全检测，请放心下载

		自动登录	找回密码
密码			立即注册