springboot+vue+easyexcel

Spring Boot是一个Java开源框架，可用于快速构建基于Spring框架的Web应用程序。Vue是一个流行的JavaScript框架，用于构建现代Web应用程序的用户界面。EasyExcel是一种用于读写Excel文件的Java库。

如果你想在Spring Boot应用程序中使用Vue和EasyExcel，你可以使用Spring Boot提供的REST API来与Vue前端进行通信，并使用EasyExcel库来读写Excel文件。具体步骤如下：

1.在Spring Boot应用程序中添加EasyExcel库的依赖项，例如：

<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>easyexcel</artifactId>
    <version>2.2.3</version>
</dependency>

2.在Spring Boot应用程序中创建REST API，处理Vue前端发送的请求，并使用EasyExcel库读写Excel文件。例如：

@RestController
@RequestMapping("/api")
public class ExcelController {

    @PostMapping("/upload")
    public String upload(@RequestParam("file") MultipartFile file) {
        try {
            InputStream inputStream = file.getInputStream();
            ExcelReader excelReader = new ExcelReader(inputStream, null, new ExcelListener());
            excelReader.read();
            return "success";
        } catch (IOException e) {
            e.printStackTrace();
            return "failed";
        }
    }

    @GetMapping("/download")
    public void download(HttpServletResponse response) {
        try {
            response.setContentType("application/vnd.ms-excel");
            response.setHeader("Content-disposition", "attachment;filename=data.xlsx");
            OutputStream outputStream = response.getOutputStream();
            ExcelWriter excelWriter = new ExcelWriter(outputStream, ExcelTypeEnum.XLSX);
            Sheet sheet = new Sheet(1, 0, Data.class);
            List<Data> dataList = new ArrayList<>();
            dataList.add(new Data("A", "B", "C"));
            excelWriter.write(dataList, sheet);
            excelWriter.finish();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

3.在Vue前端中使用axios库向Spring Boot应用程序发送请求，并在页面中显示Excel文件。例如：

<template>
  <div>
    <input type="file" @change="upload"/>
    <button @click="download">Download</button>
    <table>
      <tr v-for="(row, index) in data" :key="index">
        <td v-for="(cell, index) in row" :key="index">{{cell}}</td>
      </tr>
    </table>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data() {
    return {
      data: []
    }
  },
  methods: {
    upload(event) {
      let formData = new FormData()
      formData.append('file', event.target.files[0])
      axios.post('/api/upload', formData).then(response => {
        console.log(response.data)
      })
    },
    download() {
      axios.get('/api/download', {responseType: 'blob'}).then(response => {
        let fileUrl = window.URL.createObjectURL(new Blob([response.data]))
        let link = document.createElement('a')
        link.href = fileUrl
        link.download = 'data.xlsx'
        link.click()
      })
    }
  }
}
</script>

以上就是使用Spring Boot、Vue和EasyExcel构建Excel文件上传和下载功能的基本步骤。