# hiprint-ext

**Repository Path**: hu_kang/hiprint-ext

## Basic Information

- **Project Name**: hiprint-ext
- **Description**: hiprint-ext
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-29
- **Last Updated**: 2026-06-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HiPrint 标签打印工具

基于 HiPrint 的打印标签预览、设计与打印工具。

## 项目结构

```
hiprint/
├── index.html              ← 🏠 主界面（导航页）
├── label-viewer.html       ← 📋 标贴模板打印（预览+打印）
├── test-print.html         ← 🧪 打印工具测试
├── hiprint.bundle.js       ← HiPrint 核心库
├── hiprint.config.js       ← 打印元素配置
├── css/                    ← 样式文件
├── plugins/                ← 依赖插件（jQuery、条形码、二维码等）
├── content/                ← Bootstrap
├── uni-app-reference/      ← uni-app H5 移植参考
│   ├── printLabel.js       ←   工具类（自动加载依赖）
│   └── README.md           ←   uni-app 使用说明
└── custom_test/            ← 自定义模块示例
```

## 使用方式

### 方式一：本地打开

直接双击 `index.html` 即可打开导航界面，点击卡片进入对应功能。

### 方式二：部署到服务器

将所有文件上传到 Web 服务器（如 Nginx），访问对应地址即可。

## 功能

| 页面 | 功能 |
|------|------|
| `index.html` | 导航主页，两个入口卡片 |
| `label-viewer.html` | 粘贴打印模板 JSON → 自动提取字段 → 填数据 → 预览 → 打印 |
| `test-print.html` | 快速测试打印，选份数一键弹出打印对话框 |

## 移植到 uni-app H5

参考 `uni-app-reference/` 目录下的说明：

1. 将 `hiprint.bundle.js` 和 `plugins/` 复制到 uni-app 项目的 `static/hi/`
2. 将 `printLabel.js` 复制到 `utils/`
3. 在页面中调用：

```javascript
import printLabel from '@/utils/printLabel.js';

// 自动加载依赖并打印
await printLabel.print(模板JSON, 数据);
```

## 依赖

所有依赖库均在 `plugins/` 目录，无需额外安装。（jQuery 使用百度 CDN）