批量生成不同用户的pdf 文件(html样式)

技术 selenium + thymeleaf + itextpdf + chromedriver

使用thymeleaf 将动态数据替换

使用selenium +chromedriver 进行js ,css等逻辑运算后渲染视图

使用itextpdf 将html 转为pdf 文件

html模板

xml 复制代码
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>My Page</title>
    <!-- 引入 jQuery 库 -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>
        body {
            font-family: 'SimSun', 'SimHei', sans-serif;
        }
    </style>
    <!-- 引入 G2 库 -->
<!--    <script src="https://gw.alipayobjects.com/os/lib/antv/g2/4.1.16/dist/g2.min.js"></script>-->
</head>
<body>
<h1 th:text="${title}">cser</h1>
<div id="content"></div>
<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
         document.addEventListener('DOMContentLoaded', function() {
             $('#content').html(
                 "<select name='status'>"+
                 "   <option value='测试'>111</option>"+
                 "   <option value='测试2'>222</option>"+
                 "</select>")
             let titlenew = "测试"; // 确保这里赋值正确
             document.querySelector('h1').innerText = titlenew;
             document.title = titlenew; // 更新浏览器标签页的标题
         });
    /*]]>*/
</script>

</body>
</html>

执行代码

java 复制代码
public void generatePdf(HttpServletResponse response) throws IOException {
        // 设置 ChromeDriver 路径
        // 设置 ChromeDriver 路径
        System.setProperty("webdriver.chrome.driver", "D:/chromedriver.exe");
        // 初始化 WebDriver
        // 设置chrome选项
        ChromeOptions options = new ChromeOptions();
//        options.setBinary("D:\\chromedriver\\chrome/chrome.exe");
        options.setBinary("C:\\Chrome\\Application/chrome.exe");
        options.addArguments("--headless");
        options.addArguments("--disable-gpu");
        WebDriver driver = new ChromeDriver(options);


        // 动态数据
        Map<String, Object> data = new HashMap<>();
        data.put("title", "Hello, World!");
        data.put("condition", "true");
//        data.put("imagePath", imagePath); // 路径
        // 使用 Thymeleaf 渲染模板
        Context context = new Context();
        context.setVariables(data);
        String htmlContent = templateEngine.process("templates", context);

        try {
            driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(60));
            // 将 htmlContent 进行 Base64 编码
            byte[] base64EncodedBytes = Base64.getEncoder().encode(htmlContent.getBytes(StandardCharsets.UTF_8));
            String base64EncodedHtmlContent = new String(base64EncodedBytes);

            // 构建完整的 data URL
            htmlContent = "data:text/html;base64," + base64EncodedHtmlContent;
            // 加载HTML内容
//            htmlContent = "data:text/html;charset=utf-8," + encodedHtmlContent;

            driver.get(htmlContent);

            // 等待JavaScript执行完成
            Thread.sleep(3000); // 等待3秒,确保JavaScript执行完成

            //获取全部的html
            String pageSource = driver.getPageSource();
//            // 获取最终的HTML内容
//            WebElement body = driver.findElement(By.tagName("html"));
//            String renderedHtml = body.getAttribute("outerHTML");

            try (FileOutputStream outputStream = new FileOutputStream(filePath)) {
                // 使用字体文件路径创建字体对象
                String fontPath = "chromedriver/cs.TTF";
                FontProgram font = FontProgramFactory.createFont(fontPath);
                // 创建 DefaultFontProvider 并设置字体
                DefaultFontProvider fontProvider = new DefaultFontProvider(false, false, true);
                fontProvider.addFont(font);

                // 创建 ConverterProperties 并设置字体提供者
                ConverterProperties converterProperties = new ConverterProperties();
                converterProperties.setFontProvider(fontProvider);
                HtmlConverter.convertToPdf(pageSource, outputStream, converterProperties);

            } catch (Exception e) {
                e.printStackTrace();
            }

        } catch (InterruptedException e) {
            driver.close();
        }

    }

pom 依赖

xml 复制代码
		<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
<!-- https://mvnrepository.com/artifact/org.seleniumhq.selenium/selenium-java -->
        <dependency>
            <groupId>org.seleniumhq.selenium</groupId>
            <artifactId>selenium-java</artifactId>
            <version>4.27.0</version>
        </dependency>

        <dependency>
            <groupId>org.seleniumhq.selenium</groupId>
            <artifactId>selenium-chrome-driver</artifactId>
            <version>4.27.0</version> <!-- 确保与 selenium-java 版本一致 -->
        </dependency>
        <!-- https://mvnrepository.com/artifact/org.seleniumhq.selenium/selenium-remote-driver -->
        <dependency>
            <groupId>org.seleniumhq.selenium</groupId>
            <artifactId>selenium-remote-driver</artifactId>
            <version>4.27.0</version>
        </dependency>
        <!-- https://mvnrepository.com/artifact/org.seleniumhq.selenium/selenium-api -->
        <dependency>
            <groupId>org.seleniumhq.selenium</groupId>
            <artifactId>selenium-api</artifactId>
            <version>4.27.0</version>
        </dependency>
        <dependency>
            <groupId>com.itextpdf</groupId>
            <artifactId>itextpdf</artifactId>
            <version>5.5.11</version>
        </dependency>
相关推荐
子兮曰17 小时前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰17 小时前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万17 小时前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝17 小时前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
三十而立洋18 小时前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁18 小时前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
汉堡大王952720 小时前
Jev:不是聊天机器人, 而是一个智能 if 语句
前端·人工智能·后端
梦想很大很大20 小时前
从运行事实到回归证据:Workrun 的 Telemetry 与 Evaluation 实践
前端·人工智能·后端
计算机魔术师20 小时前
Meta Muse agent 接入 Shopify 的 Shop Pay 实现代理式购物
前端
沙蒿同学21 小时前
我用 Go 搭了一条 AI Agent 流水线:从 1 张商品图到一整套淘宝详情页
前端·javascript·后端