首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用JasperReports将html内容导出为pdf

使用JasperReports将html内容导出为pdf
EN

Stack Overflow用户
提问于 2009-07-07 11:16:36
回答 1查看 30K关注 0票数 9

如何使用JasperReports将HTML内容导出到PDF中,我有一个参数,该参数带有HTML类型的值,并且必须将其导出到pdf文件,其中pdf必须解析html内容。

EN

回答 1

Stack Overflow用户

发布于 2016-12-11 20:48:32

为了在报表中显示html代码,我们可以使用Jaspersoft开发的htmlcomponent (正如我所理解的,在查看源代码之后,作者是Narcis )。

这个组件有很多限制,不能在任何复杂的html页面的任何情况下帮助您。无论如何,下面将解释如何使用此组件。

借助iReport 5.6.0,可以轻松地将该组件添加到报表中。最后,Jaspersoft Studio (JSS)的版本由于一些原因从调色板中删除了该组件。

iReport中的Html组件

使用JSS

如果您正在使用JSS,就没有理由感到不安-- Html组件的支持仍然存在于Studio中。您可以在这样的文件夹中找到htmlcomponent.jar:Jaspersoft Studio-6.3.1.final\configuration\org.eclipse.osgi\38\0\.cp\lib\

我们可以在JSS中使用泛型组件来使用Html组件的所有功能。

为此,我们至少应该设置泛型组件的两个属性:

泛型类型名称应该是:htmlelement

泛型名称空间应该是:http://jasperreports.sourceforge.net/jasperreports/html

我们可以使用Html组件的以下属性进行操作:

  • scaleType -图像显示类型。支持其中一个值:剪辑、FillFrame、RetainShape、RealHeight、RealSize
  • horizontalAlign -水平图像对齐。支持其中一个值:左、中、右
  • verticalAlign -垂直图像对齐。支持此值之一:顶部、中部、底部
  • clipOnOverflow
  • evaluationTime
  • evaluationGroup

这个属性可以通过组件的属性的Advanced来设置:

在iReport,设置相同的属性要容易得多:

正如我前面提到的,JSS仍然支持htmlcomponent。如果您有带有htmlcomponent的jrxml文件,您可以看到JSS中的所有属性与iReport中的所有属性相同。

使用Sample组件的示例

我们可以在JRPdfExporter的帮助下在pdf报告中显示这个简单的html页面。

html页面:

代码语言:javascript
运行
复制
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
    <title>Sample of html based report</title>
    <style type="text/css">
        body {
            padding-left: 11em;
            font-family: Georgia, "Times New Roman",
            Times, serif;
            color: purple;
            background-color: #a5d8da
        }

        h1 {
            font-family: Helvetica, Geneva, Arial,
            SunSans-Regular, sans-serif
        }
    </style>
</head>

<body>
<h1>This is a sample of html based report</h1>

<p>Only minimal html features are supported</p>

<p>At least images are supported</p>
<br/><br/>

<img src='file://C:\images\smile.png' alt='Smile' height='100' width='100'>
</body>
</html>

我们将尝试在HTML组件的包装器(本机组件)的帮助下和在泛型组件的帮助下使用htmlcomponent。

html代码将通过报表的参数(示例中的htmlCode)传递。

使用本机native组件组件。

jrxml文件:

代码语言:javascript
运行
复制
<?xml version="1.0" encoding="UTF-8"?>
<jasperReport xmlns="http://jasperreports.sourceforge.net/jasperreports" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://jasperreports.sourceforge.net/jasperreports http://jasperreports.sourceforge.net/xsd/jasperreport.xsd" name="Html component" pageWidth="595" pageHeight="842" columnWidth="555" leftMargin="20" rightMargin="20" topMargin="20" bottomMargin="20">
    <parameter name="htmlCode" class="java.lang.String"/>
    <title>
        <band height="742">
            <componentElement>
                <reportElement x="0" y="0" width="555" height="742"/>
                <hc:html xmlns:hc="http://jasperreports.sourceforge.net/htmlcomponent" xsi:schemaLocation="http://jasperreports.sourceforge.net/htmlcomponent http://jasperreports.sourceforge.net/xsd/htmlcomponent.xsd" scaleType="RetainShape" horizontalAlign="Left" verticalAlign="Top">
                    <hc:htmlContentExpression><![CDATA[$P{htmlCode}]]></hc:htmlContentExpression>
                </hc:html>
            </componentElement>
        </band>
    </title>
