使用Lodop打印：

一、在官网下载http://www.lodop.net/download.html

若是安装还是提示未安装，就按转这个

二、准备两个js

三、需要在页面最上面加入

<html  lang="zh" xmlns:th="http://www.thymeleaf.org">

<object id="LODOP_OB"

        classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width= height=>

    <embed id="LODOP_EM" type="application/x-print-lodop" width= height=

           pluginspage="install_lodop64.exe"></embed>

</object>

<meta charset="utf-8">

引入js

四、页面源码

<!DOCTYPE HTML>

<html  lang="zh" xmlns:th="http://www.thymeleaf.org">

<object id="LODOP_OB"

        classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width= height=>

    <embed id="LODOP_EM" type="application/x-print-lodop" width= height=

           pluginspage="install_lodop64.exe"></embed>

</object>

<meta charset="utf-8">

<head th:include="include :: header"></head>

<link th:href="@{/ajax/libs/jquery-layout/jquery.layout-latest.css}" rel="stylesheet" />

<link th:href="@{/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css}" rel="stylesheet" />

<script th:src="@{/js/jquery.min.js}"></script>

<script th:src="@{/Lodop/LodopFuncs.js}"></script>

<script th:src="@{/js/Mtils.js}"></script>

<body class="white-bg">

<div class="btn-group-sm hidden-xs" style="margin-left: 20px" id="toolbar" role="group">

    <a class="btn btn-success" onclick="PreviewMytable()" >

        <i class="fa fa-plus"></i> 打印

    </a>

</div>

<div id="t1">

    <table  class="layui-table" border="" cellpadding="" cellspacing="" align="center" style="width: 700px;  height:900px; cellspacing: 0;cellpadding:0">

        <tr>

            <th colspan="" style="text-align: center">试卷分析报告</th>

        </tr>

        <tr>

            <th colspan="" style="text-align: center">[[${word.year}]]学年第[[${word.eduYear}==null?:${word.eduYear}]]学期</th>

        </tr>

        <tr>

            <th style="text-align: center" colspan="">课程名称:[[${word.lable}]]</th>

            <th style="text-align: center" colspan="">班级:[[${word.deptName}]]</th>

            <th style="text-align: center" colspan="">人数:[[${word.total}==null?:${word.total}]]</th>

            <th style="text-align: center" colspan="">日期:[[${word.time}]]</th>

        </tr>

        <tr style="text-align: center">

            <td rowspan="" colspan="">试卷成绩</td>

            <td style="text-align: center">成绩等级</td>

            <td style="text-align: center">-</td>

            <td style="text-align: center">-</td>

            <td style="text-align: center">-</td>

            <td style="text-align: center">-</td>

            <td style="text-align: center"><</td>

        </tr>

        <tr>

            <td style="text-align: center"></td>

            <td style="text-align: center">(优秀)</td>

            <td style="text-align: center">(良好)</td>

            <td style="text-align: center">(中等)</td>

            <td style="text-align: center">(及格)</td>

            <td style="text-align: center">(不及格)</td>

        </tr>

        <tr>

            <td style="text-align: center">人数</td>

            <td style="text-align: center">[[${word.best}==null?:${word.best}]]人</td>

            <td style="text-align: center">[[${word.good}==null?:${word.good}]]人</td>

            <td style="text-align: center">[[${word.medium}==null?:${word.medium}]]人</td>

            <td style="text-align: center">[[${word.pass}==null?:${word.pass}]]人</td>

            <td style="text-align: center">[[${word.fail}==null?:${word.fail}]]人</td>

        </tr>

        <tr>

            <td style="text-align: center">所占比例</td>

            <td style="text-align: center">[[${word.bestRate}]]%</td>

            <td style="text-align: center">[[${word.goodRate}]]%</td>

            <td style="text-align: center">[[${word.mediumRate}]]%</td>

            <td style="text-align: center">[[${word.passRate}]]%</td>

            <td style="text-align: center">[[${word.failRate}]]%</td>

        </tr>

        <tr>

            <td style="text-align: center" colspan="">平均成绩</td>

            <td style="text-align: center" colspan="">[[${word.average}]]</td>

        </tr>

        <tr style=" height:200px;text-align: center">

            <td>试卷情况分析</td>

            <td colspan=""></td>

        </tr>

        <tr style=" height:200px;text-align: center">

            <td >改进措施</td>

            <td colspan=""></td>

        </tr>

        <tr>

            <td>教研室主任(签字):</td>

            <td colspan=""></td>

            <td>系(部)主任(签字):</td>

            <td colspan=""></td>

        </tr>

    </table>

</div>

</div>

<div id="test1">

    <template>

        <Table stripe :columns="columns1" :data="data1"></Table>

    </template>

</div>

