调用打印机打印案例

最新推荐文章于 2025-06-18 15:31:40 发布
原创 最新推荐文章于 2025-06-18 15:31:40 发布 · 1.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#打印

页面涉及到打印功能可以参考该例子

涉及的页面不是很美观，如果vue+elementUI，可美化页面，或者其他框架都可使用，更好的也可以自定制。

直接上代码：

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<style type="text/css">
#form_print{
text-align: center;
}
.container{
display: inline-block;
}
h3{
margin-bottom: 30px;
}
table{
margin: 10px 0 30px;
border-collapse: collapse;
}
thead{
font-size: 14px;
}
tbody{
font-size: 12px;
}
th, td{
max-width: 90px;
min-width:70px;
padding:5px;
}
td{
word-wrap: break-word;
}
.text{
display: flex;
padding: 0 20px;
}
.left,
.right{
                        flex: 1;
                }
.text .right{
margin-left: 40px;
}
label{
text-align: left;
display: block;
margin-bottom: 10px;
}
.footer{
display: flex;
}
.footer label{
text-align: center;
}
</style>

<style>

这里很关键：这里是设置打印页面的大小的样式

@page{
size: auto;
margin: 3mm;
}
@media print{
body{
text-align: center;
}
}
</style>
</head>
<body>
<div id="form_print">
    <div class="container">
    <h3>物料出库成本核算表</h3>
    <div class="text">
    <div class="left">
    <label>
    供应商：<span>海康</span>
    </label>
    <label>
    使用部门：<span>深圳办事处</span>
    </label>
  <label>
  使用项目：<span>中海物业-深圳-电梯维保-2018</span>
  </label>
    </div>
    <div class="right">
    <label>
    出库核算表号：<span>RK-20180413-02923海康</span>
    </label>
    <label>
    制表日期：<span>2018-04-13</span>
    </label>
    </div>
    </div>
    <table border="1" cellspacing="0" cellpadding="0">
      <thead>
        <tr>
          <th>序号</th>
          <th>物料名称</th>
          <th>规格型号</th>
          <th>品牌</th>
          <th>采购单价</th>
          <th>数量</th>
          <th>单个成本</th>
          <th>单个可抵扣税金</th>
          <th>合计</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>网络红外枪球摄像机</td>
          <td>DS-2CD2T26VD-I5(6mm)</td>
          <td>海康</td>
          <td>350.0</td>
          <td>1.00</td>
          <td>299.15</td>
          <td>50.85</td>
          <td>299.15</td>
        </tr>
        <tr>
          <td>2</td>
          <td>网络红外枪球摄像机</td>
          <td>DS-2CD2T26VD-I5(4mm)</td>
          <td>海康</td>
          <td>350.0</td>
          <td>1.00</td>
          <td>299.15</td>
          <td>50.85</td>
          <td>299.15</td>
        </tr>
        <tr>
          <td>3</td>
          <td>电源适配器</td>
          <td>DS-2FA1220-DW-CH</td>
          <td>海康</td>
          <td>25.00</td>
          <td>2.00</td>
          <td>21.37</td>
          <td>3.63</td>
          <td>42.74</td>
        </tr>
        <tr>
        <td colspan="8">合计:</td>
        <td>10000</td>
        </tr>
      </tbody>
    </table>
    <div class="footer">
    <div class="left">
    <label>制表：
    <span>林林林</span>
    </label>
    </div>
    <div class="right">
    <label>审核：
    <span>林林林</span>
    </label>
    </div>
    </div>
    </div>
</div>
  <button id="btn">打印</button>
</body>

</html>

打印的JS代码

