前端应用打印控件

1. Lodop打印控件

1.1 官网地址

查看 http://www.c-lodop.com/index.html

1.2 控件介绍

在官网的Lodop、C-Lodop使用说明及样例中，列出了相关的样例清单，在样例清单中提供了“在页面中嵌入控件”、“用程序代码生成打印页”等若干使用样例，点击对应链接进入样例页面查看代码、打印预览及直接打印功能。

另外，官网上还提供了常见的问答列表，在使用此控件的过程中遇到的一些常见问题，都可以在其中找到解决方案。

1.3 控件安装程序下载

前往 LODOP的下载中心 下载需要的EXE安装程序。

1.4 控件使用

1.4.1 使用示例

Hiprint插件的使用示例可以参考官网提供的示例和ng-alain提供的Lodop打印示例。

在Angular应用中，可以直接参考 ng-alain提供的Lodop打印示例。

1.4.1.1 官网提供的使用示例

参考官网示例中提供的示例

1.4.1.2 ng-alain提供的Lodop打印示例

参考NG_ALAIN提供的Lodop打印基础实现：https://ng-alain.com/components/lodop/zh

1.4.2 打印说明

1. 需要下载并安装对应的EXE程序。
2. 打印之前需要确保Lodop服务已开启，否则无法加载打印机。
3. 打印服务端口可能存在冲突问题。
4. 试用版打印存在水印。

---

2. Hiprint打印插件

2.1 官网地址

官网地址：http://hiprint.io/

2.2 插件介绍

1. Hiprint 是一款免费、简单、快速的JS打印插件，无需安装软件。支持移动端、PC端浏览器、Angular、VUE、React 等分页预览、打印，操作简单，运行快速。
2. 跨平台，支持Windows、IOS、Linux系统。
3. Hiprint 预览界面为CSS+HTML 。支持数据分组，批量预览。
4. Hiprint 插件依赖JQuery。
5. 如果要使用二维码和条形码功能，需另外引入两个js组件JsBarcode.all.js和qrcode.js。此2款条码插件均是MIT协议，可以到github搜索下载最新版。

更多介绍及使用演示请查看 Hiprint中文文档：http://hiprint.io/docs/start

2.3 插件下载

前往Hiprint网站下载页面：http://hiprint.io/download

2.4 插件使用

更多使用示例请查看 Hiprint在线示例：http://hiprint.io/demo

---

相关网址

1. Lodop官网首页：http://www.c-lodop.com/index.html
2. Lodop使用说明及在线样式：http://www.c-lodop.com/LodopDemo.html
3. Lodop常见问答列表：http://www.c-lodop.com/problem.html
4. Lodop下载中心：http://www.c-lodop.com/download.html
5. ng-alain Lodop打印实现：https://ng-alain.com/components/lodop/zh
6. Hiprint插件官方地址：http://hiprint.io/
7. Hiprint插件文档：http://hiprint.io/demo
8. Hiprint插件在线示例：http://hiprint.io/demo/list

---

—— END ——