V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
bigpigB
V2EX  ›  程序员

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

  •  
  •   bigpigB · 241 天前 · 1387 次点击
    这是一个创建于 241 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    7 条回复    2024-04-23 16:05:11 +08:00
    warlue
        1
    warlue  
       241 天前
    html to pdf
    zhtyytg
        2
    zhtyytg  
       241 天前
    跟后端没啥关系,前端有数据的情况下完全可以自己做完全部内容
    nitmali
        3
    nitmali  
       241 天前
    cxdLand
        4
    cxdLand  
       241 天前
    前端可以用 canvas ,后端可以用 wkhtmltopdf
    inkuku
        5
    inkuku  
       241 天前
    如果要生成完美的 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  
       240 天前
    我之前做过,网页截图就行
    chobitssp
        7
    chobitssp  
       240 天前
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3057 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 13:50 · PVG 21:50 · LAX 05:50 · JFK 08:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.