<script type="text/javascript" >
var btn = document.getElementById('btn')
btn.onclick = function print() {
  var form_print = document.getElementById('form_print')
  var newStr = form_print.innerHTML
  var oldStr = document.body.innerHTML
  document.body.innerHTML = newStr
  window.print()
  window.location.reload()
  document.body.innerHTML = oldStr
  return false
}
</script>
zeroLynn
关注
打印机案例, 办公室里多人使用同一打印机
Python_ID的博客
07-25 276
# 打印机案例, 办公室里多人使用同一打印机 class Staff(object): """员工类""" def user_printer(self, info, pr): """ 使用打印机的方法 :param info:需要打印的信息 :param pr: 打印机对象 :return: None """ pr.add_task(info) class Manager(
java 打印机_JAVA实现调用打印机打印PDF
weixin_30775883的博客
02-12 8081
JAVA实现调用打印机打印PDF，网上搜索了一大把资料，基本上都是重复。。。下面骂人的一大堆。。我这里来解决一下。需求：前端调用用接口 后端根据模版生成数据联通打印机直接一键打印！思路：这里讲一下打印最好使用pdf去打印。不管是word.excel 都是通过转PDF 再打印出来的。所以我这里的思路就是 选择模版生成文件，并且打印。我这里选择html模版 也就是freemark模版。1、通过vm文件...
调用打印机
03-03
delphi调用打印机，设置打印机，并用选择的打印机打印richedit中的内容
打印实例
weixin_30457465的博客
02-14 104
1.demo1 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7...
Vue2中如何使用vue-print-nb打印功能
最新发布
zbl1340301274的博客
06-18 510
摘要：Vue打印插件vue-print-nb使用指南，包含安装步骤（npm安装+全局导入）、基本用法（v-print指令绑定打印区域）和详细配置选项（预览设置、回调函数等）。重点说明打印样式优化技巧：分页处理（page-break-after）、消除空白页（调整高度样式）、隐藏特定元素（no-print类）以及表格打印样式适配。同时对比原生window.print()方法，提供Element-UI表格打印的CSS解决方案。插件支持URL打印和异步加载，可通过媒体查询@media print定制打印专属样式。
打印案例
xiaoshizi933325494的博客
03-25 164
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="Access-Control-Allow-Origin" content="*"> <title>Title</title> ...
C# 打印机案例
09-08
功能 搜索网络打印机 添加网络打印机 搜索本地打印机 设置默认打印机 打印设置 打印预览 打印 目前只有文本打印
android调用局域网打印机万能打印的几个案例源码
情随事迁个人博客
06-03 732
打印自定义文档 编写:jdneo - 原文:http://developer.android.com/training/printing/custom-docs.html 对于有些应用，比如绘图应用，页面布局应用和其它一些关注于图像输出的应用，创造出美丽的打印页面将是它的核心功能。在这种情况下，仅仅打印一幅图片或一个HTML文档就不够了。这类应用的打印输出需要精确地控制每一个会在页面中显示的对...
python调用打印机的程序案例
码猩的博客
06-24 362
【代码】python调用打印机的程序案例。
JAVA调用斑马打印机打印
04-15
将打印指令放到txt文档中，读取文档中的指令，发送到斑马打印机中，实现打印。此代码已经非常精简，项目需要用到ts24.lib,资源中也付带这个文件，并且附带一个C.txt文档的指令作为实验用。C.txt和ts24.lib请放在代码...
Spring案例打印机的实现过程详解
08-25
Spring 案例打印机的实现过程详解 Spring 案例打印机的实现过程详解是一篇关于 Spring 框架在打印机应用中的实现过程的文章，这篇文章通过示例代码对 Spring 案例打印机的实现过程进行了详细的介绍，对大家的学习...
js调用打印机
06-13
js调用打印机打印，可自己设置样式，。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
C#实现打印机功能实例
01-28
实现C#打印机预览、设置、打印等功能！
html调用打印机打印（可预览）
11-02
在html中的input里输入什么内容就预览、打印什么内容。很方便、实用。
调用本地打印机
11-28
通过windows API实现调用本地的打印机进行打印操作，附源代码
调用本地打印机打印
04-06
调用本地打印机，vs2010平台，通过测试，打印机随意
调用打印机打印
weixin_33851429的博客
04-16 240
获取本地打印机 //获取打印机列表 private void GetPrinters() { PrintDocument prtDoc = new PrintDocument(); string strDefaultprinter = prtDoc.PrinterSettings.PrinterName...
postscript打印机什么意思_涨知识|你不知道的关于打印机的打印过程和打印机驱动的那些事...
weixin_39657094的博客
11-24 1563
以前一直以为打印很简单，不就是编辑好文件按个“打印”就行了？但其实打印过程可以复杂到你分分钟“怀疑人生”。你以为的打印过程可能是这样的 ↓。我们看到的打印过程然而，真正的打印过程是这样的 ↓。实际上的打印过程打印机打印一页文件或图片，需要经过很多复杂的步骤，才能输出完整的图像，而整个过程只需要短短几秒钟的时间。从办公软件到纸张输出，这中间的每个步骤又是环环相扣的，任何一个环节出现问题都可能会导致打...
调用打印界面
离,路的尽头还很远...
11-14 913
var      PrinterSetupDialog1:TPrinterSetupDialog;  begin    PrinterSetupDialog1:=TPrinterSetupDialog.create(nil);    if   PrinterSetupDialog1.Execute   then    begin          excel.application.A
java 调用打印机打印pdf具体代码案例
09-23
以下是一个使用Java调用打印机打印PDF文件的具体代码案例： ```java import javax.print.*; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; public class ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值