springbootvue导入导出excel

在Spring Boot和Vue.js中导入和导出Excel文件可以通过以下步骤实现：

1. 在Spring Boot中，你可以使用Apache POI库来处理Excel文件。首先，你需要在pom.xml文件中添加以下依赖项：

<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>

2. 创建一个用于导出Excel的Controller方法。在该方法中，你可以使用Apache POI库创建一个Workbook对象，并将数据写入到工作表中。然后，将Workbook对象写入到输出流中，以便将Excel文件发送给前端。

@GetMapping("/export")
public void exportExcel(HttpServletResponse response) throws IOException {
    // 创建Workbook对象
    Workbook workbook = new XSSFWorkbook();
    
    // 创建工作表
    Sheet sheet = workbook.createSheet("Sheet1");
    
    // 创建行和单元格，并设置数据
    Row row = sheet.createRow(0);
    Cell cell = row.createCell(0);
    cell.setCellValue("Hello");
    
    // 将Workbook对象写入输出流
    response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
    response.setHeader("Content-disposition", "attachment; filename=example.xlsx");
    workbook.write(response.getOutputStream());
    
    // 关闭Workbook对象
    workbook.close();
}

3. 在Vue.js中，你可以使用axios发送HTTP请求来下载Excel文件。在组件中，你可以一个方法来触发下载操作。

import axios from 'axios';

export default {
  methods: {
    exportExcel() {
      axios.get('/export', { responseType: 'blob' })
        .then(response => {
          const url = window.URL.createObjectURL(new Blob([response.data]));
          const link = document.createElement('a');
          link.href = url;
         .setAttribute('download', 'example.xlsx');
          document.body.appendChild(link);
          link.click();
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}

以上是在Spring Boot和Vue.js中导入和导出Excel文件的基本步骤。你可以根据具体需求进行进一步的定制和优化。