qq_17031883 2024-03-22 14:37 采纳率: 36.4%
浏览 75
已结题

打印小票用什么js比较好

打印小票用什么js比较好，小票80*50mm，有专门的打印js吗？对接的是得力小票打印机

img

  • 写回答

24条回答 默认 最新

  • 码农阿豪@新空间 新星创作者: 前端开发技术领域 2024-03-22 14:38
    关注
    获得0.30元问题酬金
    让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言
    回答： 针对打印小票的需求，我建议使用浏览器的原生JavaScript结合CSS来完成。既不需要引入额外的库，又可以很灵活地进行定制。 下面是一个样例代码，其中包含了打印小票的基本样式和内容： 
    <!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>小票打印样例</title>
    <style>
        @page {
            size: 80mm 50mm;
            margin: 0mm;
        }
        * {
            box-sizing: border-box;
        }
        .container {
            width: 80mm;
            height: 50mm;
            border: 1px solid black;
            padding: 10px;
            font-family: 'Microsoft YaHei', sans-serif;
        }
        .title {
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 10px;
        }
        .item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 5px;
            font-size: 14px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="title">小票样例</div>
        <div class="item">
            <span>商品名称：</span>
            <span>苹果</span>
        </div>
        <div class="item">
            <span>商品数量：</span>
            <span>10斤</span>
        </div>
        <div class="item">
            <span>商品单价：</span>
            <span>5元/斤</span>
        </div>
        <div class="item">
            <span>总价：</span>
            <span>50元</span>
        </div>
    </div>
    <script>
        window.print();
    </script>
</body>
</html>

    这段代码会生成一个小票的样式，并在打印时自动调用浏览器的打印功能。你可以根据自己的实际需求来灵活修改样式和内容。 至于得力小票打印机的对接，我建议在打印机驱动程序中设置好默认纸张大小和边距。这样当浏览器打印时，就能正确识别打印机的纸张大小并按照设定的边距进行排版。 总的来说，JavaScript和CSS是一种非常便捷和灵活的小票打印方案。只要对浏览器有一定的了解，便可根据实际需求定制出符合要求的小票样式。

    评论

