先讲下大致需求,我们是收费系统,收完费需要给客户提供收据,所以需要根据收费记录在线打印票据提供给交费人。收据打印一般2种情况,第一种就是空白三联纸,需要把票据内容全部打印上去,第二种是套打,套打三联纸上已经印有固定内容,需要将动态的信息打印上去。
第一种直接打印实现技术方案
1.通过html/css绘制一个表格如下图(用table/tr/td实现)
2.引入Lodop的js包(可以去官网下载)
Lodop官网下载地址:http://www.lodop.net/download.html
3.编写打印js方法,打印票据html内容
空白三联纸(网上找的图片,尺寸可能各不相同,供参考)
空白三联纸直接打印效果