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

这篇具有很好参考价值的文章主要介绍了前端实现调用打印机和小票打印(TSPL )功能。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Ⅰ- 壹 - 使用需求

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

github地址: https://github.com/whqgo/nodeWebPrint

Ⅱ - 贰 - 小票打印

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

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

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

https://zadig.akeo.ie/

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

  1. 勾选这些
    前端实现调用打印机和小票打印(TSPL )功能,前端
  2. 选择连接的usb 打印机usb, 一般是 打印机商品名字,我这使用的是佳博打印机
    前端实现调用打印机和小票打印(TSPL )功能,前端

3.安装驱动前端实现调用打印机和小票打印(TSPL )功能,前端

编写代码

目录结构

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

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();

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

Ⅲ - 叁 - 普通打印

可能想到 的是 , 直接用浏览器打印,通过 `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,相当离谱了也是,留着这个问题把,后续有其他的方式了 在解决, 这可是以后的优化点,算工作量的.

最后这一步 我寻思 用wasm去做会更好(node直接调用wasm),但是 用c没实现出来这功能,python3不只是转成wasm,有没 大佬帮忙完善这最后一步啊 真的很需要文章来源地址https://www.toymoban.com/news/detail-741353.html

到了这里,关于前端实现调用打印机和小票打印(TSPL )功能的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Java调用打印机两种方式(无驱/有驱)

    添加依赖

    2024年02月03日
    浏览(13)
  • 前端js,uniapp使用printease连接打印机打印,打印命令生成

    接下来我们将使用printease实现前端js,uniapp打印。 此外,连接打印机的方式有很多种,这里并不会涉及到,该库只是提供了一种打印机指令的生成方式,你可以将生成的指令发送到打印机,打印机会执行一次印刷过程。 这个教程是关于tspl指令的,如果你使用的其他指令,可

    2024年02月13日
    浏览(11)
  • JAVA调用Bartender进行标签打印(可本地用打印机客户端进行测试打印,【云上的项目】可通过WebSocket进行通讯进行打印)

    用Java编写一个打印标签客户端  点击运行启动会打开首页  可以点击预览打印  点击打印可测试成功     打印机结果  前端用的是thymeleaf 代码片段 后端代码  页面上预览图片和真实打印机打出来的不一致是正常的因为这是测试打印(测试本地电脑是否符合使用打印机客户

    2024年02月15日
    浏览(16)
  • Python连接打印机:实现自动化打印的利器

    引言: 在现代办公环境中,打印机已经成为不可或缺的设备之一。然而,手动操作打印机往往耗时耗力,而且容易出现错误。为了提高工作效率和准确性,我们可以通过编写Python程序来连接打印机,实现自动化打印。本文将介绍如何使用Python连接打印机,并提供一些实用的技

    2024年01月18日
    浏览(15)
  • 惠普打印机---共享打印机安装 --连接

    输入 win+R ,再输入共享打印机的连接的IP 2.进入 连接 界面 3.右击打印机 ,点击连接 ,就可以添加打印机设备 ![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/ba03aea8156642d58982fd2ce0934b45.png 方法二、 添加打印机

    2024年02月03日
    浏览(20)
  • C# 实现打印机队列监控Win32_PrintJob,Win32_Printer

    实现一个检测系统发出的打印队列文件,打印的状态,打印机状态的模块。 先上效果图 要用到Win32_PrintJob,Win32_Printer。 其中,Win32_Printer是打印机的各种状态和控制。 Win32_Printer 类 - Win32 apps | Microsoft Learn Win32_PrintJob是打印队列的各种数据和状态。Win32_PrintJob 类 - Win32 apps |

    2024年02月04日
    浏览(14)
  • Windows11连接共享打印机失败,提示以下错误:Windows 无法连接到打印机。请检查打打印机名并重试。如果这是网络打印机,请确保打印机已打开

    1.在确定打印机所在的主机是开机状态且局域网内其他电脑连接打印机正常情况下; 2.检查所需安装打印机的电脑打印服务运行状态; 2.1 按住Win+R键输入 services.msc 点击确 定后,打开服务; 2.2 Print Spooler、DCOM Server Process Launcher、RPC Endpoint Mapper,将其运行状态设置为自动启动

    2024年02月04日
    浏览(64)
  • 老毛子、华硕固件USB连接打印机,普通打印机变无线打印机

    本次作为打印机服务器的是Newifi Mini,1千兆wan口,2百兆lan口,1USB2.0接口,打印机型号为canon ip1180,年代非常久远,不过墨盒可以反复加墨,算下来打印费用很便宜,无奈不支持无线打印,于是利用路由器的usb口使其变成无线打印机。 由于打印机离主机位置较远,且布线不方

    2024年02月08日
    浏览(94)
  • 安装pdf打印机无法找到安装打印机的核心驱动

    安装pdf打印机无法找到安装打印机的核心驱动,出现这种情况下。可以利用以下方法解决 * C:WindowsSystem32DriverStore* 这个文件夹。在 FileRepository 文件夹上面,点击右键“管理员取得所有权”命令,这个时候会跳出一个命令行窗口不停的执行取得权限操作,耐心等待几十秒钟等

    2024年02月11日
    浏览(19)
  • Android Pos 打印机支持库(适合市场常见打印机使用)

    ① 集成多个品牌打印机的SDK:GPrinter(佳博),Epson(爱普森),Bixolon(必胜龙), ② 已调试支持的打印机品牌:GPrinter(佳博),Epson(爱普森),Bixolon(必胜龙),XPrinter(芯烨),Element(元素) ③ 支持局域网,USB,蓝牙通讯(具体情况取决于打印机以及使用的SDK策略) ④ 开发者只需要关心打

    2024年03月13日
    浏览(22)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包