导出加载进度条

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、至此，一个完整的导出进度条写完了，界面效果虽然不是很好，但基本原理基本是这样。