测试管理平台需要增加导出用例成Excel的功能 有两种方式
一种是 Django获取数据先生成本地文件 读取本地文件后再传递给前端
还一种是 Django获取数据 生成文件流 文件流传给前端
第一种资料比较多 但是要每次下载都要在本地生成文件 太过繁琐 这边选择第二种方式
步骤
先处理Django后端
这边使用的是openpyxl
wb Worbook() ws wb.active ..... ws是个worksheet对象 我的目的是将其变成二进制数据 通过BytesIO()来处理 from io import BytesIO output BytesIO() wb.save(output) #这句是将worksheet保存到二进制字节中去 output.seek(0) #output读取所以数据 response FileResponse(output) #定义FileResponse 里面传字节流进去 最后返回的是response文件流 我的文件名想单独字段传递给前端 咋办 通过加response的headers来处理 还有文件名中文乱码咋搞 通过escape_uri_path来处理 tname 你好哟 tname escape_uri_path(tname) fileName tname time.strftime( %y%m%d%H%M%S ) .xlsx response[ name ] fileName response[ Access-Control-Expose-Headers ] name #这个name是上一句的key response[ Content-Type ] applecation/octet-stream #这边不加Content-Disposition也可以 return response
前端需要处理两个 一个是请求参数这么设置 还一个是相应和文件名咋处理
请求参数ajax需要设置responseType: blob
this.$axios({
method: post ,
url: /test/export/ ,
data: this.exportData,
responseType: blob
}).then(function(res){
其实就是通过创建a标签来处理打开href链接来下载 最后在移除a标签就行
let url window.URL.createObjectURL(res.data)//res.data就是接口返回的文件对象
let a document.createElement( a )
a.href url
a.download decodeURI(res.headers.name)//res.headers.nam就可以获取自定义的名称 再解码
document.body.appendChild(a)
a.click()
window.URL.revokeObjectURL(url)
document.body.removeChild(a)
