go 数据导出Excel&前台接收后端返回文件流并在浏览器提供下载

简介: go 数据导出Excel&前台接收后端返回文件流并在浏览器提供下载

前言


我还有一个朋友, 最近要实现一个数据导出excel的功能, 来看一下主要怎么实现吧


20200519091617135.png

实现


主要用到了 https://godoc.org/github.com/tealeg/xlsx


测试脚本


package main
import (
  "testing"
)
import (
  "github.com/tealeg/xlsx"
)
func TestCreateExcel(t *testing.T) {
  var user = struct {
    Name string
    Age  int
  }{}
  user.Name, user.Age = "飞起来", 11
  // 生成一个新的文件
  file := xlsx.NewFile()
  // 添加sheet页
  sheet, _ := file.AddSheet("Sheet1")
  // 插入表头
  titleRow := sheet.AddRow()
  titleRow.AddCell().Value = "名字"
  titleRow.AddCell().Value = "年龄"
  // 插入内容
  for a := 0; a <= 2; a++ {
    row := sheet.AddRow()
    row.WriteStruct(&user, -1)
  }
  // 保存文件
  err := file.Save("file.xlsx")
  if err != nil {
    panic(err)
  }
}

这是生成的excel文件

20200514204944249.png

封装个公用方法


主要的功能还是api生成excel返回给前端提供用户下载(接口如果是get请求的话则可以直接下载)

// DataToExcel 数据导出excel, dataList里面的对象为指针
func DataToExcel(w http.ResponseWriter, r *http.Request, titleList []string, dataList []interface{}, fileName string) {
  // 生成一个新的文件
  file := xlsx.NewFile()
  // 添加sheet页
  sheet, _ := file.AddSheet("Sheet1")
  // 插入表头
  titleRow := sheet.AddRow()
  for _, v := range titleList {
    cell := titleRow.AddCell()
    cell.Value = v
    cell.GetStyle().Font.Color = "00FF0000"
  }
  // 插入内容
  for _, v := range dataList {
    row := sheet.AddRow()
    row.WriteStruct(v, -1)
  }
  fileName = fmt.Sprintf("%s.xlsx", fileName)
  //_ = file.Save(fileName)
  w.Header().Add("Content-Disposition", fmt.Sprintf(`attachment; filename="%s"`, fileName))
  w.Header().Add("Content-Type", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet")
  var buffer bytes.Buffer
  _ = file.Write(&buffer)
  content := bytes.NewReader(buffer.Bytes())
  http.ServeContent(w, r, fileName, time.Now(), content)
}

这样就可以了, 然后下面是让前端朋友写的测试代码, 主要使用blob来实现

fetch("http://127.0.0.1:9999/test", {
    method: "POST",
    body: JSON.stringify({
        "page": 1,
        "size": 10,
    }),
    headers: {
    },
    responseType: 'blob'
}).then(async (res) => {
    let blob = await res.blob();
    const link = document.createElement('a');
    blob = new Blob([blob], {type: 'application/x-excel'});
    console.log(blob);
    link.style.display = 'none';
    link.href = URL.createObjectURL(blob);
    link.download = "测试execl.xlsx";
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}).catch(error => {
    console.log(error);
});


目录
相关文章
|
6月前
|
前端开发
前端接受后端文件流并下载到本地的方法
前端接受后端文件流并下载到本地的方法
1403 0
|
6月前
|
Go API
一文搞懂Go读写Excel文件
一文搞懂Go读写Excel文件
158 0
|
3月前
|
XML 缓存 JSON
为什么浏览器中有些图片、PDF等文件点击后有些是预览,有些是下载
为什么浏览器中有些图片、PDF等文件点击后有些是预览,有些是下载
238 0
|
13天前
|
Web App开发 Java
使用java操作浏览器的工具selenium-java和webdriver下载地址
【10月更文挑战第12天】Selenium-java依赖包用于自动化Web测试,版本为3.141.59。ChromeDriver和EdgeDriver分别用于控制Chrome和Edge浏览器,需确保版本与浏览器匹配。示例代码展示了如何使用Selenium-java模拟登录CSDN,包括设置驱动路径、添加Cookies和获取页面源码。
|
2月前
|
JSON 前端开发 JavaScript
java中post请求调用下载文件接口浏览器未弹窗而是返回一堆json,为啥
客户端调接口需要返回另存为弹窗,下载文件,但是遇到的问题是接口调用成功且不报错,浏览器F12查看居然返回一堆json,而没有另存为弹窗; > 正确的效果应该是:接口调用成功且浏览器F12不返回任何json,而是弹窗另存为窗口,直接保存文件即可。
125 2
|
4月前
|
前端开发 JavaScript PHP
技术心得:前端点击按钮,导入excel文件,上传到后台,excel接收和更新数据
技术心得:前端点击按钮,导入excel文件,上传到后台,excel接收和更新数据
46 0
|
6月前
|
域名解析 应用服务中间件 对象存储
解决阿里云oss图片浏览器访问直接下载而不是打开
解决阿里云oss图片浏览器访问直接下载而不是打开
3272 0
|
6月前
|
移动开发 JavaScript
微信公众号H5开发,在微信浏览器打开H5,无法一键下载图片
微信公众号H5开发,在微信浏览器打开H5,无法一键下载图片
209 0
|
5天前
|
API 持续交付 开发者
后端开发中的微服务架构实践与挑战
在数字化时代,后端服务的构建和管理变得日益复杂。本文将深入探讨微服务架构在后端开发中的应用,分析其在提高系统可扩展性、灵活性和可维护性方面的优势,同时讨论实施微服务时面临的挑战,如服务拆分、数据一致性和部署复杂性等。通过实际案例分析,本文旨在为开发者提供微服务架构的实用见解和解决策略。