根据excel模板导出excel表格 返回流给前端

java代码

pom文件
<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>easyexcel</artifactId>
    <version>2.2.4</version>
</dependency>
java代码
public void exportStoreSignList(HttpServletResponse response,@RequestParam(value="createTime",required = false)String createTime,@RequestParam(value="topic",required = false)String topic,
                                      @RequestParam(value="nowTime",required = false)String nowTime,@RequestParam(value="name",required = false)String name,
                                      @RequestParam(value="tableName",required = false)String tableName) throws Exception {
        //获取模板
        ClassPathResource classPathResource = new ClassPathResource("/excel/excelCharts.xlsx");
        //输入流
        InputStream inputStream = null;
        //输出流
        ServletOutputStream outputStream = null;
        //处理填充数据
        List<Map<String,Object>> storeList = new ArrayList<>();
        storeList = this.excelcharts(createTime,topic);
        ExcelWriter excelWriter = null;
        Map<String,Object> map = new HashMap<>();
        if(tableName != null && tableName != ""){
            map.put("name",name);
        }else{
            map.put("name","");
        }
        if(tableName != null && tableName != ""){
            String rkDateFormat = createTime.substring(0, 4) + "年" + createTime.substring(5, 7) + "月" + createTime.substring(8, 10) + "日";
            map.put("createTime",rkDateFormat);
        }else{
            map.put("createTime","");
        }
        try {
            //输入流
            inputStream = classPathResource.getInputStream();
            String fileName = URLEncoder.encode(tableName, "UTF-8");
            response.setCharacterEncoding("utf-8");
            //返回的数据类型
            response.setContentType("application/vnd.ms-excel;charset=utf-8");
            //响应头
            response.setHeader("Content-Disposition", "attachment;fileName="
                + fileName);
            outputStream = response.getOutputStream();

            excelWriter = EasyExcel.write(outputStream).withTemplate(inputStream).build();
            WriteSheet writeSheet = EasyExcel.writerSheet().build();
            FillConfig fillConfig = FillConfig.builder().forceNewRow(Boolean.TRUE).build();
            excelWriter.fill(map, writeSheet);
            excelWriter.fill(new FillWrapper("data", storeList), fillConfig, writeSheet);
            outputStream.flush();

            excelWriter.finish();
        } catch (IOException e) {
            e.printStackTrace();
            throw new RuntimeException("导出错误!");
        } catch (Exception e) {
            e.printStackTrace();
            throw new RuntimeException("异常!");
        }finally {
            // 千万别忘记finish 会帮忙关闭流
            if (excelWriter != null) {
                excelWriter.finish();
            }
            //关闭流
            if (outputStream != null) {
                try {
                    outputStream.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            if (inputStream != null) {
                try {
                    inputStream.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    }

vue

await exportStoreList(createTime,topic,nowTime,name,tableName).then((res) => {
        console.log("exportStoreList==================>",res)

        if (!res) {
            return
        }
        let url = window.URL.createObjectURL(new Blob([res]))
        let link = document.createElement('a')
        link.style.display = 'none'
        link.href = url
        link.setAttribute('download', this.excelChartsName)

        document.body.appendChild(link)
        link.click()
      }).catch(err => console.log('下载失败', err))
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用以下步骤在Vue中导出Excel表格: 1. 首先,您需要安装 `file-saver` 和 `xlsx` 库。您可以使用以下命令进行安装: ``` npm install file-saver xlsx --save ``` 2. 在Vue组件中,您需要导入 `file-saver` 和 `xlsx` 库。您可以使用以下代码进行导入: ```javascript import { saveAs } from 'file-saver'; import XLSX from 'xlsx'; ``` 3. 创建一个函数,该函数将生成Excel文件并将其保存到本地计算机。以下是实现的示例代码: ```javascript methods: { exportExcel() { /* 创建数据 */ const data = [ ['姓名', '年龄', '性别'], ['张三', 18, '男'], ['李四', 22, '男'], ['小红', 16, '女'] ]; /* 创建一个工作簿 */ const workbook = XLSX.utils.book_new(); /* 创建一个工作表 */ const worksheet = XLSX.utils.aoa_to_sheet(data); /* 将工作表添加到工作簿 */ XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1'); /* 将工作簿转换为二进制文件 */ const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' }); /* 保存文件 */ const fileName = 'example.xlsx'; const file = new Blob([excelBuffer], { type: 'application/octet-stream' }); saveAs(file, fileName); } } ``` 4. 最后,在Vue组件模板中添加一个按钮,当用户单击该按钮时,将调用 `exportExcel` 函数。以下是示例代码: ```html <template> <div> <button @click="exportExcel">导出Excel</button> </div> </template> ``` 这样,当用户单击该按钮时,将生成并保存Excel文件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值