2

Flaskでpython 2.7を使用してWebアプリを開発しています。xhtml2pdf を使用して、Jinja2 のテンプレートに基づいて pdf を生成しています。テンプレートの header_frame に画像を配置したいのですが、最初のページにしか表示されません。テキストでやってみましたが、すべてのページにヘッダーが表示されます。

ビューコードは次のとおりです。

@report.route('/commissionist/<period>/<commissionist_id>')
@login_required
def commissionist_report(period, commissionist_id):
    period_d = periods.Period(datetime.fromtimestamp(mktime(strptime(period, '%m-%Y'))))
    carga = load_model.get_commissionist_load(period_d, commissionist_id)

    resp = create_pdf(render_template('report/report.html', commissionist_load=carga, period=period, period_datetime=period_d.to_datetime()))
    response = make_response(resp)
    response.headers['Content-Type'] = 'application/pdf'
    response.headers['Content-Disposition'] = 'inline; filename=Informe '+carga.commissionist.name+'.pdf'

    return response

create_pdf 関数は次のとおりです。

def create_pdf(pdf_data):
    pdf = StringIO()
    pisa.CreatePDF(StringIO(pdf_data), pdf)
    resp = pdf.getvalue()
    pdf.close()
    return resp

そして、これがテンプレートです（重要な部分）：

<!DOCTYPE html>
<html>
    <head>
        <title>Informe</title>
        {% block extra_css %}
            <style>
                @page {
                    size: letter portrait;
                    @frame header_frame {           /* Static Frame */
                    -pdf-frame-content: header_content;
                    left: 50pt; width: 512pt; top: 50pt; height: 50pt;
                    }
                    @frame content_frame {          /* Content Frame */
                    left: 50pt; width: 512pt; top: 110pt; height: 632pt;
                    }
                    @frame footer_frame {           /* Another static Frame */
                    -pdf-frame-content: footer_content;
                    left: 50pt; width: 512pt; top: 772pt; height: 20pt;
                    }
                }
            </style>
        {% endblock %}
    </head>
    <body>
    {% block body %}
        <div id="header_content">
            <img src="path\to\file.png" width="25%">
        </div>
        <div id="footer_content">Página <pdf:pagenumber/>
            de <pdf:pagecount/>
        </div>

        <!--The rest of the html-->

    {% endblock %}
    </body>
</html>

あなたが私を助けてくれることを願っています。ありがとう。

4

1 に答える 1