lodop 打印

使用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=0 height=0>
    <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0
           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=0 height=0>
    <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0
           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" οnclick="PreviewMytable()" >
        <i class="fa fa-plus"></i> 打印
    </a>
</div>
<div id="t1">
    <table  class="layui-table" border="1" cellpadding="0" cellspacing="0" align="center" style="width: 700px;  height:900px; cellspacing: 0;cellpadding:0">
        <tr>
            <th colspan="7" style="text-align: center">试卷分析报告</th>
        </tr>
        <tr>
            <th colspan="7" style="text-align: center">[[${word.year}]]学年第[[${word.eduYear}==null?0:${word.eduYear}]]学期</th>
        </tr>
        <tr>
            <th style="text-align: center" colspan="2">课程名称:[[${word.lable}]]</th>
            <th style="text-align: center" colspan="2">班级:[[${word.deptName}]]</th>
            <th style="text-align: center" colspan="1">人数:[[${word.total}==null?0:${word.total}]]</th>
            <th style="text-align: center" colspan="2">日期:[[${word.time}]]</th>
        </tr>

        <tr style="text-align: center">
            <td rowspan="5" colspan="1">试卷成绩</td>
            <td style="text-align: center">成绩等级</td>
            <td style="text-align: center">90-100</td>
            <td style="text-align: center">80-89</td>
            <td style="text-align: center">70-79</td>
            <td style="text-align: center">60-69</td>
            <td style="text-align: center"><60</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?0:${word.best}]]人</td>
            <td style="text-align: center">[[${word.good}==null?0:${word.good}]]人</td>
            <td style="text-align: center">[[${word.medium}==null?0:${word.medium}]]人</td>
            <td style="text-align: center">[[${word.pass}==null?0:${word.pass}]]人</td>
            <td style="text-align: center">[[${word.fail}==null?0:${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="3">平均成绩</td>
            <td style="text-align: center" colspan="3">[[${word.average}]]</td>
        </tr>
        <tr style=" height:200px;text-align: center">
            <td>试卷情况分析</td>
            <td colspan="6"></td>
        </tr>
        <tr style=" height:200px;text-align: center">
            <td >改进措施</td>
            <td colspan="6"></td>
        </tr>
        <tr>
            <td>教研室主任(签字):</td>
            <td colspan="3"></td>
            <td>系(部)主任(签字):</td>
            <td colspan="2"></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>

 

转载于:https://www.cnblogs.com/NCL--/p/10288191.html

二维,条形,网页各类打印样式控件Lodop 1.如何在页面内嵌入控件见样例一 2.如何选材打印当前页面内容见样例二 3.如何用代生成打印页见样例三 4.如何打印设计和定位套打见样例四 5.如何控制纸张大小和连续打印见样例五 6.如何输出多页长文档及双面打印见样例六 7.如何定向输出见样例七 8.如何打印图片见样例八 9.如何用程序加载打印维护背景图见样例九 10如何控制打印样式(STYLE)见样例十 11如何直接打印条形见样例十一 12如何读写本地文件见样例十二 13如何打印旋转内容见样例十三 14如何按URL打印见样例十四 15如何打印表格的页头页尾见样例十五 16如何设置预览窗口大小见样例十六 17如何发打印机指令或直接读写端口见样例十七 18如何打印幅面高度不固定的票据见样例十八 19如何内嵌显示及预览时包含背景图见样例十九 20如何强制分页并预览多页卡片见样例二十 21如何控制打印维护的功能权限见样例二十一 22如何构建自己的纯WEB打印预览见样例二十二 23如何居中打印超文本见样例二十三 24如何选择界面皮肤见样例二十四 25如何指定输出到哪页或仅预览见样例二十五 26如何提高多页打印的性能见样例二十六 27如何导出数据到Excel文件见样例二十七 28如何快速读取客户端系统信息见样例二十八 29如何使用其它长度单位见样例二十九 30如何分页输出页面内容见样例三十 31如何打印表格的分页小计或合计见样例三十一 32如何实现清晰的图表打印见样例三十二 33如何实现甘特图等的图表打印见样例三十三 34如何使用百分比%和满页打印见样例三十四 35如何获得打印结果和程序代见样例三十五 36如何在设计过程中用js编辑内容见样例三十六 37如何打印公章效果图见样例三十七 38如何用BASE64编输出图片见样例三十八 39如何打印田字格、上划线等文本见样例三十九 40如何进行数据格式转换见样例四十 41如何把内容关联后按顺序打印见样例四十一 42如何把整页内容缩放打印见样例四十二 43如何分页打印综合表格见样例四十三 44如何缩放打印单个超文本内容见样例四十四 45如何获得打印状态及最终结果见样例四十五 46如何设置右边距和下边距见样例四十六
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值