背景:在报表功能模块中经常可能涉及到需要对查询到的数据导出到excel文件中,对于excel的导入导出功能easypoi具有使用集成简单,使用方便的特点,这里就记录一下项目中使用easypoi导出excel文件的一次全过程
关于easypoi的具体使用可参考教程:easyPoi教程
直接上代码,首先pom文件
<dependency>
<groupId>cn.afterturn</groupId>
<artifactId>easypoi-base</artifactId>
<version>3.0.1</version>
</dependency>
<dependency>
<groupId>cn.afterturn</groupId>
<artifactId>easypoi-web</artifactId>
<version>3.0.1</version>
</dependency>
<dependency>
<groupId>cn.afterturn</groupId>
<artifactId>easypoi-annotation</artifactId>
<version>3.0.1</version>
</dependency>
1.首先是前端页面请求
由于我们的目的是下载文件,所以不能发送ajax请求,如果是ajax来发送请求的话会返回一堆乱码,一般如果需要下载文件的话同城情况下会采用下面两种方式
<a href="/downUrl">点击下载Excel</a>
or
location.href = '/downUrl';
但是我并没采用这种方式,因为,我要根据搜索条件到后台查询数据库,拿到对应的数据再写入到excel再下载,上面两种方式虽然也可以传递参数,但传递的参数有限,所以我这里采用的是改造后的post请求方式,请求下载,代码如下:
//自定义post请求下载文件
function DownLoad(options) {
var config = $.extend(true, { method: 'post' }, options);
var $iframe = $('<iframe id="down-file-iframe" frameborder=0 width=0 height=0/>');
var $form = $('<form target="down-file-iframe" method="' + config.method + '" />');
$form.attr('action', config.url);
for (var key in config.data) {
$form.append('<input type="hidden" name="' + key + '" value="' + config.data[key] + '" />');
}
$iframe.append($form);
$(document.body).append($iframe);
$form[0].subm