</jasperReport>

使用通用组件。

jrxml文件:

代码语言:javascript
运行
复制
<?xml version="1.0" encoding="UTF-8"?>
<jasperReport xmlns="http://jasperreports.sourceforge.net/jasperreports" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://jasperreports.sourceforge.net/jasperreports http://jasperreports.sourceforge.net/xsd/jasperreport.xsd" name="Generic builds html" pageWidth="595" pageHeight="842" columnWidth="555" leftMargin="20" rightMargin="20" topMargin="20" bottomMargin="20">
    <parameter name="htmlCode" class="java.lang.String"/>
    <title>
        <band height="742">
            <genericElement>
                <reportElement x="0" y="0" width="555" height="742"/>
                <genericElementType namespace="http://jasperreports.sourceforge.net/jasperreports/html" name="htmlelement"/>
                <genericElementParameter name="htmlContent">
                    <valueExpression><![CDATA[$P{htmlCode}]]></valueExpression>
                </genericElementParameter>
                <genericElementParameter name="scaleType">
                    <valueExpression><![CDATA["RetainShape"]]></valueExpression>
                </genericElementParameter>
                <genericElementParameter name="verticalAlign">
                    <valueExpression><![CDATA["Top"]]></valueExpression>
                </genericElementParameter>
                <genericElementParameter name="horizontalAlign">
                    <valueExpression><![CDATA["Left"]]></valueExpression>
                </genericElementParameter>
            </genericElement>
        </band>
    </title>
</jasperReport>

在这两种情况下,我们都可以使用相同的Java代码:

代码语言:javascript
运行
复制
Map<String, Object> params = new HashMap<>();
params.put("htmlCode", "<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01//EN\">\n" +
        "<html>\n" +
        "<head>\n" +
        "    <title>Sample of html based report</title>\n" +
        "    <style type=\"text/css\">\n" +
        "        body {\n" +
        "            padding-left: 11em;\n" +
        "            font-family: Georgia, \"Times New Roman\",\n" +
        "            Times, serif;\n" +
        "            color: purple;\n" +
        "            background-color: #a5d8da\n" +
        "        }\n" +
        "\n" +
        "        h1 {\n" +
        "            font-family: Helvetica, Geneva, Arial,\n" +
        "            SunSans-Regular, sans-serif\n" +
        "        }\n" +
        "    </style>\n" +
        "</head>\n" +
        "\n" +
        "<body>\n" +
        "<h1>This is a sample of html based report</h1>\n" +
        "\n" +
        "<p>Only minimal html features are supported</p>\n" +
        "\n" +
        "<p>At least images are supported</p>\n" +
        "<br/><br/>\n" +
        "<img src='file:/C:\\images\\smile.png' alt='Smile' height='100' width='100'>\n" +
        "</body>\n" +
        "</html>");
JasperPrint jasperPrint = JasperFillManager.fillReport(jasperReport, params, new JREmptyDataSource());

对于有效工作(报告编译),我们应该将htmlcomponent.jar 添加到类路径!中。

输出结果

这两种情况的输出结果将是相同的:

更多信息:

  • 有关使用泛型元素- JasperReports -通用元素示例的信息
  • 佩特·弗里伯格( Petter )的回答不错:如何使用HTML组件导出带有嵌入式图像(base64、数据uri)的HTML?
  • htmlcomponent组件的源代码和使用示例可以在JasperReports库包jasperreports-6.x\demo\samples\htmlcomponent文件夹中找到。
  • 另一个示例可以在JasperReports库包的另一个文件夹- jasperreports-6.x\demo\samples\genericelement中找到。
票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1091760

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档