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

news2025/1/22 9:18:47

Ⅰ- 壹 - 使用需求

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

Ⅱ - 贰 - 小票打印

目前比较好的方式就是直接用 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 = False
        xlApp.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-5
        xlApp.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,相当离谱了也是,留着这个问题把,后续有其他的方式了 在解决, 这可是以后的优化点,算工作量的.

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1165228.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

代码随想录 Day35 动态规划04 01背包问题和完全背包问题 LeetCode T416 分割等和子集

背包问题 说到背包问题大家都会想到使用动规的方式来求解,那么为什么用动规呢,dp数组代表什么呢?初始化是什么,遍历方式又是什么,这篇文章笔者将详细讲解背包问题的经典例题0-1背包问题和完全背包问题的解题方式,希望能帮助到大家 1.暴力方式 有人一提到背包问题就只会使用动态…

C++之队列queue

1.知识百科 队列是一种特殊的线性表,特殊之处在于它只允许在表的前端(front)进行删除操作,而在表的后端(rear)进行插入操作,和栈一样,队列是一种操作受限制的线性表。进行插入操作的…

Idea - Apifox Helper 插件的安装、配置令牌、导出

第一步:先安装插件(其他EASY API 、Api docx同理) 等待安装完毕 第二步: 导出你想导出的API 提示我们没有找到配置文件,需要到设置里面设置Personal Access Token 第三步:到设置里面设置Personal Access T…

AI:50-基于深度学习的柑橘类水果分类

🚀 本文选自专栏:AI领域专栏 从基础到实践,深入了解算法、案例和最新趋势。无论你是初学者还是经验丰富的数据科学家,通过案例和项目实践,掌握核心概念和实用技能。每篇案例都包含代码实例,详细讲解供大家学习。 📌📌📌本专栏包含以下学习方向: 机器学习、深度学…

城市内涝解决方案:实时监测,提前预警,让城市更安全

城市内涝积水问题是指城市地区在短时间内遭遇强降雨后,地面积水过多,导致城市交通堵塞、居民生活不便、财产损失等问题。近年来,随着全球气候变化和城市化进程的加速,城市内涝积水问题越来越突出,成为城市发展中的一大…

C++之初始化列表详细剖析

一、初始化列表定义 初始化列表:以一个冒号开始,接着是一个以逗号分隔的数据成员列表,每个"成员变量"后面跟一个放在括号中的初始值或表达式。 class Date { public:Date(int year, int month, int day): _year(year), _month(mont…

tauri 访问静态资源,响应头为Content-Type:‘text/html‘

现象 报错: Error: THREE.FBXLoader: Unknown format. at FBXLoader.parse (index-f8291142.js:22050:15) at Object.onLoad (index-f8291142.js:22033:22) at index-f8291142.js:19769:20 使用threejs 加载fbx模型文件时,返回头中Content-…

《C++ Primer》第6章 函数(一)

参考资料: 《C Primer》第5版《C Primer 习题集》第5版 6.1 函数基础(P182) 典型的函数定义包括:返回类型( return type )、函数名字、0 个或多个形参( parameter )组成的列表、函…

使用HttpClient库的爬虫程序

使用HttpClient库的爬虫程序,该爬虫使用C#来抓取内容。 using System; using System.Net.Http; using System.Threading.Tasks; ​ namespace CrawlerProgram {class Program{static void Main(string[] args){// 创建HttpClient对象using (HttpClient client new…

数据结构 - 顺序表ArrayList

目录 实现一个通用的顺序表 总结 包装类 装箱 / 装包 和 拆箱 / 拆包 ArrayList 与 顺序表 ArrayList基础功能演示 add 和 addAll ,添加元素功能 ArrayList的扩容机制 来看一下,下面的代码是否存在缺陷 模拟实现 ArrayList add 功能 add ind…

Linux多线程服务端编程:使用muduo C++网络库 学习笔记 第七章 muduo编程示例(上)

本章将介绍如何用muduo网络库完成常见的TCP网络编程任务。内容如下: 1.[UNP]中的五个简单协议,包括echo、daytime、time、discard、chargen等。 2.文件传输,示范非阻塞TCP网络程序中如何完整地发送数据。 3.Boost.Asio中的示例,…

新手学习两种不同的存储方式(不喜勿喷)

localStorage.setItem(sid,res.info.id)console.log(sid,res.info.id)sessionStorage.setItem(uid,res.info.id) sid和uid,也可以写其他的只来替代;而res.info.id是接口的数据可替换成自己的 一次性传的id值刷新页面就没有 永久性传的id 这是Javascript…

Linux——切换CUDA版本

一、查看本地cuda版本 cd /usr/local/ ls当前cuda为软连接,指向指定的cuda版本 stat cuda # 查看当前cuda状态信息二、切换CUDA版本 # 删除原有软连接 sudo rm -rf /usr/local/cuda # 建立需要切换的cuda软连接版本 sudo ln -s /usr/local/cuda-**.* /usr/l…

【GitLab、GitLab Runner、Docker】GitLab CI/CD 应用

安装Gitlab开源版 官方文档-安装Gitlab 使用Docker安装 sudo docker run --detach \--hostname gitlab.example.com \--env GITLAB_OMNIBUS_CONFIG"external_url http://${ip}:9999/; gitlab_rails[gitlab_shell_ssh_port] 8822;" \--publish 443:443 --publish 99…

Circos图绘制

Circos图其实是一个用途非常广泛的图形,可以用于表征基本上任何类型的数据,包括把我们常见的散点图、折线图和柱状图等都可以整合到Circos当中。特别是,Circos尤其适合用来描述生物信息学和基因组学的数据。 1.绘制Circos图 目前绘制Circos图…

单元测试一(理论)-云计算2023.11-云南农业大学

实验《 ECS数据管理实践-备份与恢复》 https://developer.aliyun.com/adc/scenario/7ad13e326c924d07a1ddb4e88cb26ce4 数据盘挂载到 /alidata,alidata改为自己姓名全拼,数据盘上创建文件test.txt,改为test接自己姓名全拼.txt,快…

根据Word模板,使用POI生成文档

突然想起来有个小作业&#xff1a;需要根据提供的Word模板填充数据。这里使用POI写了一个小demo验证下。 测试用模板&#xff1a; 执行结果 1.引入依赖坐标 <dependency><groupId>org.apache.poi</groupId><artifactId>poi-ooxml</artifactId&…

07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化)

1、数据情况&#xff1a; 其一、从后端拿到的数据为&#xff1a; let arr [1, 3, 7, 24] 其二、目标数据为(即&#xff1a;后台需要下发的数据)&#xff1a; {vlan_1: 1, vlan_3: 1, vlan_7: 1, vlan_24: 1} 2、操作过程&#xff1a; 其一、定义一个动态的 key 值来满足…

基于nodejs+vue客户管理管理系统

目 录 摘 要 I ABSTRACT II 目 录 II 第1章 绪论 1 1.1背景及意义 1 1.2 国内外研究概况 1 1.3 研究的内容 1 第2章 相关技术 3 2.1 nodejs简介 4 2.2 express框架介绍 6 2.4 MySQL数据库 4 第3章 系统分析 5 3.1 需求分析 5 3.2 系统可行性分析 5 3.2.1技术可行性&#xff1a;…

JAVA代码审计-cms综合篇

前言 JEECGv3.8。下载地址&#xff1a;GitHub - jeecgboot/jeecg at v3.8 java代码审计第一步&#xff1a;查看web.xml 一个重要的servlet&#xff1a;DispatcherServlet&#xff0c; <servlet><description>spring mvc servlet</description><servle…