poi导出excel内容乱码(POI导出Excel)
数据报表是许多项目都有的模块,一般都是导出Excel或者PDF,这里记录下我在项目里用POI导出Excel。项目中,我需要根据页面jqgrid的机架查询条件导出对应的机架数据,jqgrid是分页的,但导出是要导出所有。
POIApache POI - the Java API for Microsoft Documents,官网:http://poi.apache.org/
代码编写maven引入POI
<dependency>
<groupId>org.apache.poi</groupId>
<artifactId>poi</artifactId>
</dependency>
或者
<dependency><!--Excel工具类(Easy POI)-->
<groupId>cn.afterturn</groupId>
<artifactId>easypoi-base</artifactId>
<version>3.2.0</version>
</dependency>
<dependency><!--Excel工具类(Easy POI)-->
<groupId>cn.afterturn</groupId>
<artifactId>easypoi-web</artifactId>
<version>3.2.0</version>
</dependency>
<dependency><!--Excel工具类(Easy POI)-->
<groupId>cn.afterturn</groupId>
<artifactId>easypoi-annotation</artifactId>
<version>3.2.0</version>
</dependency>
html、js调用
<dependency><!--Excel工具类(Easy POI)-->
<groupId>cn.afterturn</groupId>
<artifactId>easypoi-base</artifactId>
<version>3.2.0</version>
</dependency>
<dependency><!--Excel工具类(Easy POI)-->
<groupId>cn.afterturn</groupId>
<artifactId>easypoi-web</artifactId>
<version>3.2.0</version>
</dependency>
<dependency><!--Excel工具类(Easy POI)-->
<groupId>cn.afterturn</groupId>
<artifactId>easypoi-annotation</artifactId>
<version>3.2.0</version>
</dependency>
//导出excel
function exportRackExcel() {
//获取当前jqGrid分页参数
var postData = $("#rack").jqGrid("getGridParam", "postData");
postData.page = 1;
postData.rows = 999999999;//设置每页9亿条记录(相当于无穷大,查询所有)
//ajax不支持Excel类型,使用location.href或者表单提交
//window.location.href,get提交,数据会暴露在URL,相对不安全
//创建临时的、隐藏的form表单,post提交,数据在请求体里,相对安全
var $form = $(document.createElement('form')).css({display: 'none'}).attr("method", "POST").attr("action", ctx "/excel");
for (var key in postData) {
var $input = $(document.createElement('input')).attr('name', key).val(postData[key]);
$form.append($input);
}
$("body").append($form);
$form.submit();
//过河拆桥,提交完成后remove掉
$form.remove();
}
纯js写法
//其他操作,同上
let $form = document.createElement('form');
$form.style.display="none";
$form.method="POST";
$form.action=ctx "/excel";
for (let key in postData) {
if(postData[key]){
let $input = document.createElement('input');
$input.name=key;
$input.value=postData[key];
$form.appendChild($input);
}
}
document.body.appendChild($form);
$form.submit();
//过河拆桥,提交完成后remove掉
$form.remove();
controller
/**
* 根据当前jqGrid分页情况,创建并导出Excel文件
*
* @param entity 机架实体,用来接收查询条件
* @return ResponseEntity
*/
@PostMapping("/excel")
public ResponseEntity createExcel(RackVo entity) {
//Excel对应的columnNames列名集合 { key,label }
String[][] excelMap = {
{"no", "Rack Code"},
{"rackName", "Rack Name"},
{"roomName", "Room"},
{"idc", "IDC Center"},
{"clientName", "Customer"},
{"rackTypeName", "Type"},
{"existentialMode", "Existential Mode"},
{"maxPower", "Maximum Power(KVA)"},
{"status", "Status"},
{"administrate", "Administrate"},
};
return DownloadUtil.download(ExportExcelUtil.createExcel("Rack Management", excelMap, rackService.createExcel(entity).getData()).getData(), "机架数据报表");
}
两个工具类:导出Excel工具类 ExportExcelUtil,下载工具类 DownloadUtil
/**
* java POI 导出Excel表工具类
*/
public class ExportExcelUtil {
//禁止实例化
private ExportExcelUtil() {
}
/**
* 只支持一级表头
*
* @param titleName 表标题
* @param columnNames 列名集合,key是用来设置填充数据时对应单元格的值,label就是对应的列名,生成Excel表时,
* 第一维数组下标0对应值为Excel表最左边的列的列名 例:{ { key,label },{ key,label } }
* @param dataLists 数据集合,key对应的是列名集合的key,value是要填充到单元格的值 例:ArrayList<HashMap<String key, String vaule>>
* @return ResultModel<Workbook>
*/
public static ResultModel<Workbook> createExcel(String titleName, String[][] columnNames, ArrayList<HashMap<String, String>> dataLists) {
//创建HSSFWorkbook对象(excel的文档对象)
HSSFWorkbook wb = new HSSFWorkbook();
//建立新的sheet对象(excel的表单)
HSSFSheet sheet = wb.createSheet(titleName);//设置表单名
//1、标题名
//创建标题行,参数为行索引(excel的行),可以是0~65535之间的任何一个
HSSFRow row1 = sheet.createRow(0);
//标题的字体
HSSFFont font1 = wb.createFont();
font1.setFontHeightInPoints((short) 12);
font1.setFontName("黑体");
//标题的样式
HSSFCellStyle style1 = wb.createCellStyle();
style1.setAlignment(HSSFCellStyle.ALIGN_CENTER);//水平居中
style1.setVerticalAlignment(HSSFCellStyle.VERTICAL_CENTER);//垂直居中
// 把字体 应用到当前样式
style1.setFont(font1);
//自动换行
style1.setWrapText(true);
//自定义填充颜色(天空蓝)
style1.setFillPattern(FillPatternType.SOLID_FOREGROUND);
style1.setFillForegroundColor(IndexedColors.SKY_BLUE.getIndex());
// 设置边框
style1.setBorderBottom(HSSFCellStyle.BORDER_THIN);
style1.setBorderLeft(HSSFCellStyle.BORDER_THIN);
style1.setBorderRight(HSSFCellStyle.BORDER_THIN);
style1.setBorderTop(HSSFCellStyle.BORDER_THIN);
createCell(row1, 0, style1, titleName);
//合并单元格CellRangeAddress构造参数依次表示起始行,截至行,起始列, 截至列
sheet.addMergedRegion(new CellRangeAddress(0, 0, 0, columnNames.length - 1));
//2、列名
//创建列名行
//列名的字体
HSSFFont font2 = wb.createFont();
font2.setFontHeightInPoints((short) 12);
font2.setFontName("新宋体");
//列名的样式
HSSFCellStyle style2 = wb.createCellStyle();
style2.setAlignment(HSSFCellStyle.ALIGN_CENTER);//水平居中
style2.setVerticalAlignment(HSSFCellStyle.VERTICAL_CENTER);//垂直居中
// 把字体 应用到当前样式
style2.setFont(font2);
//自动换行
style2.setWrapText(true);
//自定义填充颜色(浅蓝色)
style2.setFillPattern(FillPatternType.SOLID_FOREGROUND);
style2.setFillForegroundColor(IndexedColors.PALE_BLUE.getIndex());
// 设置边框
style2.setBorderBottom(HSSFCellStyle.BORDER_THIN);
style2.setBorderLeft(HSSFCellStyle.BORDER_THIN);
style2.setBorderRight(HSSFCellStyle.BORDER_THIN);
style2.setBorderTop(HSSFCellStyle.BORDER_THIN);
HSSFRow row2 = sheet.createRow(1);
for (int i = 0; i < columnNames.length; i ) {
//单元格宽度
sheet.setColumnWidth(i, 20 * 256);
createCell(row2, i, style2, columnNames[i][1]);//例:[[key,label],[key,label]] 取label
}
//3、填充数据
//内容的字体
HSSFFont font3 = wb.createFont();
font3.setFontHeightInPoints((short) 12);
font3.setFontName("新宋体");
//内容的样式
HSSFCellStyle style3 = wb.createCellStyle();
style3.setAlignment(HSSFCellStyle.ALIGN_CENTER);//水平居中
style3.setVerticalAlignment(HSSFCellStyle.VERTICAL_CENTER);//垂直居中
// 把字体 应用到当前样式
style3.setFont(font3);
//自动换行
style3.setWrapText(true);
//默认无填充
style3.setFillPattern(FillPatternType.NO_FILL);
style3.setFillForegroundColor(IndexedColors.RED.getIndex());
// 设置边框
style3.setBorderBottom(HSSFCellStyle.BORDER_THIN);
style3.setBorderLeft(HSSFCellStyle.BORDER_THIN);
style3.setBorderRight(HSSFCellStyle.BORDER_THIN);
style3.setBorderTop(HSSFCellStyle.BORDER_THIN);
int index = 2;//标题行、列名行,所以数据行默认从第三行开始
for (HashMap<String, String> map : dataLists) {
//创建内容行
HSSFRow row3 = sheet.createRow(index);
for (int i = 0; i < columnNames.length; i ) {
String val = map.get(columnNames[i][0]);
createCell(row3, i, style3, val == null ? "" : val);//例:[[key,label],[key,label]] 取key
}
index ;
}
return ResultModel.of(wb);
}
/**
* 创建一个单元格
*
* @param row 行
* @param column 列
* @param cellStyle 单元格样式
* @param text 值
*/
private static void createCell(Row row, int column, CellStyle cellStyle, String text) {
Cell cell = row.createCell(column); // 创建单元格
cell.setCellValue(text); // 设置值
cell.setCellStyle(cellStyle); // 设置单元格样式
}
}
import org.apache.poi.ss.usermodel.Workbook;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpStatus;
import org.springframework.http.MediaType;
import org.springframework.http.ResponseEntity;
import org.springframework.util.StringUtils;
import java.io.*;
import java.nio.charset.StandardCharsets;
import java.text.SimpleDateFormat;
import java.util.Date;
/**
* 文件下载工具类
*/
public class DownloadUtil{
/**
* 快速下载
*/
public static ResponseEntity download(byte[] fileBytes, String fileName) {
//设置文件
HttpHeaders headers = new HttpHeaders();
headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
headers.setContentDispositionFormData("attachment", new String(fileName.getBytes(StandardCharsets.UTF_8),StandardCharsets.ISO_8859_1));
//下载文件
return new ResponseEntity<>(fileBytes, headers, HttpStatus.CREATED);
}
/**
* 快速下载
*/
public static ResponseEntity download(File file) {
return download(getByteArray(file), file.getName());
}
/**
* 快速下载
*/
public static ResponseEntity download(Workbook workbook, String fileName) {
ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
try {
fileName = fileName new SimpleDateFormat("yyyyMMddHHmmss").format(new Date()) ".xls";
workbook.write(outputStream);
} catch (IOException e) {
throw new RuntimeException(e);
}
return download(outputStream.toByteArray(), fileName);
}
//获取文件的字节数组
private static byte[] getByteArray(File file) {
if (!file.exists()) {
throw new RuntimeException("File Not Found:" file.getPath());
}
ByteArrayOutputStream bos = new ByteArrayOutputStream((int) file.length());
BufferedInputStream in = null;
try {
in = new BufferedInputStream(new FileInputStream(file));
int buf_size = 1024;
byte[] buffer = new byte[buf_size];
int len;
while (-1 != (len = in.read(buffer, 0, buf_size))) {
bos.write(buffer, 0, len);
}
return bos.toByteArray();
} catch (IOException e) {
e.printStackTrace();
throw new RuntimeException(e);
} finally {
try {
assert in != null;
in.close();
bos.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
//获取文件名后缀
private static String getSuffix(String fileName) {
int lastPointIndex = fileName.lastIndexOf(".");
if (StringUtils.isEmpty(fileName) || lastPointIndex == -1) {
return null;
}
return fileName.substring(lastPointIndex 1);
}
}
获取封装数据的service层 createExcel,直接到取page分页方法,遍历机架数据集合,设置Map<key,value>,add到list<Map>中,最后将封装好的数据return回controller,传入工具类,最后下载。
/**
* 根据当前jqGrid分页情况,创建并导出Excel文件
*
* @param entity 查询条件
* @return 封装好的数据集合
*/
@Override
public ResultModel<ArrayList<HashMap<String, String>>> createExcel(RackVo entity) {
ArrayList<HashMap<String, String>> dataLists = new ArrayList<HashMap<String, String>>();
//直接调page分页方法,获取当前jqGrid分页条件对应的数据集合,
ResultModel<PageInfo<RackVo>> rm = page(entity);
if (rm.isFlag()) {
List<RackVo> rackVoList = rm.getData().getRows();
for (RackVo rackVo : rackVoList) {
HashMap<String, String> map = new HashMap<String, String>(16);
map.put("no", rackVo.getNo() != null ? rackVo.getNo() : "");
map.put("rackName", rackVo.getName() != null ? rackVo.getName() : "");
map.put("roomName", rackVo.getRoom() != null ? rackVo.getRoom().getRoomname() : "");
map.put("idc", rackVo.getOrg() != null ? rackVo.getOrg().getOrgName() : "");
map.put("clientName", rackVo.getCustomer() != null ? rackVo.getCustomer().getClientname() : "");
map.put("rackTypeName", rackVo.getRacktype() != null ? rackVo.getRacktype().getName() : "");
map.put("existentialMode", "1".equals(rackVo.getExistentialMode()) ? "Physical" : "Virtual");
map.put("maxPower", rackVo.getMaxpower() != null ? rackVo.getMaxpower() : "");
String status = rackVo.getServiceStatus();
switch (status != null ? status : "") {
case "1":
status = "Idle";
break;
case "2":
status = "Reserved";
break;
case "3":
status = "Occupied";
break;
default:
status = "";
break;
}
map.put("status", status);
String administrate = rackVo.getAdministrate();
switch (administrate != null ? administrate : "") {
case "R":
administrate = "Cust Own";
break;
case "U":
administrate = "CTG Own";
break;
default:
administrate = "";
break;
}
map.put("administrate", administrate);
dataLists.add(map);
}
}
return ResultModel.of(dataLists);
}
从开发阶段到测试阶段,导了无数次,没毛病
小升级
excelMap,Excel对应的columnNames列名集合 { key,label },可以不用再controller设置了,直接从页面jqgrid抓取,传入controller就行(滑稽脸~)
//获取jqgrid头部标题tr,有多少个tr就有多少级标题
var thead_tr = $(".ui-jqgrid-htable").find("tr.ui-jqgrid-labels");
//遍历thead_tr找出每一个标题,并保存到对象中
var titles = [];
thead_tr.each(function(index_tr,element_tr){
titles.push([]);
$(element_tr).find("th").each(function(index_th,element_th){
//内容
var label = $(element_th).text();
//所占行 rowspan 默认1
var rowspan = $(element_th).attr("rowspan") || 1;
//所占列 colspan 默认1
var colspan = $(element_th).attr("colspan") || 1;
//键
var key = $(element_th).attr("id");
key = key.substring(key.lastIndexOf("_") 1,key.length);
if(label){
titles[index_tr].push({
label:label,
key:key,
rowspan:rowspan,
colspan:colspan,
});
}
});
});
//JSON.stringify(titles)
console.log(titles);
更新
2020-10-20更新
直接构造form表单提交,我们不能设置请求头信息,有些需求不能满足(例如在前后端分离的项目中,需要在请求头传递token令牌),当我们导出Excel功能需要设置请求头信息时应该如何操作呢?封装原生Ajax,利用responseType: 'blob'属性,接收二进制数据,构建Blob对象,将二进制数据转成文件,利用a标签下载文件
//封装原生Ajax
var Ajax={
get: function(options) {
let xhr = new XMLHttpRequest();
xhr.open('GET', options.url, true);
//设置请求头
xhr.setRequestHeader("Authorization", 'Bearer ' store.getters.token);
xhr.onload = function() {
let response = null;
// responseType="" / "text"时,响应的结果从xhr.responseText获取
if(xhr.responseType === "" || xhr.responseType === "text"){
response = xhr.responseText;
}
//200 请求成功
if (xhr.status === 200) {
options.success.call(response);
}
//其他情况,请求失败
if(options.error){
options.error.call(xhr.error);
}
};
xhr.send();
},
post: function (options) {
let xhr = new XMLHttpRequest();
xhr.open("POST", options.url, true);
//设置请求头
xhr.setRequestHeader("Content-Type", "application/json");
xhr.setRequestHeader("Authorization", 'Bearer ' store.getters.token);
//设置响应内容类型、超时时间
options.responseType ? xhr.responseType = options.responseType : xhr.responseType = "text";
options.timeout ? xhr.timeout = options.timeout : xhr.timeout = 30000;
xhr.onload = function() {
let response = null;
// responseType="" / "text"时,响应的结果从xhr.responseText获取
if(xhr.responseType === "" || xhr.responseType === "text"){
response = xhr.responseText;
}
//200 请求成功
if (xhr.status === 200) {
options.success.call(response);
}
// responseType = "blob"时,响应的是Blob二进制数据,直接调用下载
if(xhr.status === 201){
download(xhr,options.success)
}
//其他情况,请求失败
if(options.error){
options.error.call(xhr.error);
}
};
xhr.send(JSON.stringify(options.data));
}
};
//Blob响应,转成文件下载
function download(response,callback) {
//创建一个隐藏的下载a标签
let url = window.URL.createObjectURL(new Blob([response.response]));
let link = document.createElement("a");
link.style.display = "none";
link.href = url;
//设置文件名,文件名从响应头中获取(PS:可能会存在中文乱码、文件后缀多个下划线等问题)
let fileName = response.getAllResponseHeaders().split("\n")[4].split(":")[1].split(";")[2].split("=")[1].replace(/"/g,"");
fileName = decodeURIComponent(escape(fileName));
console.log("文件名:" fileName);
link.setAttribute("download", fileName);
document.body.appendChild(link);
link.click();
//过河拆桥
link.remove();
if(callback){
callback();
}
}
使用
//获取当前分页参数
let postData = vue.getPageParameter();
postData.page = 1;
postData.pageSize = 999999999;//设置每页9亿条记录(相当于无穷大,查询所有)
console.log("开始导出...");
Ajax.post({
url:vue.excelUrl,
data:postData,
timeout: 30000,
responseType: 'blob',
success:function () {
console.log("导出完成,请您注意浏览器的下载管理器!");
}
});
效果
后缀多了个下划线,很奇怪...,删除下划线文件能正常打开,数据、单元格背景等正常
版权声明作者:huanzi-qch
出处:https://www.cnblogs.com/huanzi-qch
若标题中有“转载”字样,则本文版权归原作者所有。若无转载字样,本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利.
,免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com