报告相同问题？

  • JS连接TSC打印机打印条形码(二维码)源码+驱动+相关dll+部署文档
    2019-03-11 13:57
    在IT行业中，JavaScript（JS）是一种广泛使用的前端编程语言，但它同样可以用于处理与服务器端交互的任务，甚至控制硬件设备，如本例中的TSC打印机。TSC是一家知名的条形码和二维码打印机制造商，其产品广泛应用在...
  • web打印POS小票机代码.zip
    2019-09-22 14:55
    4. **JavaScript编程**： LODOP控件与JavaScript结合，使得开发者可以使用Web语言来操作打印功能。JavaScript代码在用户浏览器端运行，因此可以实现个性化打印设置，如动态生成内容、自定义页眉页脚等。 5. **示例...
  • JS实现在线打印
    2019-05-03 01:33
    JavaScript（简称JS）是一种广泛应用于Web开发的轻量级编程语言，它主要负责网页的动态交互。在现代的Web应用中，JS不仅用于客户端的页面交互，还可以通过Node.js实现在服务器端的操作。本篇文章将重点探讨如何使用...
  • 分享一下各种格式票据的打印和使用Lodop插件遇到的问题
    2020-03-24 10:43
    风月少的博客 关于打印各式票据和lodop插件的使用，从未做过到熟练使用 还记得那年春夏，初识java，才有了这后面的美丽邂逅。刚拿到打印各式票据的任务有点小慌啊，第一次接触打印，并且项目刚换了新插件lodop，手忙脚 乱了好几...
  • JavaScript库实现了热敏打印机ESC _ POS协议，并提供了XML接口，用于准备打印模板.zip
    2023-09-25 13:41
    JavaScript库实现的ESC/POS协议是针对热敏打印机的一种低级控制语言，广泛应用于各种商业打印场景，如收银小票、条形码、二维码等。这个库的主要目的是通过JavaScript来方便地控制热敏打印机，使得在Web应用中能够...
  • Qt、C++小票打印----端口（com）、并口（lpt）----并介绍了qt中qwebview的使用及js通信
    2015-07-05 22:41
    佳朗的博客 小票打印相关，会冲端口（com）->并口（lpt）->网口->usb。并介绍了qwebview相关以及js通信相关
  • 佳博标签打印机Demo（Android，iOS，微信小程序，C#，Java），指令集包含(tspl、cpcl、esc等)
    2022-07-22 13:04
    这些指令集允许开发者通过编程方式精确地控制打印内容和样式。 在Android平台上，佳博提供的SDK包含了必要的库文件和示例代码，使开发者能够快速集成标签打印功能。Android开发者可以利用Java或Kotlin语言，调用SDK...
  • Android打印机--小票打印格式及模板设置
    2017-04-07 16:00
    @ZhangJun的博客 小票打印就是向打印设备发送控制打印格式的指令集，而这些打印格式一般需要去查询对应打印机的API文档。
  • 条码无驱打印
    2013-01-18 22:17
    - 对于常规的办公环境或者需要处理大量打印任务的情况，建议使用有驱打印，以获得更好的稳定性和兼容性。 综上所述，无论是无驱打印还是有驱打印，都有各自的适用场景和优缺点。在实际应用中，应根据具体需求综合...
  • 使用PHP开发网站的批量打印快递单功能
    2023-09-20 17:13
    RTX99090的博客 然后，通过调用快递打印接口或生成打印文件的方式，实现批量打印快递单。在PHP开发的网站中实现批量打印快递单功能可以帮助用户快速打印多个快递单，提高工作效率。这只是一个简单的示例，实际情况中你可能需要根据...
  • C# 网络打印机 SOCKET ESC/POS 通用代码 [ 网口打印机/小票打印机/热敏打印机 ]
    2019-09-16 12:00
    C#作为.NET框架下的主要编程语言，提供了丰富的工具和库来实现与各种硬件设备的交互，包括网络打印机。本篇将详细介绍如何使用C#通过SOCKET通信协议，结合ESC/POS指令集来实现对网口打印机、小票打印机或热敏打印机...
  • node-escpos-3_node打印机_Node.js_node-escpos_escnodejs_escpos_
    2021-10-04 08:37
    Node.js在IT行业中被广泛应用于构建可扩展的网络应用，其强大的异步处理能力使得它在服务器端编程中表现出色。对于零售、餐饮等需要快速响应的行业，POS（Point of Sale，销售点）系统是不可或缺的一部分，而“node-...
  • Delphi 标签打印餐厅前台触摸屏收银管理
    2018-03-06 16:41
    它结合了Delphi编程语言的强大功能，以及现代化的触摸屏界面，旨在提供一个用户友好、操作简便的收银体验。 Delphi是一种基于Object Pascal的集成开发环境（IDE），由Embarcadero Technologies公司维护。它的特点是...
  • layui单据打印_layui打印表格自定义函数
    2020-12-23 03:54
    清幽梅的博客 Excel VBA自定义函数编写（UDF, User-Defined Function) 虽然知道Microsoft Office Excel可以支持用VB语言来进行复杂的编程和自定义函数的编写,但是一直以来都没有这个需求. 这次遇到的问题是要根据一列数组计算出...
  • 计算机软件-编程源码-饭堂售饭管理系统.zip
    2022-05-24 23:47
    这个系统的核心是通过编程语言实现的，它可能包括前端用户界面、后端服务器处理以及数据库管理等多个部分。在这款压缩包中，"饭堂售饭管理系统"可能是整个项目的源代码集合，包含了实现该系统的所有文件。 首先，...
  • Node.js毕业设计基于B_S的用户小票系统（Express+附源码）
    2024-04-01 09:41
    小奔程序的博客 本毕业设计将采用HTML、CSS、JavaScript和Vue作为前端技术，Node.js和Express作为后端技术，MySQL 5.7作为数据库，使用VSCode和Navicat作为开发工具，实现一个基于B_S架构的用户小票系统。6. 前端：HTML+CSS+JS+Vue...
  • 基于java+springboot+vue的校园自助打印系统微信小程序
    2024-08-13 17:36
    q_1394918164的博客 本基于Vue和微信小程序的校园自助打印系统采用JAVA语言和微信小程序技术，数据库采用Mysql，运行软件为微信开发者工具。本系统实现了管理员和用户、店长三个角色的功能。管理员的功能为个人中心管理、用户管理、店长...
  • 指令打印与驱动打印随笔
    2020-01-05 07:20
    dotNET跨平台的博客 本文对指令打印和驱动打印做了一个简要的介绍，分享了在开发客户端打印组件时的一些过程并提出了一个新轮子用于解决老的问题并引出更多的新问题。全文大概 3500 字无图，阅读大概需要 7 分钟...
  • 二条码生成和打印
    2012-06-26 00:39
    在开发或使用这类系统时，开发者可能需要关注编程语言的选择，如Python中的qrcode库，JavaScript的qrcode-generator库等，它们提供便捷的API来生成二维码。此外，还要考虑用户界面设计，使得用户能方便地输入数据并...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 3月30日
  • 赞助了问题酬金15元 3月22日
  • 创建了问题 3月22日