javascript - 求助,像这种外卖订单怎么在页面里点击按钮实现呢?跪求!
比如一个json对象里面有这些信息,我怎么把它打印出这么宽的小条?
我要的就是把用户下的订单信息,打印出小条,我发现jquery.jqprint-0.3.js这个插件可以,直接用按钮调用就可以,现在的问题是,默认宽度太大,吓死人,不知道怎么解决
回复内容:
比如一个json对象里面有这些信息,我怎么把它打印出这么宽的小条?
我要的就是把用户下的订单信息,打印出小条,我发现jquery.jqprint-0.3.js这个插件可以,直接用按钮调用就可以,现在的问题是,默认宽度太大,吓死人,不知道怎么解决
楼主可以去淘宝搜索gprs打印机,很外面店都有,实际上是一个服务端的php推送,有的是输出一个xml文件,你只需要把json转换成xml就可以了,当然不同的打印机需要的格式不一样,你如果有兴趣买一个的话,老板肯定会客服和技术指导的。
纯网页实现的可能性不大。
你这个要设计到硬件通信,也就是调用专门的终端实现打印凭条。一般的可编程终端都会提供这样的sdk,当然这个可能需要对方的技术支持。
通常是通过电脑的应用程序,也即常说的客户端程序,才好处理这种同硬件的交互。
提供几种思路,先说明,我也就是自己瞎想一下而已,没有具体实现过。
1.通过浏览器插件的方式实现(这种情况是,同一台设备,也即你自己操作点击,你当前电脑链接终端打印凭条)。
2.通过浏览器按钮发送一般的http或者socket请求到服务器端,服务器端链接打印终端(这个不一定是直连打印终端,如果是那样通常要求打印终端还要具备联网功能,通常情况是另一台电脑,该电脑连接终端打印)。这种情况支持,用户点击按钮操作,而不需要自己操作,也即“按钮”可以在任何地方。
其实,就是要解决通信,消息传递的问题。而浏览器目前还不支持直接同硬件打交道,只能通过网络方式进行消息传递。
不用外设,那就是纯网页输出内容,连上打印机打印了。
把你的数据在一个空白页面按格式排版,然后调用 window.print()
,可以选择纸张大小。
谢邀
给楼主推荐一个很好用的工具http://www.lodop.net/
JS操作打印机 希望可以帮到楼主

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

PHP主要是过程式编程,但也支持面向对象编程(OOP);Python支持多种范式,包括OOP、函数式和过程式编程。PHP适合web开发,Python适用于多种应用,如数据分析和机器学习。

PHP起源于1994年,由RasmusLerdorf开发,最初用于跟踪网站访问者,逐渐演变为服务器端脚本语言,广泛应用于网页开发。Python由GuidovanRossum于1980年代末开发,1991年首次发布,强调代码可读性和简洁性,适用于科学计算、数据分析等领域。

在使用CraftCMS开发网站时,常常会遇到资源文件缓存的问题,特别是当你频繁更新CSS和JavaScript文件时,旧版本的文件可能仍然被浏览器缓存,导致用户无法及时看到最新的更改。这个问题不仅影响用户体验,还会增加开发和调试的难度。最近,我在项目中遇到了类似的困扰,经过一番探索,我找到了wiejeben/craft-laravel-mix这个插件,它完美地解决了我的缓存问题。

PHP仍然流行的原因是其易用性、灵活性和强大的生态系统。1)易用性和简单语法使其成为初学者的首选。2)与web开发紧密结合,处理HTTP请求和数据库交互出色。3)庞大的生态系统提供了丰富的工具和库。4)活跃的社区和开源性质使其适应新需求和技术趋势。

HTML、CSS和JavaScript是构建现代网页的核心技术:1.HTML定义网页结构,2.CSS负责网页外观,3.JavaScript提供网页动态和交互性,它们共同作用,打造出用户体验良好的网站。

在React中使用HTML渲染组件和数据可以通过以下步骤实现:使用JSX语法:React使用JSX语法将HTML结构嵌入JavaScript代码中,编译后操作DOM。组件与HTML结合:React组件通过props传递数据,动态生成HTML内容,如。数据流管理:React的数据流是单向的,从父组件传递到子组件,确保数据流动可控,如App组件传递name到Greeting。基本用法示例:使用map函数渲染列表,需添加key属性,如渲染水果列表。高级用法示例:使用useState钩子管理状态,实现动

在开发一个新的内容管理系统(CMS)时,我遇到了一个常见但棘手的问题:如何在不增加过多复杂性的情况下,快速搭建一个功能齐全的CMS。市面上有许多现成的CMS解决方案,但它们通常过于庞大,配置复杂,对于小型项目来说可能是一种负担。经过一番探索,我发现了lebenlabs/simplecms这个库,它通过Composer提供了一种简洁而高效的解决方案。

Laravel 8 针对性能优化提供了以下选项:缓存配置:使用 Redis 缓存驱动、缓存门面、缓存视图和页面片段。数据库优化:建立索引、使用查询范围、使用 Eloquent 关系。JavaScript 和 CSS 优化:使用版本控制、合并和缩小资产、使用 CDN。代码优化:使用 Composer 安装包、使用 Laravel 助手函数、遵循 PSR 标准。监控和分析:使用 Laravel Scout、使用 Telescope、监控应用程序指标。
