V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
颜值和功能齐聚的跨平台SSH工具
Xterminal 是一款强大的开发工具,不止是 SSH 与 Terminal,还集成了 Note、拥有快捷动作、命令提示等特性
Promoted by Moyyyyyyyyyyye
bigpigB
V2EX  ›  程序员

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

  •  
  •   bigpigB · 2024-04-22 15:24:20 +08:00 · 1726 次点击
    这是一个创建于 442 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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