1、导出进度条是基于EasyUI框架写的。
2、前台页面：在导出的页面中写入js。可以把以下代码写个function，并在导出的function中加入。
//获取所有行数据，页面有数据才可以加载进度条
var rows = $("#dg").datagrid("getRows");
if (rows.length > 0) {
//打开进度条
$.messager.progress({
title: '请稍等',
msg: '正在导出...',
text: '拼命加载中...',
interval: 300
});
//访问后台，监控后台数据是否导出完毕
window.setTimeout(function () {
var timer = window.setInterval(function () {
$.ajax({
type: "POST",
url: 'busine.do?method=flushProgress',
success: function (data) {
var result = $.parseJSON(data);
//关闭动画
if (result.percent == "100") {
window.clearInterval(timer);
$.messager.progress('close');
}
}
});
}, 300);
}, 800);
}3、后端导出工具类代码
/**
* 导出Excel 2007 OOXML (.xlsx)格式
*
* @param filename 导出文件名
* @param title 表格标题名
* @param headers 表格属性列名
* @param columns 对应字段
* @param dataset 需要显示的数据集合 集合中一定要放置符合javabean风格的类的对象
* @param pattern 如果有时间数据，设定输出格式。默认为"yyy-MM-dd"
*/
public static void exportXlsx( HttpServletResponse response,
HttpServletRequest request,
String filename,
String title,
String[] headers,
String[] columns, List<?> dataset, String pattern) {
//创建一个工作簿
SXSSFWorkbook workbook = new SXSSFWorkbook(1000);
// 生成一个表格
SXSSFSheet sheet = workbook.createSheet(title + 1);
SXSSFRow row = null;//创建行
// 设置表格默认列宽度为20个字节
/*sheet.setDefaultColumnWidth(20);
sheet.setDefaultRowHeightInPoints(24);*/
// 生成一个 表格标题行样式
CellStyle style = workbook.createCellStyle();
// 设置这些样式 背景
style.setFillForegroundColor(IndexedColors.GREY_25_PERCENT.getIndex());
style.setFillPattern(FillPatternType.SOLID_FOREGROUND);
//边框
style.setBorderBottom(BorderStyle.THIN);
style.setBorderLeft(BorderStyle.THIN);
style.setBorderRight(BorderStyle.THIN);
style.setBorderTop(BorderStyle.THIN);
//水平居中
style.setAlignment(HorizontalAlignment.CENTER);
// 生成一个字体
Font font = workbook.createFont();
font.setColor(IndexedColors.WHITE.getIndex());
font.setFontHeightInPoints((short) 12);
font.setBold(true);
// font.setBoldweight((short)700));
// 把字体应用到当前的样式
style.setFont(font);
// 生成并设置另一个样式 内容的背景
CellStyle style2 = workbook.createCellStyle();
//背景
style2.setFillForegroundColor(IndexedColors.WHITE.getIndex());
style2.setFillPattern(FillPatternType.SOLID_FOREGROUND);
//边框
style2.setBorderBottom(BorderStyle.THIN);
style2.setBorderLeft(BorderStyle.THIN);
style2.setBorderRight(BorderStyle.THIN);
style2.setBorderTop(BorderStyle.THIN);
//居中
style2.setAlignment(HorizontalAlignment.CENTER);
style2.setVerticalAlignment(VerticalAlignment.CENTER);
// 生成另一个字体
Font font2 = workbook.createFont();
// font2.setBoldweight(HSSFFont.BOLDWEIGHT_NORMAL);
// 把字体应用到当前的样式
style2.setFont(font2);
// 声明一个画图的顶级管理器
Drawing<?> patriarch = sheet.createDrawingPatriarch();
// 定义注释的大小和位置
//Comment comment = patriarch.createCellComment(new HSSFClientAnchor(0, 0, 0, 0, (short) 4, 2, (short) 6, 5));
// 设置注释内容
//comment.setString(new HSSFRichTextString("Created By Phil"));
// 设置注释作者，当鼠标移动到单元格上是可以在状态栏中看到该内容.
//comment.setAuthor("zhufei");
if (StringUtils.isEmpty(pattern)) {
pattern = "yyyy/MM/dd";
}
FastDateFormat instance = FastDateFormat.getInstance(pattern);
// 遍历集合数据，产生数据行
Iterator<?> it = dataset.iterator();
int rowNo = 0; //总行号
int count = 0; //总列数
int pageRowNo = 0; //页行号
long startTime = System.currentTimeMillis(); //开始时间
while (it.hasNext()) {
//打印5万条后切换到下个工作表，可根据需要自行拓展，10万、30万...数据一样操作，只要不超过65535就可以
if (rowNo % 500000 == 0) {
if (rowNo > 0) {
//建立新的sheet对象 第一次进入不需要在创建一个工作表
workbook.createSheet(title + (rowNo / 500000 + 2));
}
sheet = workbook.getSheetAt(rowNo / 500000); //动态指定当前的工作表
pageRowNo = 0; //每当新建了工作表就将当前工作表的行号重置为0
row = sheet.createRow(pageRowNo); //创建行
//设置表头表格样式
for (int i = 0; i < headers.length - 1; i++) {
SXSSFCell cell = row.createCell(i);
cell.setCellStyle(style);
//设置标题表格宽度
sheet.setColumnWidth(i, 10 * 512);
cell.setCellValue(headers[i]);
}
//Thread.sleep(1); //休息一下，防止对CPU占用，其实影响不大
}
pageRowNo++;
rowNo++;//自增加一
row = sheet.createRow(pageRowNo); //创建行
//取出内容
Object ob = it.next();
// 利用反射，根据javabean属性的先后顺序，动态调用getXxx()方法得到属性值
// Field[] fields = t.getClass().getDeclaredFields();
count = headers.length - 1 < columns.length - 1 ? headers.length - 1 : columns.length - 1;
for (int i = 0; i < count; i++) {
SXSSFCell cell = row.createCell(i);
cell.setCellStyle(style2);
String fieldName = columns[i];
String getMethodName = "get" + fieldName.substring(0, 1).toUpperCase() + fieldName.substring(1);
try {
Class<? extends Object> tCls = ob.getClass();
Method getMethod = tCls.getMethod(getMethodName, new Class[]{});
Object value = getMethod.invoke(ob, new Object[]{});
// 判断值的类型后进行强制类型转换
String textValue = null;
if (value instanceof Date) {
Date date = (Date) value;
textValue = instance.format(date);
} else if (value instanceof byte[]) {
// 有图片时，设置行高为60px;
row.setHeightInPoints(60);
// 设置图片所在列宽度为80px,注意这里单位的一个换算
sheet.setColumnWidth(i, (short) (35.7 * 80));
// sheet.autoSizeColumn(i);
byte[] bsValue = (byte[]) value;
ClientAnchor anchor = new HSSFClientAnchor(0, 0, 1023, 255, (short) 6, rowNo, (short) 6, rowNo);
anchor.setAnchorType(ClientAnchor.AnchorType.MOVE_DONT_RESIZE);
patriarch.createPicture(anchor, workbook.addPicture(bsValue, SXSSFWorkbook.PICTURE_TYPE_JPEG));
} else {
// 其它数据类型都当作字符串简单处理
if (value != null) {
textValue = value.toString();
} else {
textValue = "";
}
}
// 如果不是图片数据，就利用正则表达式判断textValue是否全部由数字组成
if (textValue != null) {
Pattern p = Pattern.compile("^//d+(//.//d+)?$");
Matcher matcher = p.matcher(textValue);
if (matcher.matches()) {
// 是数字当作double处理
cell.setCellValue(Double.parseDouble(textValue));
} else {
cell.setCellValue(textValue);
}
}
} catch (SecurityException e) {
e.printStackTrace();
} catch (NoSuchMethodException e) {
e.printStackTrace();
} catch (IllegalArgumentException e) {
e.printStackTrace();
} catch (IllegalAccessException e) {
e.printStackTrace();
} catch (InvocationTargetException e) {
e.printStackTrace();
}
}
}
//导出完毕后放入session会话中【这里是用来给导出进度条用的】
request.getSession().setAttribute("percent", "100");
//处理完成时间
long finishedTime = System.currentTimeMillis();
log.info("处理完成时间: " + (finishedTime - startTime) + "ms");
OutputStream out = null;
try {
// 设置response参数，可以打开下载页面
response.reset();
response.setContentType("application/vnd.ms-excel;");
response.setHeader("Content-Disposition", "attachment;filename=\"" + new String(filename.getBytes("gbk"), "iso-8859-1") + ".xlsx\"");
out = response.getOutputStream();
workbook.write(out);
workbook.close();
workbook.dispose();
} catch (IOException e) {
e.printStackTrace();
log.info("导出xlsx文件出错" + StackMsg.getStackMsg(e));
}
}4、在控制层，导出方法旁边再写个方法，用来给进度条识别是否导出完毕。
/**
* 进度条刷新，数据从session当中取
*
* @param request
* @return String
*/
@ResponseBody
@RequestMapping(params = "method=flushProgress")
public String flushProgress(HttpServletRequest request) {
HashMap<String, Object> map = null;
try {
map = new HashMap<String, Object>();
Object percent = request.getSession().getAttribute("percent");
//加上空判断是为了防止第一次读取session时，出现NULL
if (null == percent || "".equals(percent)) {
map.put("percent", 0);
} else {
map.put("percent", percent);
request.getSession().removeAttribute("percent");
}
} catch (Exception e) {
e.printStackTrace();
}
return JSON.toJSONString(map);
}5、至此，一个完整的导出进度条写完了，界面效果虽然不是很好，但基本原理基本是这样。