java和vue实现 导出Excel表格

Java实现导出Excel表格：

1. 添加依赖

在Maven或者Gradle中添加以下依赖：

Maven：

<dependency>
    <groupId>org.apache.poi</groupId>
    <artifactId>poi</artifactId>
    <version>4.1.2</version>
</dependency>

Gradle：

compile group: 'org.apache.poi', name: 'poi', version: '4.1.2'

2. 创建Excel文件

在Java中，我们可以使用Apache POI库来创建Excel文件。下面是一个示例代码：

Workbook workbook = new XSSFWorkbook(); // 创建工作簿对象
Sheet sheet = workbook.createSheet("Sheet1"); // 创建工作表对象
Row row = sheet.createRow(0); // 创建行对象
Cell cell = row.createCell(0); // 创建单元格对象
cell.setCellValue("Hello World!"); // 设置单元格的值

3. 导出Excel文件

使用Java IO流将Excel文件导出到本地磁盘。下面是一个示例代码：

FileOutputStream out = new FileOutputStream("hello.xlsx"); // 创建输出流对象
workbook.write(out); // 将工作簿写入输出流
out.close(); // 关闭输出流

Vue实现导出Excel表格：

1. 安装依赖

在Vue项目中，我们可以使用js-xlsx库来实现Excel导出。可以使用npm来安装js-xlsx库：

npm install xlsx

2. 创建Excel文件

在Vue中，我们可以使用js-xlsx库来创建Excel文件。下面是一个示例代码：

import XLSX from 'xlsx'

const workbook = XLSX.utils.book_new(); // 创建工作簿对象
const worksheet = XLSX.utils.json_to_sheet([ // 创建工作表对象
  { name: 'John', age: 30 },
  { name: 'Jane', age: 25 },
]);
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1'); // 将工作表添加到工作簿中

3. 导出Excel文件

使用js-xlsx库将Excel文件导出到本地磁盘。下面是一个示例代码：

const buffer = XLSX.write(workbook, {
  bookType: 'xlsx',
  type: 'array',
});
const blob = new Blob([buffer], { type: 'application/octet-stream' }); // 创建Blob对象
const link = document.createElement('a'); // 创建下载链接
link.href = URL.createObjectURL(blob); // 设置下载链接
link.download = 'hello.xlsx'; // 设置下载文件名
link.click(); // 触发下载