前端实现调用打印机和小票打印(TSPL )功能

2023-11-02 19:04

本文主要是介绍前端实现调用打印机和小票打印(TSPL )功能,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Ⅰ- 壹 - 使用需求

前端 的方式 点击这个按钮,直接让打印机打印我想要的东西

Ⅱ - 贰 - 小票打印

目前比较好的方式就是直接用 TSPL 标签打印指令集, 基础环境就不多说了,这个功能的实现就是利用usb发送指令,现在缺少个来让我们能够和usb沟通的工具,下面这就是推荐的一个程序驱动,安装通用USB驱动程序.

  • 注: TSPL是一套通用的标签打印指令集,很多主流标签打印机都支持。市面上标签打印机的通讯方式主要有:串口、USB、蓝牙和WIFI,通过上述方式发送相应的TSPL指令,标签打印机就可以依照指令进行打印。

usb 插件需要的 程序驱动(Zadig)

https://zadig.akeo.ie/

下载完成后打开,依次操作

  1. 勾选这些
    在这里插入图片描述
  2. 选择连接的usb 打印机usb, 一般是 打印机商品名字,我这使用的是佳博打印机
    在这里插入图片描述

3.安装驱动在这里插入图片描述

编写代码

目录结构

在这里插入图片描述

main入口文件

webPrintUtils文件夹 具体的实现

  • index : 功能实现的逻辑
  • bitmap_nodejs : image转bitmap所用
  • tspl.class : TSPL 指令二次封装一下
  • usb.class: 用于连接 usb数据写入操作

列如我们想画一个条形码

在tspl.class.js文件中添加一个barcode方法, 具体的指令很容易在网上查到

/*** 条码,这里固定为code128* 单位都为dot* * @param {Number} [x=0] - x* @param {Number} [y=0] - y* @param {Number} [height=80] - height* @param {String} [content=""] - 条码内容,请遵循code128的约定,不是啥字符都可以往里边放的* @param {Boolean} [label=true] - 是否显示条码的label部分* @param {Number} [elementWidth=2] - 条码每位宽度* @param {Number} [rotate=0] - 旋转角度,支持0,90,180,270* @returns {Tspl}* @public*/
barcode ( x = 0, y = 0,height = 80,content = "",label = true,elementWidth = 2,rotate = 0
) {return this.#append(`BARCODE ${x},${y},"128",${height},${+label},${rotate},${elementWidth},${elementWidth*2},"${content}"`);
}

使用只需要在实例化后传参就行了

const Printer = require('./printer.class')
const Usb = require('./usb.class')
const Tspl = require('./tspl.class')
const { encode } = require('GBKCodec')// 实例化 一个 80mm, 40mm的画布
const print = new Printer({connection: new Usb,language: new Tspl({size: "80mm, 40mm",gap: "2mm, 0mm",encoder: encode})
});
print.barcode(30, 20, '120', data.c, false, 3)

现在这个tspl.class.js中 基本的常用的都添加完了,二维码,条形码,文本.图片,下划线,绘制盒子,绘制色块

搭配之后就可以打印出来

await print.text(40, 10, '前端精湛掌握', 2, 'TSS24.BF2')
await print.bar(5, 96, 560, 4)
await print.qrcode(40, 110, "http://weixin.qq.com/r/zRHk-BjEZUUarVyf90Tf") // 二维码

await print.print();
在这里插入图片描述

Ⅲ - 叁 - 普通打印

