html页面转换成pdf

一般页面都是.jsp页面,所以要把.jsp转换成html,在生成pdf,在网上找了好多方法,只有用一个插件,wkhtmltopdf-0.8.3.exe,生成的pdf会相对的好看。

先附上我做的.jsp页面。

<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en" id="htmlId">
<head>
     <meta charset="UTF-8" />
    <style>
        .box{
            /* width: 1000px;
            border:1px solid red; */
            text-align: center;
            
        }
        table{
            width: 100%;
        }
        table, th, td {
            border: 1px solid grey;
            border-collapse: collapse;
            font-size: 12px;
        }
        table th {
            height: 40px;
            line-height: 40px;
            background: #cdcdcd;
            text-align: center;
        }
        table td {
            height: 40px;
            line-height: 40px;
            color: black;
            text-align: center;
        }

        /*如果要隔行变色把下面解开换色就行*/
     /*   table tr:nth-child(odd) {
            background-color: white;
        }
        table tr:nth-child(even) {
            background-color:#99ccff;
        }*/
        .civilRecord{
            margin-top: 20px;
        }
        /*这是固定某一列表格的宽度*/
        .civilRecord .th1{
            width: 70px;
        }
        .civilRecord .th3{
            width: 190px;
        }
        .civilRecord .th4{
            width: 190px;
        }
        .civilRecord .th5{
            width: 190px;
        }
        .protectionin{
         margin-top: 20px;
        }
        
        .bj{
            margin-left: 5%;
            margin-right: 5%;        
        }

    </style>
    <script type="text/javascript" src="resource/jquery/jquery-1.9.1.min.js"></script>
    		<script type="text/javascript">
      function msg() {
    	  /* var url = 'assurehistory.do?reqCode=exportAssurehistoryPDF';
		  //window.location.href = url; 
		  var html=$("#htmlId").html();
		  //alert(html);
		  //return;
		  $.ajax({
	             type: "post",
	             url: url,
	             data: {htmlContent:html},
	             dataType: "json",
	             success: function(data){
	            	 //alert(data.msg);
	             }
	         }); */
	         var form=$("<form>");//定义一个form表单
	         form.attr("style","display:none");
	         form.attr("target","");
	         form.attr("method","post");
	         form.attr("action","assurehistory.do?reqCode=exportAssurehistoryPDF");
	         var input1=$("<input>");
	         input1.attr("type","hidden");
	         input1.attr("name","htmlContent");
	         var html=$("#htmlId").html();
	        // alert(html);
	         input1.attr("value",html);
	         $("#pdfBody").append(form);//将表单放置在web中
	         form.append(input1);
	         form.submit();//表单提交 
       }

