前端下载少量数据为csv文件

功能诉求:前端访问后端数据后,展示在表格中并下载为csv文件。

由于csv内容格式就是纯文本的字符拼接,小数据量时可以前端生成,大数据量还是后端生成较为合适

使用:react

// 下载表格(生成csv并下载)
    downloadHandle = () => {
        this.setState({
            filename:'搜索数据.csv',
        });
        var content = []; 
        var p = this.state.tableData;
        //s1. 用一个数组来存一行数据,所以第一行用一个数组来保存字段名 
        content.push(['日期', '来源', 'query', '关键词', '省','市','userid']);
        //s2. 将数据push到大数组中 
        for (var i = 0; i < p.length; i++) { 
             content.push([p[i].day, p[i].media, p[i].query, p[i].word,p[i].province,p[i].city,p[i].uid]); 
        } 
        //s3. 按照csv文件内容格式,把每个数组用 , 连接,形成一行,并存入新数组 
        var csvRows = []; 
        for (var j = 0; j < content.length; j++) { 
            csvRows.push(content[j].join(',')) 
        } 
       
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值