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效果是：
版权声明：本文为junrong624原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。