前端导出请求,后端redis创建xlxs-CFANZ编程社区

前端导出请求，后端使用Redis创建XLSX文件

1. 简介

在开发Web应用程序时，有时候需要将数据导出为Excel文件以供用户下载和使用。本文将介绍如何使用前端导出请求，后端使用Redis创建XLSX文件。

2. 前端导出请求

首先，我们需要在前端创建一个导出按钮，当用户点击按钮时，发送请求到后端获取导出的数据。

// 前端代码
const exportButton = document.getElementById('export-button');

exportButton.addEventListener('click', async () => {
  try {
    const response = await fetch('/export', {
      method: 'GET',
    });

    if (response.ok) {
      const fileBlob = await response.blob();

      // 下载文件
      const url = URL.createObjectURL(fileBlob);
      const link = document.createElement('a');
      link.href = url;
      link.download = 'export.xlsx';
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    } else {
      // 处理错误
      console.error('导出请求失败');
    }
  } catch (error) {
    console.error('导出请求失败', error);
  }
});

上述代码中，我们使用了fetch函数发送GET请求到后端的/export接口，并处理了请求成功和请求失败的情况。如果请求成功，我们将获取到的文件数据（Blob对象）转换为URL，然后创建一个下载链接，以供用户下载。

3. 后端Redis创建XLSX文件

在后端，我们使用Redis存储导出的数据，并使用第三方库xlsx-populate创建XLSX文件。

// 后端代码（使用Node.js和Express框架）
const express = require('express');
const redis = require('redis');
const xlsxPopulate = require('xlsx-populate');

const app = express();
const redisClient = redis.createClient();

app.get('/export', async (req, res) => {
  try {
    // 从Redis中获取导出的数据
    const data = await redisClient.get('exportData');

    if (data) {
      const workbook = await xlsxPopulate.fromDataAsync(data);
      
      // 创建XLSX文件
      const buffer = await workbook.outputAsync();
      
      // 设置响应头
      res.setHeader('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
      res.setHeader('Content-Disposition', 'attachment; filename=export.xlsx');

      // 发送文件数据给前端
      res.send(buffer);
    } else {
      // 处理错误
      res.status(404).send('未找到导出的数据');
    }
  } catch (error) {
    console.error('创建XLSX文件失败', error);
    res.status(500).send('创建XLSX文件失败');
  }
});

app.listen(3000, () => {
  console.log('服务器已启动');
});

上述代码中，我们使用了redis和xlsx-populate库。首先，当前端发送GET请求到/export接口时，后端会从Redis中获取导出的数据。如果数据存在，我们使用xlsx-populate库将数据生成为XLSX文件，然后将文件数据发送给前端。