Lodop插件与前端html实现打印

        因为公司业务需求， 需要通过对接快递100发货面单接口返回面单html ，然后在打印出快递面单。

       大概流程是 ，先获取到快递100API接口返回的数据   , 咱需要的字段是一个html字符串，所以直接返回前端，前端把这个字段返回给Lodop插件的JS方法， 然后实现打印效果。

        前期准备

        Lodop 官网下载的Lodop安装包

         里面包含安装程序 与 前端 JS。

1. js文件存放在项目设置的包内， 一般是resoures  -  static包下 。

2.在前端需要打印的页面引入此js ， 并调用js中的方法

//这个是自己项目中文件路径
<script src="/js/LodopFuncs/LodopFuncs.js" type="text/javascript"></script>


<script th:inline="javascript">
    // 业务方法(可以是ajax) ， 然后直接调用 CreateOneFormPage方法打印即可
    //xxxx
    //xxxxxx
    // CreateOneFormPage(xxx);

    function CreateOneFormPage(result) {
        let LODOP = getLodop(); //调用getLodop获取LODOP对象
        return new Promise(function (resolve) {
            setTimeout(() => {
                LODOP.PRINT_INIT("");
                LODOP.ADD_PRINT_HTM(0,0,"100%","100%",result);
                // LODOP.ADD_PRINT_HTML(0, 0, "100%", "100%", result);
                LODOP.SET_PRINT_PAGESIZE(1, 2000, 2000, "");
                // LODOP.PREVIEW();
                LODOP.PRINT();
            }, 1000);
        });
    }
</script>

 里面具体的没有详细描述， 官网都有每个方法字段的介绍。