打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Web导出excel的几种方法
在项目中我们经常遇到需要将报表导出成excel下载保存下来,在不同的要求和不同的资源情况下我们有不同的处理方式。在这里我将谈谈我所遇到的几种情况和遇到的一些问题。
总的来说可以分为:服务器端生成和浏览器端生成2种方法。

一、 服务器端生成就是:根据用户请求,获取相应的数据,使用poi/jxl, jacob/jawin+excel或是用数据拼html的table或是cvs纯文本的数据格式等。然后按.xls或是.cvs格式的文件的形式返回给用户,指定Content-Type:application/vnd.ms-excel ,浏览器就会提示要下载的文件是excel文件。一般情况下采用这种方式的话就可以根据具体要求对excel文件进行细致的处理,各方面样式和排列可以自己控制使用,而且是可以跨平台使用的。缺点就是毕竟需要根据不同的表格进行不断的coding,服务器也有一定的压力,这里我就不进行例子解释了。
二、浏览器端生成excel文件还没有特别完善的方案,这是因为js无法处理二进制。大概有以下几个方案,各有利弊
1.activex方式:使用js调用excel对象,传入需要的参数直接导出excel。
这种方式代码简单,速度较快,前段时间用过2种采用这种方式的方法,各有千秋:
A:页面table拷贝法:
var curTbl = document.getElementById(tableid);  
    var oXL = new ActiveXObject("Excel.Application");
    var oWB = oXL.Workbooks.Add();   //创建AX对象excel 
    var oSheet = oWB.ActiveSheet;   //获取workbook对象 
    var sel = document.body.createTextRange();   //激活当前sheet
    sel.moveToElementText(curTbl);   //把表格中的内容移到TextRange中  
    sel.select();   //全选TextRange中内容 
    sel.execCommand("Copy");  //复制TextRange中内容
    oSheet.Paste();       //粘贴到活动的EXCEL中        
    oXL.Visible = true;   //设置excel可见属性
如上代码可见,这个方法需要传入的就是table的ID,通过拷贝table复制到excel的方式执行,这个方法的特点是可见即所得,当然页面格子大小不能控制精细,只能得到当前页面展示的table部分,如table做了分页处理的话,直接导出的也只是当前页面部分。
B: 页面地址输出法:
var e = new ActiveXObject("Excel.Application");
var b = e.workbooks.open(src);
e.visible = true;
这个方法更加简单,src为所用导出页面的地址,就直接导出的这张页面为内容的excle,当然src也可以包含参数,但是经过试验,带参数会这页面第一次刷新的时候参数处理有些问题,需要捕获并处理,相信这个方法只导表有些大材小用,因为他导出的是整个页面。.
2.ie命令方式:将html或是csv输出到open的window,然后使用execCommand的saveas命令,存为csv或xls(IE 6 only)
3. 服务器端中转方式:将html的table或是拼接的csv传到服务器端,服务器端再按照Content-Type:application/vnd.ms-excel返回,浏览器就会按excel方式处理。与服务器端拼接相比,少了一次取数操作。
4. data协议方式:对于支持data协议的浏览器,可以将html或是csv先用js base64处理,然后前缀data:application/vnd.ms-excel;base64,,即可使浏览器将其中的数据当做excel来处理,浏览器将提示下载或打开excel文件,可惜的是ie不支持。extjs的官网有一个grid的plugin,实现导出xhtml格式的伪excel文件,就是这么做的。 

浏览器端只有第一种方案导出的是真正的biff格式的excel文件,其他方式都是文本格式。activex方式只能在windows平台的ie浏览器使用,而且需要降低ie的安全性,所以应用比较有限。复杂的excel文件,还是在服务器端用poi/jxl生成excel比较好。如果浏览器固定位ie6,浏览器端方式2是最好的方案。如果要降低服务器端cpu的计算压力,客户端方案3可行,而且跨平台(比poi/jxl方式少了取数和生成二进制文件)。如果是非ie浏览器,方案4也不失为一种好方法。

ps: 还有一个方案,就是让安装了ie和excel的用户在网页上右键,点击“导出到 Microsoft Excel”,然后可以选择要导出的table区域,点“导入”按钮,完成导入。 
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
如何让IE浏览器提示下载文件,而不是直接打开Excel文件
JS实现AJAX请求
学无止境
面向Java开发人员的Ajax技术
前端开发面试题 | 菜鸟教程
Flex 页面空白或Error #2032: 流错误处理办法
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服