8

我正在尝试在使用reportlab生成的pdf中的表格后插入分页符，我正在使用以下函数生成pdf：

def render_to_pdf(template_src, context_dict):
  template = get_template(template_src)
  context = Context(context_dict)
  html  = template.render(context)
  result = StringIO.StringIO()
  pdf = pisa.pisaDocument(StringIO.StringIO(html.encode("ISO-8859-1")), dest=result, link_callback=fetch_resources)
  if not pdf.err:
    return result.getvalue()
  return HttpResponse('We had some errors<pre>%s</pre>' % escape(html))
def fetch_resources(uri, rel):
    return os.path.join(MEDIA_ROOT, uri.replace(MEDIA_URL, ""))

我以这种方式从视图中调用该函数：

@login_required(login_url=reverse('accounts:login_box'))
def quote_pdf(request, quote_id):
    data_pdf = {}
    quote = get_object_or_404(Quote, id=quote_id)
    data_pdf['pagesize'] = 'letter'
    data_pdf['quote'] = quote
    pdf = render_to_pdf('rents/quote_pdf.html', data_pdf)
    return HttpResponse(pdf, mimetype='application/pdf')

这是我的模板（quote_pdf.html）

{% load humanize compress verbatim %}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Cotización No. {{ quote.id }} Flasherz.co/alquiler</title>
    <style type="text/css">
        @page {
            size: {{ pagesize }};
            margin: 1cm;
            @frame footer {
                -pdf-frame-content: footerContent;
                bottom: 0cm;
                margin-left: 0cm;
                margin-right: 0cm;
                height: 0cm;
            }
        }
    </style>
    <style type="text/css">
        body {
            font-size: 12px;
            line-height: 13px;
        }
        div#pdf-header {
            display: block;
        }
        div#pdf-header h2 {
            display: block;
            text-align: center;
            font-weight: normal;
            line-height: 35px;
            font-size: 18px;
        }
        div#pdf-quote-info {
            display: block;
            margin-bottom: 20px;
        }
        p {
            margin: 0;
        }
        table {
            border-top: 1px solid #eee;
        }
        table td, table th {
            border-right: 1px solid #eee;
            border-bottom: 1px solid #eee;
            padding: 5px;
            border-left: 1px solid #eee;
        }
        table .price {
            text-align: right;
        }
        table th {
            padding: 5px 0;
            font-size: 13px;
            text-transform: uppercase;
            color: black;
            text-align: left;
            background-color: #eee;
            padding-left: 5px;
        }
        table p.description {
            color: #555;
            font-size: 11px;
        }
        table#quote-info {
            border: none;
        }
        table#quote-info td, table#quote-info th {
            border: none;
            padding: 0;
        }
        table td.quantity {
            text-align: center;
        }
    </style>
</head>
<body>
<div id="pdf-header">
    <div style="width: 100%; text-align: center;">
        <img src="{{ STATIC_URL }}img/quotes-logo.jpeg" alt="Flasherz.co Alquiler" width="600" height="126" />
        <div style="display: block; text-align: center; margin: 10px 0;">
            <h2>Cotización No. {{ quote.id }}, {{ quote.client_name }}</h2>
        </div>
    </div>
</div>
<div id="pdf-quote-info">
    <table id="quote-info" width="70%" border="none" cellpadding="3" cellspacing="0">
        <tr>
            <td width="25%">Fecha:</td>
            <td width="75%">{{ quote.created|date:'l j' }} de {{ quote.created|date:'F' }} de {{ quote.created|date:'Y' }}</td>
        </tr>
        {% if quote.client_name %}
            <tr>
                <td>Cliente:</td>
                <td>{{ quote.client_name }}</td>
            </tr>
        {% endif %}
        {% if quote.client_email %}
            <tr>
                <td>Correo:</td>
                <td>{{ quote.client_email }}</td>
            </tr>
        {% endif %}
        {% if quote.client_address %}
            <tr>
                <td>Dirección:</td>
                <td>{{ quote.client_address }}</td>
            </tr>
        {% endif %}
        {% if quote.client_phone %}
            <tr>
                <td>Teléfono:</td>
                <td>{{ quote.client_phone }}</td>
            </tr>
        {% endif %}
        <tr>
            <td>Cantidad de días:</td>
            <td>{{ quote.rental_days }}</td>
        </tr>
    </table>
    </div>
