springboot+angular实现excel下载(使用easyexcel实现)

1.导入依赖


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

2.angular代码

 export() {
        if (!!this.listOfAllData) {
            const template = new ExcelTemplate();
            const header = ['参数名称', '用途', '参数类型', '单位', '可选值', '描述'];
            template.name = '工艺参数表';
            template.header = header.map(h => [h]);
            template.data = this.listOfAllData.map(data => [
                data.name, this.transformUsage(data.usages).join(','), this.transformType(data.type),
                data.unit, data.valueCandicatesStr, data.comments]);
            console.log('export excel template: %o', template);
            this.appService.exportExcel(template);
        }
    }
ExcelTemplate结构
export class ExcelTemplate {
    name: string;
    header: string[][] = [];
    data: any[][] = [];
}

service代码

 exportExcel(template: ExcelTemplate) {
        const options = {
            responseType: 'blob' as 'json'
        };
        return this.http.post<Blob>(`/api/excel/export`, template, options)
            .pipe(retry(2), catchError(this.handleError.bind(this))).subscribe(rs => {
                if (rs) {
                    const blob = new Blob([rs], {type: 'application/octet-stream'});
                    saveAs(blob, `${template.name}.xlsx`);
                }
            });
    }

3.springboot代码

@PostMapping(value = "/excel/export")
  public void exportExcel(HttpServletResponse response, @RequestBody ExcelTemplate template) throws IOException {
    response.setContentType("application/vnd.ms-excel");
    response.setCharacterEncoding("utf-8");
    String filename = URLEncoder.encode(template.getName(), "UTF-8");
    response.setHeader("Content-disposition", "attachment;filename=" + filename + ".xlsx");
    EasyExcel.write(response.getOutputStream()).registerWriteHandler(new LongestMatchColumnWidthStyleStrategy()).head(template.getHeader())
        .sheet(template.getName()).doWrite(template.getData());
  }

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值