可能想到 的是 , 直接用浏览器打印,通过 `window.print()调用,但是会弹出来操作页面,不行 领导说这样不行不美观不通透 否决.这个需求的重点不是打印的内容,不管是内容添加到iframe里还是将打印内容转为图片 而是想直接打印.无痛的那种,思来想去,也就只有python能这样做了,python写好脚本编译成exe然后用node调用,没办法只好这样曲线救国了.

这里用到了 python模块 win32com.client 它提供调用 windows 底层组件对 word 、Excel、PPT 等进行操作的功能,只能在 Windows 环境下使用,并且需要安装 office 相关软件才行(WPS也行)

import win32com.client# 打印
def openRrint():lg = '打印的xlsx文件路径'try:xlApp = win32com.client.Dispatch("Excel.Application")# UpdateLinks# CorruptLoad=2 尝试修复损坏的文件# xlBook = xlApp.Workbooks.Open(lg, UpdateLinks=0, CorruptLoad=2)  # 打印的文件xlBook = xlApp.Workbooks.Open(lg, UpdateLinks=0)  # 打印的文件xlApp.Visible = 0  # 不在后台运行xlApp.DisplayAlerts = False  # 显示弹窗xlApp.ActiveWorkbook.Sheets(1).PageSetup.Orientation = win32com.client.constants.xlLandscape # 设置为横向打印xlApp.ActiveWorkbook.Sheets(1).PageSetup.Zoom = FalsexlApp.ActiveWorkbook.Sheets(1).PageSetup.FitToPagesWide = 1  # 页数范围xlApp.ActiveWorkbook.Sheets(1).PageSetup.FitToPagesTall = 10# xlBook.Save() #保存ename = xlApp.ActiveWorkbook.Name  # 获取打开工作表名称print("正在打印>", ename)xlBook.PrintOut()print(xlApp, "名称===")print(xlBook, "打印的文件===")print(lg, "lg===")# xlBook.PrintOut(1,5) # 打印页数1-5xlApp.Quit()  # 退出except Exception as e:print(f"打印 Excel 文件时发生错误: {str(e)}")if __name__ == "__main__":# 调用打印机openRrint()pass

然后打包成exe文件,

Pyinstaller -F init.py 打包exe

node就可以用child_process模块执行一个文件了

const { execFile } = require('child_process')
execFile(url)

就这点代码就实现了 我想要的需求 python 还挺强嘞,不过也有点问题 就这点代码 打包exe竟然高达40MB,相当离谱了也是,留着这个问题把,后续有其他的方式了 在解决, 这可是以后的优化点,算工作量的.

这篇关于前端实现调用打印机和小票打印(TSPL )功能的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/332653

相关文章

C++使用栈实现括号匹配的代码详解

《C++使用栈实现括号匹配的代码详解》在编程中,括号匹配是一个常见问题,尤其是在处理数学表达式、编译器解析等任务时,栈是一种非常适合处理此类问题的数据结构,能够精确地管理括号的匹配问题,本文将通过C+... 目录引言问题描述代码讲解代码解析栈的状态表示测试总结引言在编程中,括号匹配是一个常见问题,尤其是在

Python调用Orator ORM进行数据库操作

《Python调用OratorORM进行数据库操作》OratorORM是一个功能丰富且灵活的PythonORM库,旨在简化数据库操作,它支持多种数据库并提供了简洁且直观的API,下面我们就... 目录Orator ORM 主要特点安装使用示例总结Orator ORM 是一个功能丰富且灵活的 python O

Java实现检查多个时间段是否有重合

《Java实现检查多个时间段是否有重合》这篇文章主要为大家详细介绍了如何使用Java实现检查多个时间段是否有重合,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录流程概述步骤详解China编程步骤1:定义时间段类步骤2:添加时间段步骤3:检查时间段是否有重合步骤4:输出结果示例代码结语作

使用C++实现链表元素的反转

《使用C++实现链表元素的反转》反转链表是链表操作中一个经典的问题,也是面试中常见的考题,本文将从思路到实现一步步地讲解如何实现链表的反转,帮助初学者理解这一操作,我们将使用C++代码演示具体实现,同... 目录问题定义思路分析代码实现带头节点的链表代码讲解其他实现方式时间和空间复杂度分析总结问题定义给定

Java覆盖第三方jar包中的某一个类的实现方法

《Java覆盖第三方jar包中的某一个类的实现方法》在我们日常的开发中,经常需要使用第三方的jar包,有时候我们会发现第三方的jar包中的某一个类有问题,或者我们需要定制化修改其中的逻辑,那么应该如何... 目录一、需求描述二、示例描述三、操作步骤四、验证结果五、实现原理一、需求描述需求描述如下:需要在

部署Vue项目到服务器后404错误的原因及解决方案

《部署Vue项目到服务器后404错误的原因及解决方案》文章介绍了Vue项目部署步骤以及404错误的解决方案,部署步骤包括构建项目、上传文件、配置Web服务器、重启Nginx和访问域名,404错误通常是... 目录一、vue项目部署步骤二、404错误原因及解决方案错误场景原因分析解决方案一、Vue项目部署步骤

如何使用Java实现请求deepseek

《如何使用Java实现请求deepseek》这篇文章主要为大家详细介绍了如何使用Java实现请求deepseek功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1.deepseek的api创建2.Java实现请求deepseek2.1 pom文件2.2 json转化文件2.2

Java调用DeepSeek API的最佳实践及详细代码示例

《Java调用DeepSeekAPI的最佳实践及详细代码示例》:本文主要介绍如何使用Java调用DeepSeekAPI,包括获取API密钥、添加HTTP客户端依赖、创建HTTP请求、处理响应、... 目录1. 获取API密钥2. 添加HTTP客户端依赖3. 创建HTTP请求4. 处理响应5. 错误处理6.

python使用fastapi实现多语言国际化的操作指南

《python使用fastapi实现多语言国际化的操作指南》本文介绍了使用Python和FastAPI实现多语言国际化的操作指南,包括多语言架构技术栈、翻译管理、前端本地化、语言切换机制以及常见陷阱和... 目录多语言国际化实现指南项目多语言架构技术栈目录结构翻译工作流1. 翻译数据存储2. 翻译生成脚本

如何通过Python实现一个消息队列

《如何通过Python实现一个消息队列》这篇文章主要为大家详细介绍了如何通过Python实现一个简单的消息队列,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录如何通过 python 实现消息队列如何把 http 请求放在队列中执行1. 使用 queue.Queue 和 reque