</script>
</head>
<body id="pdfBody">
<div class="box" style="height:430px;overflow:auto">
    <div style="margin-left:80%;line-height: 28px;position: relative;">
    <input type="button" value="导出PDF" onclick="msg()"/>
		</div>
  <!-- <h3>三 公共信息明细</h3> -->
    <div class="taxesRecord bj">
        <p>个人担保基础信息</p>
        <table >
            <thead>
            <tr>
                <th>信息记录类型</th>
                <th>账户类型</th>
                <th>账户标识码</th>
                <th>信息报告日期</th>
            </tr>
            </thead>
            <tbody>
            <tr>
            <c:forEach var="assureinfos" items="${assureinfos}">
                <td>${assureinfos.infotypetext}</td>
                <td>${assureinfos.acctypetext}</td>
                <td>${assureinfos.acccode}</td>
                <td>${assureinfos.repdateStr}</td>
                </c:forEach>
            </tr>
            </tbody>
        </table>
        <table>
         <thead>
            <tr>
                <th>报告时点说明代码</th>
                <th>债务人姓名</th>
                <th>债务人证件类型</th>
                <th>债务人证件号码</th>
                <th>业务管理机构代码</th>
            </tr>
            </thead>
            <tbody>
            <tr>
            <c:forEach var="assureinfos" items="${assureinfos}">
                <td>${assureinfos.repcodetext}</td>
                <td>${assureinfos.debtorname}</td>
                <td>${assureinfos.debtoridtypetext}</td>
                <td>${assureinfos.debtoridnum}</td>
                <td>${assureinfos.organcode}</td>
                </c:forEach>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="civilRecord bj">
        <p>担保人基本信息</p>
        <table>
            <thead>
            <tr>
                <th class="th1">担保业务大类</th>
                <th class="th1">担保业务种类细分</th>
                <th class="th1">开户日期</th>
                <th class="th1">信用额度</th>
                <th class="th1">币种</th>
            </tr>
            </thead>
            <tbody>
            <tr>
            <c:forEach var="assurebasicinfos" items="${assurebasicinfos}">
                <td>${assurebasicinfos.suretybusstext }</td>
                <td>${assurebasicinfos.suretybussspeartext}</td>
                <td>${assurebasicinfos.opendateStr }</td>
                <td>${assurebasicinfos.creditlimit }</td>
                <td>${assurebasicinfos.currencytypetext }</td>
             </c:forEach>
            </tr>
            </tbody>
        </table>
        <table>
            <thead>
            <tr>
                <th class="th1">到期日期</th>
                <th class="th1">反担保方式</th>
                <th class="th1">其他还款保证方式</th>
                <th class="th1">保证金百分比</th>
                <th class="th1">担保合同文本编号</th>
            </tr>
            </thead>
            <tbody>
            <tr>
            <c:forEach var="assurebasicinfos" items="${assurebasicinfos}">
                <td>${assurebasicinfos.enddateStr }</td>
                <td>${assurebasicinfos.assuremodetext }</td>
                <td>${assurebasicinfos.otherasstext }</td>
                <td>${assurebasicinfos.marginpercent }</td>
                <td>${assurebasicinfos.assurenum }</td>
             </c:forEach>
            </tr>
            </tbody>
        </table>
    </div>
     <div class="civilRecord bj">
        <p>在保责任信息</p>
        <table>
            <thead>
            <tr>
                <th class="th1">账户状态</th>
                <th class="th1">在保余额</th>
                <th class="th1">余额变化日期</th>
                <th class="th1">五级分类</th>
                <th class="th1">五级分类认定日期</th>
            </tr>
            </thead>
            <tbody>
            <tr>
            <c:forEach var="protectioninfos" items="${protectioninfos}">
                <td>${protectioninfos.accstatetext }</td>
                <td>${protectioninfos.protectionbal }</td>
                <td>${protectioninfos.balchangedateStr }</td>
                <td>${protectioninfos.classifytext }</td>
                <td>${protectioninfos.classifydateStr }</td>
             </c:forEach>
            </tr>
            </tbody>
        </table>
        <table>
            <thead>
            <tr>
                <th class="th1">风险敞口</th>
                <th class="th1">代偿标志</th>
                <th class="th1">账户关闭日期</th>
                <th class="th1"></th>
                <th class="th1"></th>
            </tr>
            </thead>
            <tbody>
            <tr>
            <c:forEach var="protectioninfos" items="${protectioninfos}">
                <td>${protectioninfos.riskexposure }</td>
                <td>${protectioninfos.compenflagtext }</td>
                <td>${protectioninfos.accclosedateStr }</td>
                <td></td>
                <td></td>
             </c:forEach>
            </tr>
            </tbody>
        </table>
    </div>
     <div class="civilRecord bj">
        <p>相关还款人信息</p>
        <table>
            <thead>
            <tr>
                <th class="th1">责任人个数</th>
                <th class="th1">身份类别</th>
                <th class="th1">责任人名称</th>
                <th class="th1">责任人身份标识类型</th>
                <th class="th1">责任人身份标识号码</th>
            </tr>
            </thead>
             <c:forEach var="rep" items="${repaymentinfos}">
            <tbody>
            <tr>
                <td>${rep.perliabnum}</td>
                <td>${rep.classifytypetext}</td>
                <td>${rep.perliabname}</td>
                <td>${rep.perliabtypetext}</td>
                <td>${rep.perliabid}</td>
            </tr>
            </tbody>
            </c:forEach>
        </table>
        <table>
            <thead>
            <tr>
                <th class="th1">还款责任人类型</th>
                <th class="th1">还款责任金额</th>
                <th class="th1"></th>
                <th class="th1"></th>
                <th class="th1"></th>
            </tr>
            </thead>
            <c:forEach var="rep" items="${repaymentinfos}">
            <tbody>
            <tr>
                <td>${rep.reperliabtypetext}</td>
                <td>${rep.reperliabamot}</td>
                <td></td>
                <td></td>
                <td></td>
          
            </tr>
            </tbody>
            </c:forEach>
        </table>
    </div>
     <div class="civilRecord bj">
        <p>抵押物信息</p>
        <table>
            <thead>
            <tr>
                <th class="th1">抵质押合同个数</th>
                <th class="th1">抵质押合同标识码</th>
                <th class="th1"></th>
                <th class="th1"></th>
                <th class="th1"></th>
            </tr>
            </thead>
             <c:forEach var="contractinfos" items="${contractinfos}">
            <tbody>
            <tr>
                <td>${contractinfos.contractnum }</td>
                <td>${contractinfos.contractid }</td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            </tbody>
             </c:forEach>
        </table>
    </div>
