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

2024-04-22 15:24:20 +08:00
 bigpigB

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

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

1818 次点击
所在节点    程序员
7 条回复
warlue
2024-04-22 15:31:47 +08:00
html to pdf
zhtyytg
2024-04-22 15:33:18 +08:00
跟后端没啥关系,前端有数据的情况下完全可以自己做完全部内容
nitmali
2024-04-22 15:46:37 +08:00
cxdLand
2024-04-22 15:59:19 +08:00
前端可以用 canvas ,后端可以用 wkhtmltopdf
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
2024-04-23 14:52:52 +08:00
我之前做过,网页截图就行
chobitssp
2024-04-23 16:05:11 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1034638

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX