springboot+vue将html格式的数据转为docx文档的代码

你可以使用Apache POI库来将HTML格式的数据转换为docx文档。下面是一个使用Spring Boot和Vue的示例代码：

1. 创建一个Spring Boot项目，并添加以下依赖：

<dependencies>
    <!-- Spring Boot Web -->
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>

    <!-- Apache POI -->
    <dependency>
        <groupId>org.apache.poi</groupId>
        <artifactId>poi</artifactId>
        <version>4.1.2</version>
    </dependency>
    <dependency>
        <groupId>org.apache.poi</groupId>
        <artifactId>poi-ooxml</artifactId>
        <version>4.1.2</version>
    </dependency>
</dependencies>

2. 创建一个Controller类，处理HTML转换请求：

import org.apache.poi.xwpf.usermodel.XWPFDocument;
import org.apache.poi.xwpf.usermodel.XWPFParagraph;
import org.apache.poi.xwpf.usermodel.XWPFRun;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RestController;

import java.io.FileOutputStream;

@RestController
public class HtmlToDocxController {

    @PostMapping("/convert")
    public String convertToDocx(@RequestBody String htmlContent) {
        try {
            // 创建一个新的Word文档
            XWPFDocument document = new XWPFDocument();

            // 添加段落和文本到文档
            XWPFParagraph paragraph = document.createParagraph();
            XWPFRun run = paragraph.createRun();
            run.setText(htmlContent);

            // 保存文档到指定路径
            FileOutputStream out = new FileOutputStream("path/to/output.docx");
            document.write(out);
            out.close();

            return "转换成功！";
        } catch (Exception e) {
            e.printStackTrace();
            return "转换失败！";
        }
    }
}

3. 创建一个Vue组件，发送HTML内容到后端：

<template>
  <div>
    <textarea v-model="htmlContent"></textarea>
    <button @click="convertToDocx">转换为docx</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      htmlContent: ''
    };
  },
  methods: {
    convertToDocx() {
      axios.post('/convert', this.htmlContent)
        .then(response => {
          console.log(response.data);
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
};
</script>

请注意，上述代码仅提供了基本的示例，你可能需要根据实际需求进行适当的修改和调整。