</div>
</body>
</html>

我用el表达式动态得到数据库里面的数据,然后在导出方法中,定义了from表单,把整个jsp源码获取到。

页面的效果:

下面附上后台的方法:

import java.io.BufferedInputStream;
import java.io.BufferedWriter;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.io.OutputStreamWriter;
import java.io.UnsupportedEncodingException;
import java.net.URLDecoder;
import java.net.URLEncoder;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.check.test.HtmlToPdf;

/** * 将html转成pdf * @param request * @param response * @return */ @RequestMapping(params = "reqCode=exportAssurehistoryPDF") public ModelAndView exportAssurehistoryPDF(HttpServletRequest request,HttpServletResponse response){ try { request.setCharacterEncoding("UTF-8"); } catch (UnsupportedEncodingException e2) { e2.printStackTrace(); } String h = request.getParameter("htmlContent"); System.out.println(h); String pPath=this.writeHtmlToFile(h, "assurehistory"); HtmlToPdf.convert(pPath+"/assurehistory.html", pPath+"/assurehistory.pdf"); try { //Thread.sleep(1000); response.setContentType("application/pdf"); response.addHeader("content-disposition", "attachment;filename="+ URLEncoder.encode("个人担保信息查询统计.pdf", "UTF-8")); File file = new File(pPath+"/assurehistory.pdf"); InputStream fis = new BufferedInputStream(new FileInputStream(file)); byte[] buffer = new byte[fis.available()]; fis.read(buffer); fis.close(); OutputStream os = response.getOutputStream(); os.write(buffer); os.flush(); os.close(); } catch (UnsupportedEncodingException e1) { e1.printStackTrace(); }catch (FileNotFoundException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } return null; } /** * 将内容写入html文件 * @param content * @param htmlName * @return */ private String writeHtmlToFile(String content,String htmlName) { String path = ""; try { path = URLDecoder.decode(AssurehistoryController.class.getClassLoader().getResource("pdfFile/").getFile(), "utf-8"); } catch (UnsupportedEncodingException e) { e.printStackTrace(); } System.out.println(path); content=content.replace("<div class=\"box\" style=\"height:430px;overflow:auto\">", "<div class=\"box\" style=\"overflow:auto\">"); content=content.replace("button", "hidden").replace("HEIGHT: 430px", ""); File file = new File(path + htmlName+".html"); BufferedWriter bw = null; try { bw = new BufferedWriter(new OutputStreamWriter(new FileOutputStream(file),"utf-8")); bw.write("<!DOCTYPE html><html lang=\"en\">"); bw.write(content); bw.write("</html>"); bw.flush(); } catch (IOException e) { e.printStackTrace(); } finally { if (bw != null) { try { bw.close(); } catch (IOException e) { e.printStackTrace(); } } } return file.getParent(); }

 然后在定义一个HtmlToPdf类,你也可以把这个类的方法单独拿出来。

package com.check.test;

import java.io.File;
import java.io.UnsupportedEncodingException;
import java.net.URLDecoder;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Locale;

import com.eloan.app.assurehistory.controller.AssurehistoryController;

public class HtmlToPdf {
    
    
    /**
     * html转pdf
     * @param srcPath html路径,可以是硬盘上的路径,也可以是网络路径
     * @param destPath pdf保存路径
     * @return 转换成功返回true
     */
    public static boolean convert(String srcPath, String destPath){
    	//wkhtmltopdf在系统中的路径
    	String str="";
		try {
			str = URLDecoder.decode(AssurehistoryController.class.getClassLoader().getResource("pdfFile/wkhtmltopdf-0.8.3.exe").getFile(), "utf-8");
		} catch (UnsupportedEncodingException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
		}
		String path = new File(str).getPath();
        File file = new File(destPath);
        File parent = file.getParentFile();
        //如果pdf保存路径不存在,则创建路径
        if(!parent.exists()){
            parent.mkdirs();
        }
        StringBuilder cmd = new StringBuilder();
        cmd.append(path);
        cmd.append(" ");
        cmd.append(srcPath);
        cmd.append(" ");
        cmd.append(destPath);
        
        boolean result = true;
        try{
            Process proc = Runtime.getRuntime().exec(cmd.toString());
            proc.waitFor();
        }catch(Exception e){
            result = false;
            e.printStackTrace();
        }
        
        return result;
    }
    
  
}

 最后,还有个重要的,就是wkhtmltopdf-0.8.3.exe,这个大家可以在网上免费下载,我把它放在我项目的src/main/java下面

 

最后,生成的pdf效果是:

 

posted @ 2017-06-27 14:35  heart..  阅读(17263)  评论(1编辑  收藏  举报