1 Star 0 Fork 1

lightenvoy / web-printer-with-Lodop

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

基于 Lodop 的 web 打印示例

  1. 概述
  2. 相关资源
  3. 一个发运单打印的 Demo
  4. 关于连打
  5. 附录

1. 概述

Lodop & C-Lodop 是一款专业共享软件,公开版本未限制功能,多数用户可免费长期使用。

仅如下情况需要注册收费

  • 你希望用到(不经过弹出预览窗口的)「直接打印」功能时,如果不注册,该功能直接打印的纸张左下角会有“本页由XXX试用版输出”小字样水印。
  • 另外,导出Excel文件或图片也需要注册。

2. 相关资源

3. 一个发运单打印的 Demo

示例的目录结构说明

.
├── assets
│   ├── images
│   │   ├── layer-btn-cancel-hover.png
│   │   ├── layer-btn-cancel.png
│   │   ├── layer-btn-ok-hover.png
│   │   ├── layer-btn-ok.png
│   │   ├── layui-layer-title-close-hover.png
│   │   ├── layui-layer-title-close.png
│   │   └── layui-layer-title-info.png
│   ├── jquery.min.js
│   ├── jquery.tmpl.js     <----- 一个简单的模块数据渲染插件
│   ├── layer     <----- 本示例使用 layer 处理消息弹窗
│   │   ├── extend
│   │   │   └── layer.ext.js
│   │   ├── layer.js
│   │   └── skin
│   │       ├── default
│   │       │   ├── icon-ext.png
│   │       │   ├── icon.png
│   │       │   ├── loading-0.gif
│   │       │   ├── loading-1.gif
│   │       │   └── loading-2.gif
│   │       ├── layer.css
│   │       └── layer.ext.css
│   ├── lodop     <----- 打印插件相关文件
│   │   ├── CLodop_Setup_for_Win32NT.exe
│   │   ├── LodopFuncs.js
│   │   ├── install_lodop32.exe
│   │   └── install_lodop64.exe
│   └── my.js     <----- 一些用到的公共函数:转换金额、时间,调用弹窗
├── data.json     <----- 模拟数据
└── index.html     <----- 示例页:打印控件的调用及打印样式设置等

点击打印后,打印预览效果如下

预览图片)

4. 关于连打

4.1. 连打关键点

连打时主要是通过「针式打印机」,使用三联n等分的打印纸进行批量打印。关于纸型的说明,详见附录:5.2. 纸型说明

  1. 通过进纸调节器按钮,调整打印机的默认纸型。如果你的打印机没有这个类似的按钮,可询问客服具体调节方法。

  2. 调整打印模板,在程序里设置打印纸型

4.2. 具体实现方法

基于上述 Demo,主要作如下修改:




LODOP = getLodop();
LODOP.PRINT_INITA(0,10,"24.1cm","13.9cm","");
LODOP.SET_PRINT_PAGESIZE(1,"24.1cm","13.9cm","CreateCustomPage");
LODOP.SET_PRINT_MODE("CREATE_CUSTOM_PAGE_NAME","fyd_print_1");
// LODOP.SET_PRINT_MODE("POS_BASEON_PAPER",true);
// LODOP.SET_PREVIEW_WINDOW(1,0,0,1000,600,""); // 初始预览窗口大小
// LODOP.SET_SHOW_MODE("LANDSCAPE_DEFROTATED",1); // 横向打印时正向显示
LODOP.SET_PRINT_MODE("AUTO_CLOSE_PREWINDOW",1); // 打印后自动关闭预览
LODOP.SET_PRINT_MODE("CUSTOM_TASK_NAME","发运单打印"); // 打印队列中的文档名
LODOP.SET_SHOW_MODE("HIDE_PAPER_BOARD",1); // 去除背景滚动线


⚠️ 注意:对于打印模板的调整,可使用 Lodop 打印设计功能,或一点点打印预览进行调节

5. 附录

5.1. 相关常见问题

5.2. 纸型说明

预览图片)

预览图片)

空文件

简介

暂无描述 展开 收起
JavaScript 等 3 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/robyte/web-printer-with-Lodop.git
git@gitee.com:robyte/web-printer-with-Lodop.git
robyte
web-printer-with-Lodop
web-printer-with-Lodop
master

搜索帮助

14c37bed 8189591 565d56ea 8189591