js实现导出Excel文档

HTML部分

 <button onclick='importBtn()'>导出</button>

JS部分

const base64 = s => window.btoa(unescape(encodeURIComponent(s)));importBtn = () => {// 导出获取Excelconst jsonData = [{//首行标题data1: '床位名称',data2: '床位代码',data3: '床位外部代码',data4: '所属科室代码',data5: '所属病区代码',data6: '所属病房代码',data7: '管床医生工号',data8: '管床护士工号',data9: '排序',data10: '是否启用(1:启用；0:不启用)',data11: '备注',}, {//写死一段数据data1: '床位1',data2: '4001',data3: '4001',data4: '1001',data5: '2001',data6: '3001',data7: '',data8: '',data9: '1',data10: '1',data11: '无',},]//列标题，逗号隔开，每一个逗号就是隔开一个单元格let str = `<span style="color: #FF5A6A;font-size: 25px;">注意：红色字段为必填，</span><span style="font-size: 25px;">此行保留不可删除</span>\n</tr>`// 增加\t为了不让表格显示科学计数法或者其他格式for (let i = 0; i < jsonData.length; i++) {for (const key in jsonData[i]) {if (i == 0 && (key == 'data1' || key == 'data2' || key == 'data10')) {str += `<td style="color: #FF5A6A; ">${jsonData[i][key] + '\t'}</td>`} else {str += `<td style=""width: 110px; ">${jsonData[i][key] + '\t'}</td>`}}str += '\n' + '</tr>';}const template = `<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>${'Sheet1'}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>${str}</table></body></html>`;// encodeURIComponent解决中文乱码const uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(template);// 通过创建a标签实现const link = document.createElement("a");link.href = uri;// 对下载的文件命名link.download = "床位导入模板.xlsx";link.click();}

js实现导出Excel文档相关推荐

nodejs导出Excel文档
node中导出Excel文档. 安装excel-export node中导出excel的模板有很多,这里我使用的是excel-export来进行的导出功能的实现. 新建一个node项目之后,在目录中找 ...
npoi把xlsx文件转为html,C# NPOI 导入与导出Excel文档兼容xlsx, xls(xf13中已经引用了xlsx的npoi)...
这里使用的NPOI版本为: 2.1.3.1 版本内包含.Net 2.0 与.Net 4.0 .Net 4.0中包含文件使用时需引用需要引用所有5个dll 使用到的引用 using NPOI.HSSF ...
Grails示例程序-导出Excel文档
2019独角兽企业重金招聘Python工程师标准>>> 程序只有一个页面,点击下载链接,下载Excel文档,该文档有两个sheet,这两个sheet和里面的内容是使用JExcelAp ...
使用EasyPoi轻松导入导出Excel文档
提到Excel的导入导出,大家肯定都知道alibaba开源的EasyExcel,该项目的github地址为:https://github.com/alibaba/easyexcel. 这个项目非常活跃 ...
服务器导出excel文档,服务器导出excel功能配置
服务器导出excel功能配置内容精选换一换该任务指导用户完成Linux云服务器的相关配置与其他驱动的安装,为最终生成的Linux裸金属服务器私有镜像做准备.配置Linux云服务器.具体操作请参考 ...
swagger导出excel文档_将Swagger2文档导出为HTML或markdown等格式离线阅读
网上有很多<使用swagger2构建API文档>的文章,该文档是一个在线文档,需要使用HTTP访问.但是在我们日常使用swagger接口文档的时候,有的时候需要接口文档离线访问,如将文档导 ...
【laravel】【转发】laravel 导入导出excel文档
1.简介 Laravel Excel 在 Laravel 5 中集成 PHPOffice 套件中的 PHPExcel ,从而方便我们以优雅的.富有表现力的代码实现Excel/CSV文件的导入和导出 ...
Java导出Excel文档（poi），并上传到腾讯云对象存储服务器
需求后台生成周报月报季报年报Excel,将文件下载链接推送给对应客户开发思路: 1.根据选定日期生成周报,月报,季报,年报数据 2.将这些数据报告生成Excel表格 3.把生成的文件上传到腾讯云对 ...
SXSSFWorkbook导入/导出Excel文档简单操作
在Java-web项目开发过程中经常会遇到导入/导出Excel表格的业务场景.SXSSFWorkbook是apache基金会提供的Excel导出工具类,它允许导出大批量数量而不会导致内存溢出,因为在导 ...
C# NPOI 导入与导出Excel文档兼容xlsx, xls
这里使用的NPOI版本为: 2.1.3.1 官方下载地址: http://npoi.codeplex.com/releases 版本内包含.Net 2.0 与.Net 4.0 .Net 4.0中包含文 ...

js实现导出Excel文档

js实现导出Excel文档相关推荐

最新文章

热门文章