<script type="text/javascript">

    var LODOP; //声明为全局变量

    function PreviewMytable() {

        var  supplier = $("#supplierSpName").val();

        var  pcBillnr = $("#pcBillnr").val();

        var  creat = $("#creat").val();

        var listSize = $("#listSize").val();

        var rowHeight= (listSize * 7.0)+34.0;

        var rowHeight1= (listSize * 7.0)+40.0;

        var endWidth = (listSize * 7.0)+50.0;

        // if (LODOP.webskt && LODOP.webskt.readyState == 1) {

        LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));

        LODOP.PRINT_INITA("-0.79mm","-3.7mm","210mm","220mm","试卷成绩分析");

        //LODOP.PRINT_INITA(-3,-14,800,rowHeight,"进货单打印");

        //设置纸张大小和格式

        //LODOP.SET_PRINT_PAGESIZE(1,0,0,"A4");

        /*

                LODOP.SET_PRINT_PAGESIZE(1,"220mm",endWidth+"mm","");

                LODOP.SET_PRINT_STYLEA(0,"ItemType",2);

                LODOP.SET_PRINT_STYLEA(0,"ItemType",3);

                var strStyle="<style> .z1{font-size:13px}.z2{font-size:12px}td,th {border-width: 1px;border-style: solid;border-collapse: collapse}.wk{border-bottom:1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;} </style>"

                //打印单抬头部分

        */

        /*

                LODOP.SET_PRINT_STYLEA(0,"FontSize",15);

                LODOP.SET_PRINT_STYLEA(0,"Bold",1);

                LODOP.SET_PRINT_STYLEA(0,"Alignment",3);*/

        //引入打印内容

        LODOP.ADD_PRINT_HTM("20.6mm","13.8mm","90%","100%",document.getElementById("t1").innerHTML);

        LODOP.NewPage();

        //LODOP.ADD_PRINT_IMAGE(113,564,184,312,"<img border='0' src='vm.uploadList[0].imgUrl'width='100%' height='250'/>");

        //LODOP.ADD_PRINT_IMAGE(113,564,184,312,"<img border='0' src='vm.uploadListe[0].imgUrl'width='100%' height='250'/>");

        //LODOP.ADD_PRINT_HTM("20.6mm","13.8mm","90%","100%",document.getElementById("test1").innerHTML);

        /*

               LODOP.ADD_PRINT_IMAGE(39,210,400,400,"<img border='0' src='https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E7%99%BE%E5%BA%A6%E5%9B%BE%E7%89%87&step_word=&hs=0&pn=2&spn=0&di=147290&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=2&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=-1&cs=2432587304%2C4134874795&os=3863472431%2C2265441716&simid=3485710891%2C47672788&adpicid=0&lpn=0&ln=1582&fr=&fmq=1543374993775_R&fm=detail&ic=0&s=undefined&hd=0&latest=0&copyright=0&se=&sme=&tab=0&width=&height=&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fphotocdn.sohu.com%2F20150908%2Fmp31043208_1441704680666_3.png&fromurl=ippr_z2C%24qAzdH3FAzdH3Fooo_z%26e3Bf5i7_z%26e3Bv54AzdH3FwAzdH3Fn8a9ndab_d808ac&gsm=0&rpstart=0&rpnum=0&islist=&querylist=&selected_tags=0' />");

        */

        //LODOP.ADD_PRINT_IMAGE(113,564,184,312,"<img border='0' src='http://43.226.38.125:8080/health/files/20161221100807932_20679.png'width='100%' height='250'/>");

        //LODOP.ADD_PRINT_SETUP_BKIMG("data:image/jpg;base64, /9j/4AAQSkZJRgABAgIAAAAAAAD//gAeQUNEIFN5c3RlbXMgRGlnaXRhbCBJbWFnaW5nAP/AABEIAEIAYwMBIgACEQEDEQH/2wCEABQNDxEPDBQREBEWFRQXHjIgHhsbHj0rLiQySD9MS0c/RkRQWnNhUFVsVkRGZIhlbHZ6gIKATWCNl4x9lnN+gHsBHyEhLSctWDAwWLl7aXu5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5uf/EAHkAAQADAQEBAAAAAAAAAAAAAAADBAUCAQYQAAICAgAFAgQDBwUAAAAAAAECAAMEEQUSIUFREzEiYXGBFDJCBiORobHB0VNykuHwAQEBAQEAAAAAAAAAAAAAAAAAAgEDEQEBAQEBAAMAAAAAAAAAAAAAARECURIxQf/aAAwDAQACEQMRAD8A+yiIgInk4stCnQ+JvAgdyNr0H5dsflIbXA+K5wo7Azmu2qwlUYEjrrWjqB22RZ2RR9TImzLl/Sh+xnVhAEo5FoEC0vE9H46v+JlmnMotOg+m8N0mGOaw9JMMZiOsDeiZFGRdikBtvX4PuPpNSq1Lqw9bBlPeB1ERA9iJTycglvSrP+4j+kDu6/ZKVnr3bxM7OsxMWotbUjOfYa6mT3WrjUc5GyeijyZm24L3g35DHmPXqdBRKk1luK9V19p5lJrTsAdn+P8AaaWM93MLvT9RAvINNonyRv3HSVMDFe12X1GalTvm +Xgf+6TSucVpoaAA0AO03q/hEFubW+1BIce6MNEfaVRzXWaEiy2W48rDm8fL6eJDZa+MPRFmwRtm /Uo8b+cmTWtH8XjYxKDmtsHuKxvX1PsJE/GdflxT97BMay9iOVBpR7ASAu2+pl/GJ1sX8UutQhQlW+4PMZ1wbP8AwmQK2Y+i50d9j5mMrmSKdysjNffRIOHMzcPoaz8xQb3LHScVqXEcr0VFSH94/fwJWxhsgSHJYNxC7mPVWA+2pPjuqsIFHJyUt4siOdVoDr7f9ybJrOfYtFbgoPisYb19we/9YowfVJJ9MKrELbvZI34lxzVjU8lY0B1PknyZW+MxyxqxqRXWNKv85l5WSWJnmXl7JlFrOZpjUyuERrn9lG9eZnF2tcs56k7b6yXMt5itCnovVvr2kI6S+YmvXOh0kDHrJGBY6A3L2DwPLyiGKciHu3SVbjJFClHscIilmPYCfQcJ4NzMLL+oHYew/wAzSwODUYifEec9x7CaQAA0AAB2nO9eKwA0AANARESWsjjnDrrSMvDIF6jTIfZx/kTFTihqBXIRqbAO46b+s+ylPM4bj5Y+NdN5ExUz6rIpyj6QFbhlA10O5Dk5bkEGc5n7L2oS+HZyt5Q6mRdjcbxX1cllqeQm4lbefEt1pJMh/EcnXpvsJC5y2OjVdvwKyP7T2rhnEchtVYd5B7ldD+cvHPXVR2CxOyfcy9gcOvzrNVp8I92PsJocJ/ZmxCLM5wB/pod/xM+lqrSqsJWgVR7ACbevGYo4HB8bEAYqLLB+ojoPoJoT2JCiIiB5ERAREQEREBERAREQEREBERAREQP/2Q==")

        // LODOP.ADD_PRINT_SETUP_BKIMG("data:image/jpg;base64,\n/9j/4AAQSkZJRgABAgIAAAAAAAD//gAeQUNEIFN5c3RlbXMgRGlnaXRhbCBJbWFnaW5nAP/AABEI\nAEIAYwMBIgACEQEDEQH/2wCEABQNDxEPDBQREBEWFRQXHjIgHhsbHj0rLiQySD9MS0c/RkRQWnNh\nUFVsVkRGZIhlbHZ6gIKATWCNl4x9lnN+gHsBHyEhLSctWDAwWLl7aXu5ubm5ubm5ubm5ubm5ubm5\nubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5uf/EAHkAAQADAQEBAAAAAAAAAAAAAAAD\nBAUCAQYQAAICAgAFAgQDBwUAAAAAAAECAAMEEQUSIUFREzEiYXGBFDJCBiORobHB0VNykuHwAQEB\nAQEAAAAAAAAAAAAAAAAAAgEDEQEBAQEBAAMAAAAAAAAAAAAAARECURIxQf/aAAwDAQACEQMRAD8A\n+yiIgInk4stCnQ+JvAgdyNr0H5dsflIbXA+K5wo7Azmu2qwlUYEjrrWjqB22RZ2RR9TImzLl/Sh+\nxnVhAEo5FoEC0vE9H46v+JlmnMotOg+m8N0mGOaw9JMMZiOsDeiZFGRdikBtvX4PuPpNSq1Lqw9b\nBlPeB1ERA9iJTycglvSrP+4j+kDu6/ZKVnr3bxM7OsxMWotbUjOfYa6mT3WrjUc5GyeijyZm24L3\ng35DHmPXqdBRKk1luK9V19p5lJrTsAdn+P8AaaWM93MLvT9RAvINNonyRv3HSVMDFe12X1GalTvm\n+Xgf+6TSucVpoaAA0AO03q/hEFubW+1BIce6MNEfaVRzXWaEiy2W48rDm8fL6eJDZa+MPRFmwRtm\n/Uo8b+cmTWtH8XjYxKDmtsHuKxvX1PsJE/GdflxT97BMay9iOVBpR7ASAu2+pl/GJ1sX8UutQhQl\nW+4PMZ1wbP8AwmQK2Y+i50d9j5mMrmSKdysjNffRIOHMzcPoaz8xQb3LHScVqXEcr0VFSH94/fwJ\nWxhsgSHJYNxC7mPVWA+2pPjuqsIFHJyUt4siOdVoDr7f9ybJrOfYtFbgoPisYb19we/9YowfVJJ9\nMKrELbvZI34lxzVjU8lY0B1PknyZW+MxyxqxqRXWNKv85l5WSWJnmXl7JlFrOZpjUyuERrn9lG9e\nZnF2tcs56k7b6yXMt5itCnovVvr2kI6S+YmvXOh0kDHrJGBY6A3L2DwPLyiGKciHu3SVbjJFClHs\ncIilmPYCfQcJ4NzMLL+oHYew/wAzSwODUYifEec9x7CaQAA0AAB2nO9eKwA0AANARESWsjjnDrrS\nMvDIF6jTIfZx/kTFTihqBXIRqbAO46b+s+ylPM4bj5Y+NdN5ExUz6rIpyj6QFbhlA10O5Dk5bkEG\nc5n7L2oS+HZyt5Q6mRdjcbxX1cllqeQm4lbefEt1pJMh/EcnXpvsJC5y2OjVdvwKyP7T2rhnEcht\nVYd5B7ldD+cvHPXVR2CxOyfcy9gcOvzrNVp8I92PsJocJ/ZmxCLM5wB/pod/xM+lqrSqsJWgVR7A\nCbevGYo4HB8bEAYqLLB+ojoPoJoT2JCiIiB5ERAREQEREBERAREQEREBERAREQP/2Q==\n");

        /*        for (var i=0;i<vm.uploadListe.length;i++)

                {

                    console.log(vm.uploadListe[i].imgUrl)

                    LODOP.ADD_PRINT_IMAGE(0,0,0,0,"<img border='0' src='vm.uploadListe[i].imgUrl'width='100%' height='250'/>");

                }*/

        /* for (var i=0;i<vm.uploadListe.length;i++)

         {

             var url = vm.uploadListe[i].imgUrl;

             console.log("vm.uploadListe[i].imgUrl"+i+":"+vm.uploadListe[i].imgUrl)

             LODOP.ADD_PRINT_IMAGE(113+(i*100),564,184,312,"<img border='0' src='url'width='100%' height='250'/>");

         }*/

        //LODOP.SET_PRINT_STYLEA(0,'HtmWaitMilSecs',3000)

        /*

         //直接打印

         LODOP.PRINT();

         //打印预览

         LODOP.PREVIEW();

         //打印维护

         LODOP.PRINT_SETUP();

         //打印设计

         LODOP.PRINT_DESIGN();

         */

        /*LODOP.PRINT_DESIGN();*/

        LODOP.PREVIEW();

        /* } else {

         alert("LDOP還没准备好！");

         } */

    };

    function print(){

        if (needCLodop()) {

            window.On_CLodop_Opened = function() {

                PreviewMytable();

                window.On_CLodop_Opened = null;

            };

        } else

            window.onload = function() {

                PreviewMytable();

            };

    }

