·应客户的需求= = ,要在网页端实现打印小票的功能
·先来一张打印出的小票效果图(合计明显不对,因为有修改订单功能,请各位忽略)
用什么方法实现呢:
我想应该是有三种吧
1.用第三方的浏览器控件(这个好似比较方便,我的老师也是这样建议我)向大家推荐一个 Lodop打印控件
2.用CSS写好模板,然后直接用页面打印的方法(应该是这样吧)
以上两种还没有尝试,这两天陆续尝试)
3.用微软自己的ActiveX控件(ActiveX控件可以实现调用本地的文件等操作(之前试过调用cmd,实现shutdown -s -t,在网页控制电脑的定时关机))
当然这种方法的缺点也很明显:限操作系统-因为是微软的东西只能Windows下,限浏览器-因为ActiveX也只能在IE浏览器下。所以局限性比较大
实现过程:
1.编辑『word小票模板』,要用到word中『书签』这个工具(通过『书签』的定位,js就可以操作word在『书签』指定的位置进行 修改、写入内容)
2.在js对word模板进行 打开、赋值、打印操作
一、编辑『word小票模板』
1.以word2007为例,首先排好大致的样式
二、js
直接上源代码吧:
<input type="button" value="toPrinter " onclick="viewToWord();" />
- Hide code function viewToWord() { //当前时间 var Time; var today = new Date(); Time = today.toLocaleString(); try { // 创建ActiveXObject对象 wdapp = new ActiveXObject("Word.Application"); } catch (e) { console.log("无法调用Office对象,!", e) wdapp = null; return; } wdapp.Documents.Open("f:\\PrinterTemplate1.doc"); //打开本地(客户端)word模板 wddoc = wdapp.ActiveDocument; wddoc.Bookmarks("OrderNum").Range.Text = "201509080959" + "\n"; wddoc.Bookmarks("OrderName").Range.Text = "郑斌" + "\n"; wddoc.Bookmarks("OrderAddress").Range.Text = "www.cnblogs.com/zhengbin" + "\n"; wddoc.Bookmarks("OrderPhoneNum").Range.Text = "QQ:1746788394" + "\n"; wddoc.Bookmarks("OrderDaocanTime").Range.Text = "10:00-11:00" + "\n"; wddoc.Bookmarks("OrderTime").Range.Text = "09-08 10:15"; //添加表格 var myTable = wddoc.Tables.Add (wddoc.Bookmarks("OrderCart").Range,3,3);//(赋值区域,行数,列数) //隐藏边框 var table=wdapp.ActiveDocument.Tables(1); table.Borders(-1).LineStyle=0; table.Borders(-2).LineStyle=0; table.Borders(-3).LineStyle=0; table.Borders(-4).LineStyle=0; table.Borders(-5).LineStyle=0; table.Borders(-6).LineStyle=0; for(i=1;i<=3;i++){//行 //第一列 with (myTable.Cell(i,1).Range){ font.Size = 8;//调整字体大小 InsertAfter("博客园"+i);//插入的内容 } //第二列 with(myTable.Cell(i,2).Range){ font.Size = 8; InsertAfter(i); ParagraphFormat.Alignment=1;//表格内容对齐:0-左对齐 1-居中 2-右对齐 } //第三列 with(myTable.Cell(i,3).Range){ font.Size = 8; InsertAfter("无价"); ParagraphFormat.Alignment=2; } } wddoc.saveAs("f:\\PrinterTemp_cnblogs.doc"); //保存临时文件word wddoc.Bookmarks("TotalPrice").Range.Text = "无价" + "\n"; wddoc.Bookmarks("Time").Range.Text = Time; //wdapp.ActiveDocument.ActiveWindow.View.Type = 1; wdapp.visible = false; //word模板是否可见 wdapp.Application.Printout(); //调用自动打印功能 wdapp.quit(); wdapp = null; }
最后:
注意:
首先要调整好IE浏览器的 Internet选项-自定义级别(右边『ActiveX控件和插件』下,能启用的都启用)
『打印机脱机工作』一般是usb没有插好,换插口,重启打印机即可
有关ActiveX控件,简单介绍下:ActiveX是Microsoft对于一系列策略性面向对象程序技术和工具的称呼,其中主要的技术是组件对象模型(COM)。在有目录和其它支持的网络中,COM变成了分布式COM(DCOM)。ActiveX 控件是用于互联网的很小的程序,有时称为插件程序。它们会允许播放动画,或帮助执行任务,如在 Microsoft Update 安装安全更新,因此可以增强您的浏览体验。下面附本站免费下载地址:
OCX控件 [activex控件] 中文版
js之ActiveX控件使用说明 new ActiveXObject()
总结
以上就是本文关于ActiveX控件的使用-js实现打印超市小票功能代码详解的全部内容,希望对大家有所帮助。如有问题可以随时留言指出,感谢朋友们对本站的支持!
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新动态
- 黄乙玲1988-无稳定的爱心肝乱糟糟[日本东芝1M版][WAV+CUE]
- 群星《我们的歌第六季 第3期》[320K/MP3][70.68MB]
- 群星《我们的歌第六季 第3期》[FLAC/分轨][369.48MB]
- 群星《燃!沙排少女 影视原声带》[320K/MP3][175.61MB]
- 乱斗海盗瞎6胜卡组推荐一览 深暗领域乱斗海盗瞎卡组分享
- 炉石传说乱斗6胜卡组分享一览 深暗领域乱斗6胜卡组代码推荐
- 炉石传说乱斗本周卡组合集 乱斗模式卡组最新推荐
- 佟妍.2015-七窍玲珑心【万马旦】【WAV+CUE】
- 叶振棠陈晓慧.1986-龙的心·俘虏你(2006复黑限量版)【永恒】【WAV+CUE】
- 陈慧琳.1998-爱我不爱(国)【福茂】【WAV+CUE】
- 咪咕快游豪礼放送,百元京东卡、海量欢乐豆就在咪咕咪粉节!
- 双11百吋大屏焕新“热”,海信AI画质电视成最大赢家
- 海信电视E8N Ultra:真正的百吋,不止是大!
- 曾庆瑜1990-曾庆瑜历年精选[派森][WAV+CUE]
- 叶玉卿1999-深情之选[飞图][WAV+CUE]