springboot生成word文档 前后端怎么交互 前端使用ajax 具体如何实现

生成 Word 文档需要在后端使用相应的库，比如 Apache POI，将数据填充到 Word 模板中，然后将生成的 Word 文件返回给前端。前端可以使用 AJAX 发送请求，接收后端返回的 Word 文件，然后使用 JavaScript 下载该文件。

下面是一个简单的实现步骤：

1. 后端使用 Apache POI 将数据填充到 Word 模板中，生成 Word 文件。

2. 将生成的 Word 文件转换成字节数组或输入流。

3. 将字节数组或输入流作为响应体返回给前端，设置响应头为 `application/octet-stream`。

4. 前端使用 AJAX 发送请求，接收后端返回的 Word 文件，获取其字节数组或输入流。

5. 前端使用 JavaScript 创建一个 Blob 对象，将接收到的字节数组或输入流作为参数传入。

6. 前端创建一个 a 标签，设置其 href 属性为生成的 Blob 对象的 URL，设置 download 属性为文件名。

7. 前端将 a 标签添加到页面上，并模拟点击 a 标签，即可下载生成的 Word 文件。

下面是后端使用 Spring Boot 和 Apache POI 生成 Word 文件的示例代码：

@GetMapping("/export")
public void exportWord(HttpServletResponse response) throws Exception {
    // 读取 Word 模板
    InputStream inputStream = getClass().getResourceAsStream("/templates/template.docx");
    XWPFDocument document = new XWPFDocument(inputStream);

    // 填充数据到 Word 模板
    Map<String, Object> dataMap = new HashMap<>();
    dataMap.put("name", "张三");
    dataMap.put("age", 20);
    WordUtils.replaceInParagraphs(document, dataMap);

    // 将生成的 Word 文件转换成字节数组
    ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
    document.write(outputStream);
    byte[] content = outputStream.toByteArray();

    // 设置响应头
    response.setContentType("application/octet-stream");
    response.setHeader("Content-Disposition", "attachment;filename=export.docx");
    response.setContentLength(content.length);

    // 将生成的 Word 文件作为响应体返回给前端
    ServletOutputStream out = response.getOutputStream();
    out.write(content);
    out.flush();
    out.close();
}

其中，`WordUtils.replaceInParagraphs` 方法用于将数据填充到 Word 模板中。下面是该方法的实现代码：

public static void replaceInParagraphs(XWPFDocument doc, Map<String, Object> dataMap) {
    for (XWPFParagraph paragraph : doc.getParagraphs()) {
        List<XWPFRun> runs = paragraph.getRuns();
        for (int i = 0; i < runs.size(); i++) {
            String text = runs.get(i).getText(0);
            if (text != null && text.contains("${")) {
                for (Entry<String, Object> entry : dataMap.entrySet()) {
                    if (text.contains(entry.getKey())) {
                        text = text.replace(entry.getKey(), entry.getValue().toString());
                        runs.get(i).setText(text, 0);
                    }
                }
            }
        }
    }
}

在前端，可以使用 jQuery 的 AJAX 方法发送请求，接收后端返回的 Word 文件，然后使用 JavaScript 下载该文件。下面是前端实现代码：

$(function() {
    $("#export-btn").click(function() {
        $.ajax({
            url: "/export",
            type: "GET",
            dataType: "blob",
            success: function(blob) {
                var a = document.createElement("a");
                a.href = URL.createObjectURL(blob);
                a.download = "export.docx";
                a.style.display = "none";
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
            }
        });
    });
});

其中，`dataType: "blob"` 表示接收的响应数据类型为 Blob 对象。`URL.createObjectURL` 方法用于创建 Blob 对象的 URL。最后，将创建的 a 标签添加到页面上并模拟点击即可下载生成的 Word 文件。