</script>

</body>

</html>

最新文章

  1. 关于解决python线上问题的几种有效技术
  2. UWP学习记录10-设计和UI之控件和模式7
  3. jar包依赖性查询
  4. [转]Java compiler level does not match解决方法
  5. spring.net
  6. Git使用日记
  7. php socket通信(tcp/udp)
  8. Hadoop 学习笔记 （十） hadoop2.2.0 生产环境部署 HDFS HA Federation 含Yarn部署
  9. 粗窥STARTUP.A51和INIT.A51
  10. tomcat会话之持久化会话管理器
  11. Valudate.js格式
  12. AspNetPager分页控件的使用方法
  13. Play XML Entities
  14. python版 mapreduce 矩阵相乘
  15. Ubuntu Docker版本的更新与安装
  16. elementUI 表格设置表头样式
  17. Ribbon 常用配置
  18. linux系统安全更新
  19. 菜鸟学习Spring Web MVC之一
  20. 使用代理*** and kubeadm init错误

热门文章

  1. BNUOJ 5235 Starship Troopers
  2. 56. spring boot中使用@Async实现异步调用【从零开始学Spring Boot】
  3. mariadb,maria db
  4. [OJ#39]左手右手
  5. [NOIP2008] 提高组 洛谷P1149 火柴棒等式
  6. android view自定义
  7. 苹果Macbook Air怎么安装Win7系统图解教程
  8. dstat用法；利用awk求dstat所有列每列的和；linux系统监控
  9. CentOS 7 开启VNC Service
  10. 1072. Gas Station (30)【最短路dijkstra】——PAT (Advanced Level) Practise