Python+VUE生成PDF小案例

最新推荐文章于 2024-04-28 11:11:15 发布

'Wu'

最新推荐文章于 2024-04-28 11:11:15 发布

阅读量626

点赞数

分类专栏：学习日常 Python 小技巧文章标签： python vue.js pdf

本文链接：https://blog.youkuaiyun.com/weixin_43760048/article/details/130088909

版权

该文介绍了如何结合Python的Flask框架和Vue.js前端库来创建一个生成PDF文件的系统。用户在Vue.js界面填写信息，通过Axios发送POST请求到Flask后端，后端利用pdfkit将HTML模板转化为PDF，最后返回给前端进行下载或打印。示例代码简洁明了，适合初学者学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先，我们需要准备工作环境：

安装 Python3，并安装需要的第三方库 flask 和 pdfkit
下载并安装 wkhtmltopdf 工具

接下来就可以进入到程序设计阶段了。步骤如下：

在 Vue.js 中设置表单项制作 PDF 的数据；
在前端使用 Axios 发送请求将 JSON 数据发送至后端 Flask 服务器;
后端通过 Flask 接收JSON数据,并调用 pdfkit 库将 HTML 模板转换为证明文件 PDF；
将 PDF 文件返回给前端进行下载或打印等操作。

Python 后台服务示例（Flask）：

from flask import Flask, request
import pdfkit   # 主要负责 Html -> Pdf 相关处理

app = Flask(__name__)

@app.route('/generate_pdf', methods=['POST'])
def generate_pdf():
    req_data = request.get_json()
    
    # 解析传入参数 
    name = req_data['name'