• 请不要在回答技术问题时复制粘贴 AI 生成的内容
bigpigB
V2EX  ›  程序员

请教一下,点击巡检按钮生成的 pdf 内容是如何开发的?

  •  
  •   bigpigB · Apr 22, 2024 · 2379 views
    This topic created in 777 days ago, the information mentioned may be changed or developed.

    场景: 运维点击页面的巡检按钮后,生成 pdf(文字+表格+图表-类似饼图折线图等) 最后下载 pdf

    想问一下这类型的开发场景前后端都是怎么做的?

    8 replies    2025-10-22 16:01:08 +08:00
    warlue
        1
    warlue  
       Apr 22, 2024
    html to pdf
    zhtyytg
        2
    zhtyytg  
       Apr 22, 2024
    跟后端没啥关系,前端有数据的情况下完全可以自己做完全部内容
    nitmali
        3
    nitmali  
       Apr 22, 2024
    cxdLand
        4
    cxdLand  
       Apr 22, 2024
    前端可以用 canvas ,后端可以用 wkhtmltopdf
    inkuku
        5
    inkuku  
       Apr 22, 2024
    如果要生成完美的 PDF ,最简单就是用 headless chrome 的方案,就是无头浏览器方案
    就是开销大点

    但是效果很好:
    1. 生成内容的 html,可以用你熟悉的 vue/react/jq 生成页面
    2. 调用 headless chrome 访问刚才的 html 生成 pdf
    3. 下载 pdf

    难的是要如何调度 headlss browser, 你可以试试我写的开源项目:
    https://github.com/shenjinti/browserlify
    mykaii
        6
    mykaii  
       Apr 23, 2024
    我之前做过,网页截图就行
    chobitssp
        7
    chobitssp  
       Apr 23, 2024
    powersee
        8
    powersee  
       Oct 22, 2025
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4475 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 53ms · UTC 05:33 · PVG 13:33 · LAX 22:33 · JFK 01:33
    ♥ Do have faith in what you're doing.