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脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

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

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

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

Dreamweaver CS6
视觉化网页开发工具

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

热门话题

在 Vue.js 中使用 Bootstrap 分为五个步骤:安装 Bootstrap。在 main.js 中导入 Bootstrap。直接在模板中使用 Bootstrap 组件。可选:自定义样式。可选:使用插件。

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

React通过JSX与HTML结合,提升用户体验。1)JSX嵌入HTML,使开发更直观。2)虚拟DOM机制优化性能,减少DOM操作。3)组件化管理UI,提高可维护性。4)状态管理和事件处理增强交互性。

在PHP中,final关键字用于防止类被继承和方法被重写。1)标记类为final时,该类不能被继承。2)标记方法为final时,该方法不能被子类重写。使用final关键字可以确保代码的稳定性和安全性。

"h5"和"HTML5"在大多数情况下是相同的,但它们在某些特定场景下可能有不同的含义。1."HTML5"是W3C定义的标准,包含新标签和API。2."h5"通常是HTML5的简称,但在移动开发中可能指基于HTML5的框架。理解这些区别有助于在项目中准确使用这些术语。

PHP的未来将通过适应新技术趋势和引入创新特性来实现:1)适应云计算、容器化和微服务架构,支持Docker和Kubernetes;2)引入JIT编译器和枚举类型,提升性能和数据处理效率;3)持续优化性能和推广最佳实践。