</div>
<div id="pdf-quote-table">
    <table id="quote-table" cellpadding="0" cellspacing="0" width="100%">
        {% for category in quote.categories.all %}
            <tbody>
            <tr>
                <th colspan="4" class="category-header">{{ category.category.name }}</th>
            </tr>
            {% for item in category.items.all %}
                <tr>
                    <td class="quantity" width="10%">
                        <p>{{ item.quantity }}</p>
                    </td>
                    <td class="name" width="50%">
                        <p class="name">{{ item.name }}</p>
                        {% if item.content %}<p class="description">{{ item.content }}</p>{% endif %}
                    </td>
                    <td class="price" width="20%">
                        <p>${{ item.price|intcomma }}</p>
                    </td>
                    <td class="price total-price" width="20%">
                        <p>${{ item.total_price|intcomma }}</p>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        {% endfor %}
        <tbody id="others">
        <tr>
            <th colspan="4" class="category-header">Seguro del 10%</th>
        </tr>
        <tr>
            <td class="quantity"></td>
            <td class="name">Seguro 10%</td>
            <td class="price"></td>
            <td class="price total-price">
                <p>${{ quote.get_insurance_price|intcomma }}</p>
            </td>
        </tr>
        </tbody>
        {% if quote.discount %}
            <tbody id="others">
            <tr>
                <th colspan="4" class="category-header">Descuento</th>
            </tr>
            <tr>
                <td class="quantity">
                </td>
                <td class="name">Descuento</td>
                <td class="price"></td>
                <td class="price total-price">
                    <p>${{ quote.discount|intcomma }}</p>
                </td>
            </tr>
            </tbody>
        {% endif %}
        <tbody id="totals">
        <tr>
            <th colspan="4" class="category-header">Total</th>
        </tr>
        <tr>
            <td class="fake" colspan="2"></td>
            <td class="name">Subtotal</td>
            <td class="price">
                <p>${{ quote.get_subtotal|intcomma }}</p>
            </td>
        </tr>
        <tr>
            <td class="fake" colspan="2"></td>
            <td class="name">Total días</td>
            <td class="price">
                <p>${{ quote.get_total_days|intcomma }}</p>
            </td>
        </tr>
        <tr>
            <td class="fake" colspan="2"></td>
            <td class="name">Total</td>
            <td class="price">
                <p><strong>${{ quote.get_total|intcomma }}</strong></p>
            </td>
        </tr>
        </tbody>
    </table>
</div>
</body>
</html>

我不知道如何在表格后插入分页符以在下一页中插入“条款和条件”。

我对pdf中的图像也有问题，渲染时没有人出现。

谢谢你帮助我

4

3 回答 3

16

根据我在Pisa 的文档（和此论坛帖子）中学到的知识，您可以使用标准 CSS 标签，例如page-break-after和page-break-before。比萨也有一些它自己的标签，比如pdf:nextpage. 要使用它，只需在需要分页符的位置插入以下代码块（div 是必需的，因此 Pisa 的 HTML5 解析器不会尝试解释它们）：

<div>
    <pdf:nextpage /> 
</div>
于 2013-03-14T01:08:48.260 回答
10

我找到了正确的方法，我需要在我的 pdf 中插入一些特定的样式

<style type="text/css">
    @page {
        size: {{ pagesize }};
        margin: 1cm;
        @frame footer {
            -pdf-frame-content: footerContent;
            bottom: 0cm;
            margin-left: 0cm;
            margin-right: 0cm;
            height: 0cm;
        }
    }
    .page-break{
        page-break-after: always;
    }
</style>

然后将具有 .page-break 类的元素放在您希望在 pdf 中分页的位置。

于 2013-04-17T15:33:07.390 回答
2

我对css方法没有运气。

只需将这段代码插入您的 template.html 中您想要分页符的任何位置。这个对我有用。我不确定，但我认为它必须在一个div中。

<div> 
   <pdf:nextpage /> 
</div>
于 2013-07-02T21:00:46.407 回答