您的位置：首页 > Web前端 > JavaScript

js调用打印接口打印web页面之——使用lodop组件打印jsp web页面

2017-01-22 20:17 726 查看

最近项目需求需要使用web页面的打印功能，最开始使用window.print()直接打印能出效果，但是无法实现预览功能，并且不同的浏览器执行的效果都不一样。后面百度找到webEx……那个组件，结果在html页面可行，放到项目的jsp页面就不行。最后找到了这个lodop组件，感觉它的功能太强大了。下面是我整理的demo，喜欢或对你有帮助请打赏一点点。

首先去官网上下载组件：www.lodop.net

解压后新建一个文件夹lodop6.2，将下图文件拷贝到文件夹中供给项目使用：

将文件夹lodop6.2放到项目下，注意引用时绝对路径与相对路径的区别：

编写jsp页面：

<body>

<h2><font color="#009999">演示如何打印当前页面的内容：</font></h2>

<input type="button" value="打印预览" onclick="javascript:prn1_preview()">

<input type="button" value="直接打印" onclick="javascript:prn1_print()">

<input type="button" value="选择打印机" onclick="javascript:prn1_printA()">



<div id="printDiv">

<h2>方法1：用SET PASSWORD命令</h2>

首先登录MySQL。
<br>

格式：mysql> set password for
用户名@localhost = password('新密码'); <br>

例子：mysql> set password for root@localhost = password('123'); <br>

<h2>方法2：用mysqladmin </h2>

格式：mysqladmin -u用户名-p旧密码password
新密码<br>

例子：mysqladmin -uroot -p123456 password 123 <br>

<h2>方法3：用UPDATE直接编辑user表</h2>

首先登录MySQL。
<br>

mysql> use mysql; <br>

mysql> update user set password=password('123') where user='root' and host='localhost'; <br>

mysql> flush privileges; <br>

<h2>方法4：在忘记root密码的时候，可以这样</h2>

以windows为例：
<br>

1. 关闭正在运行的MySQL服务。<br>

2. 打开DOS窗口，转到mysql\bin目录。<br>

3. 输入mysqld --skip-grant-tables回车。--skip-grant-tables的意思是启动MySQL服务的时候跳过权限表认证。<br>

4. 再开一个DOS窗口（因为刚才那个DOS窗口已经不能动了），转到mysql\bin目录。<br>

5. 输入mysql回车，如果成功，将出现MySQL提示符>。
<br>

6. 连接权限数据库： use mysql;。
<br>

6. 改密码：update user set password=password("123") where user="root";（别忘了最后加分号）。<br>

7. 刷新权限（必须步骤）：flush privileges;　。<br>

8. 退出 quit。<br>

9. 注销系统，再进入，使用用户名root和刚才设置的新密码123登录。<br>

</div>

<script language="javascript" type="text/javascript">

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

    //打印预览

function prn1_preview() {

CreateOneFormPage();

LODOP.PREVIEW();

};

//直接打印

function prn1_print() {

CreateOneFormPage();

LODOP.PRINT();

};

//选择打印机

function prn1_printA() {

CreateOneFormPage();

LODOP.PRINTA();

};

function CreateOneFormPage(){

LODOP=getLodop();

LODOP.PRINT_INIT("Mysql更改密码的四种方法");

LODOP.SET_PRINT_STYLE("FontSize",18);

LODOP.SET_PRINT_STYLE("Bold",1);

LODOP.ADD_PRINT_TEXT(50,231,260,39,"Mysql更改密码的四种方法");

//参数100表示距离左侧100px;88表示距离顶部88px

LODOP.ADD_PRINT_HTM(88,100,"80%","80%",document.getElementById("printDiv").innerHTML);

};

</script>

</body>

最终效果：

打印预览：

直接打印与选择打印机：

如有帮到您，打赏一下呗！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航