操作简单，组件丰富的一站式打印解决方案打印设计器
操作简单，组件丰富的一站式打印解决方案打印设计器
操作简单，组件丰富的一站式打印解决方案打印设计器
操作简单，组件丰富的一站式打印解决方案打印设计器 - 服务端docker镜像
操作简单，组件丰富的一站式打印解决方案打印设计器 - 示例项目
操作简单，组件丰富的一站式打印解决方案打印设计器
| 项目 | 说明 | 地址(github) | 地址(gitee) |
|---|---|---|---|
| MyPrint | 主项目 | 前往 |
前往 |
| MyPrint-server | 服务端(去下载)
|
— | — |
| MyPrint-desktop | 客户端(去下载)
|
— | — |
| MyPrint-examples | 客户端 | 前往 |
前往 |
| MyPrint-docker | docker构建镜像 | 前往 |
前往 |
| 文档 | 前往 |
— | — |
| 体验服(demo) | 前往 |
— | — |
Vue@3.4.31 TypeScript@5.0.2 Vite@5.2.6
多级表头数据表格，表格支持条形码与二维码，以及表格数据统计。centos、debian、docker、k8s 一键安装
| 设计 | 预览 |
 |
 |
 |
 |
 |
 |
 |
 |
| QQ交流群 |  |
npm install myprint-design
yarn add -D myprint-design
直接通过浏览器的 HTML 标签导入 MyPrint，然后就可以使用全局变量 MyPrintDesign 了。
<link rel="stylesheet" href="//jsd.onmicrosoft.cn/npm/myprint-design/css/styles/index.css" />
<!-- Import Vue 3 -->
<script src="//jsd.onmicrosoft.cn/npm/vue@3"></script>
<!-- Import component library -->
<script src="//jsd.onmicrosoft.cn/npm/myprint-design"></script>
通过 CDN 的方式我们可以很容易地使用 MyPrint 写出一个 设计 页面。 在线演示
下载本项目(参考package/demo)
.
├─ packages
│ ├─ demo
│ ├─ design
└─ └─ docs
复制design代码 到对应项目目录下
配置 vite.config.ts
#vite.config.ts
export default defineConfig({
...
resolve: {
alias: {
'myprint-design': fileURLToPath(new URL('../design/src', import.meta.url))
}
}
});
本地客户端支持局域网连接，可以做到同一局域网内别的机器的浏览器提交任务，由同一个打印机进行打印
| 架构 | 地址 | |
|---|---|---|
| Windows | 64位 | 下载地址 |
| Windows | 32位 | 下载地址 |
| Linux | x86 | 下载地址 |
| Macos | Intel芯片 | 下载地址 |
| Macos | Apple芯片 | 下载地址 |
去下载
在服务器生成pdf或者图片
| 名称 | 说明 |
|---|---|
| 文本框 | 文本框 |
| 时间控件 | 时间控件，打印时间 |
| 图片 | 支持选择本地图片、裁剪 |
| 数据表格 | 一个支持多级表头，表头排序、缩放、数据统计的数据表格 |
| 横实线 | — |
| 竖实线 | — |
| 横虚线 | 虚线，支持修改虚线类型 |
| 竖虚线 | 虚线，支持修改虚线类型 |
| 容器 | 容器内可放置元素 |
| 页眉 | 页眉 |
| 页脚 | 页脚 |
| 页码 | 页码 |
| 名称 | 说明 |
|---|---|
| 直线 | 随意角度的直线 |
| 一阶贝塞尔曲线 | 一条一阶贝塞尔曲线 |
| 二阶贝塞尔曲线 | 一条二阶贝塞尔曲线 |
| 手画板 | 手画板 |
| 椭圆 | 椭圆 |
| 圆 | 圆 |
| 多边形 | 多边形，支持增加、删除边 |
# 使用 pnpm 来管理项目
pnpm i
npm run dev
npm run build:design
