Question

我试图从Flask端点制作PDF文档，该端点基本上从MySql数据库中检索值并将其显示在HTML页面上。我尝试了jsPDF，但无法获得结果

这是我的Python代码：

from flask import Flask, render_template, request
from flask_mysqldb import MySQL

app = Flask(__name__)
# configure db
app.config['MYSQL_HOST'] = 'localhost'
app.config['MYSQL_USER'] = 'username'
app.config['MYSQL_PASSWORD'] = 'dbpassword'
app.config['MYSQL_DB'] = 'flaskapp'
mysql = MySQL(app)
@app.route('/', methods=['GET', 'POST'])
def alpha():
    if request.method == 'POST':
        # Fetch the form data
        userDetails = request.form
        name = userDetails['name']
        email = userDetails['email']
        cur = mysql.connection.cursor()
        cur.execute("INSERT INTO users(name,email) VALUES(%s,%s)", (name, email))
        mysql.connection.autocommit(on=True)
        cur.close()
        return 'success'

    return render_template('index.html')

@app.route('/users')
def users():
    cur = mysql.connection.cursor()
    resultValue = cur.execute("SELECT * from users")
    if resultValue > 0:
        userDetails = cur.fetchall()
        return render_template('users.html', userDetails=userDetails)


@app.route('/showpdf')
def showpdf():
    return render_template('showpdf.html')



if __name__ == '__main__':
    app.run()

以下是html页面： users.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Display Records From DB</title>

</head>
<body>
<style>
    th {
        background-color: orange;
    }
</style>
<table border="1">
    <tr>
        <th>
            Name
        </th>
        <th>
            Email Id
        </th>
    </tr>
    {% for users in userDetails %}
    <tr>
        <td>{{users[0]}}</td>
        <td>{{users[1]}}</td>
    </tr>
    {% endfor %}
</table>
</body>
</html>

index.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DB Adder</title>
</head>
<body>
<form method="POST" action="">
    Name <input type="text" name="name"/>
    <br>
    Email <input type="email" name="email"/>
    <br>
    <input type="submit">

</form>
</body>
</html>

，最后是我要生成pdf并通过使用jsPDF的简单单击下载的页面 showpdf.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PDF PAGE</title>
    <script type="text/javascript" src="/jspdf.min.js"></script>
    <script>
        function genPDF(){
        var doc = new jsPDF();
        doc.text(20,20,'Here is the pdf from the endpoint : localhost:5000/showpdf');
        doc.addPage();
        doc.save('localhost:5000/users');

        }
    </script>
</head>
<body>
<h1>This page will output a pdf using jsPDF</h1>
<a href="javascript:genPDF()">Click To Download PDF</a>
</body>
</html>

Answer 1

我认为您误解了烧瓶的后端和html和javascript的前端。

当您点击<a>标记时，浏览器会将您的请求发送到支持的文件，即烧瓶，但是您的文件系统中没有任何pdf文档。这就是为什么出现404错误的原因。

也许您可以在前端生成pdf（我不熟悉jsPDf库）。至少要做以下事情：

编写一个函数或其他可以使用js生成pdf的函数。
在您的 showpdf.html 中放置一个按钮或其他内容，当用户单击该按钮时，有一个事件，使用第1步的功能作为事件监听器，然后为用户。

Answer 2

您可以使用flask_weasyprint：

from flask_weasyprint import HTML, render_pdf
import flask
app = flask.Flask(__name__)
@app.route('/users')
def users():
  cur = mysql.connection.cursor()
  resultValue = cur.execute("SELECT * from users")
  if resultValue > 0:
    userDetails = cur.fetchall()
    html = render_template('users.html', userDetails=userDetails)
    return render_pdf(HTML(string=html))

现在，一旦用户导航到/users，下载就会开始。

Answer 3

基于 Ajax1234 解决方案和您遇到的问题。

您的问题是烧瓶无法找到 flask_weasyprint 的安装位置。

如果您在Windows上，则必须导航到 / script 目录才能安装

cd C:\flaskproject\flask\Scripts

C:\flaskproject\flask\Scripts>pip install Flask-WeasyPrint

然后在运行应用程序时。一切都会很好

从烧瓶端点生成PDF

3 个答案: