xssfsheet导出有html,React+后端实现导出Excle表格的功能

最新推荐文章于 2024-04-21 12:15:03 发布

weixin_39744230

最新推荐文章于 2024-04-21 12:15:03 发布

阅读量239

点赞数

文章标签： xssfsheet导出有html

最近在做一个基于React+antd前端框架的Excel导出功能，我主要在后端做了处理。

在做这类导出文件的功能，其实，在后端进行处理，会更容易些，虽然前端也可以进行处理，但还是建议后端来做，因为很多导出工具类基本都是很好用。

根据以下步骤，可以很容易就实现导出Excel表格数据的功能。

1.导出图标

按钮代码：

1 导出

2.按钮this.excelToPort的方法：

1 excelToPort = () =>{2 location.href="/dcmbms/demand/export.do"

3 }

3.建立Excel的Entity类(以下类可以直接复制用，无需做修改):

Excel Bean

1 packagecom.test;2

3 importlombok.Getter;4 importlombok.Setter;5 importorg.apache.poi.xssf.usermodel.XSSFCellStyle;6

7 @Getter8 @Setter9 public classExcelBean {10 private String headTextName; //列头(标题)名

11 private String propertyName; //对应字段名

12 private Integer cols; //合并单元格数

13 privateXSSFCellStyle cellStyle;14

15 publicExcelBean(String headTextName, String propertyName, Integer cols) {16 super();17 this.headTextName =headTextName;18 this.propertyName =propertyName;19 this.cols =cols;20 }21

22 }

映射到数据库里的User Bean

1 packagecom.bqs.data.dcm.bean;2

3 importlombok.Getter;4 importlombok.Setter;5

6 @Getter7 @Setter8 public classUser {9 privateString id;10 privateString name;11 privateInteger age;12 privateString sex;13

14 }

4.建立Excel的工具类(无需修改可直接复制用)

1 packagecom.test;2

3 importjava.beans.IntrospectionException;4 importjava.lang.reflect.InvocationTargetException;5 importjava.text.SimpleDateFormat;6 importjava.util.ArrayList;7 importjava.util.Date;8 importjava.util.List;9 importjava.util.Map;10

11 importcom.test.ExcelBean;12 importorg.apache.poi.ss.util.CellRangeAddress;13 importorg.apache.poi.xssf.usermodel.XSSFCell;14 importorg.apache.poi.xssf.usermodel.XSSFCellStyle;15 importorg.apache.poi.xssf.usermodel.XSSFFont;16 importorg.apache.poi.xssf.usermodel.XSSFRow;17 importorg.apache.poi.xssf.usermodel.XSSFSheet;18 importorg.apache.poi.xssf.usermodel.XSSFWorkbook;19

20 /**

21 *@author朱季谦22 *@version

23 */

24 public classExportUtil {25

26 /**

27 * 导出Excel表28 *@paramclazz 数据源model类型29 *@paramobjs excel标题以及对应的model字段30 *@parammap 标题行数以及cell字体样式31 *@paramsheetName 工作簿名称32 *@return

33 *34 */

35 public staticXSSFWorkbook createExcelFile(36 Class>clazz,37 List>objs,38 Map>map,39 String sheetName) throwsIllegalAccessException, IllegalArgumentException, InvocationTargetException, IntrospectionException{40 //创建新的工作簿

41 XSSFWorkbook workbook = newXSSFWorkbook();42 //创建工作表

43 XSSFSheet sheet =workbook.createSheet(sheetName);44 //设置excel的字体样式以及标题与内容的创建

45 createFont(workbook);//字体样式

46 createTableHeader(sheet,map);//创建标题

47 createTableRows(sheet,map,objs,clazz);//创建内容

48 System.out.println(workbook);49 returnworkbook;50 }51 private staticXSSFCellStyle fontStyle;52 private staticXSSFCellStyle fontStyle2;53 private static voidcreateFont(XSSFWorkbook workbook) {54 //表头

55 fontStyle =workbook.createCellStyle();56 XSSFFont font1 =workbook.createFont();57 font1.setBoldweight(XSSFFont.BOLDWEIGHT_BOLD);58 font1.setFontName("黑体");59 font1.setFontHeightInPoints((short) 12);//字体大小

60 fontStyle.setFont(font1);61 fontStyle.setBorderBottom(XSSFCellStyle.BORDER_THIN);//下边框

62 fontStyle.setBorderLeft(XSSFCellStyle.BORDER_THIN);//左边框

63 fontStyle.setBorderTop(XSSFCellStyle.BORDER_THIN);//右边框

64 fontStyle.setBorderRight(XSSFCellStyle.BORDER_THIN);//右边框

65 fontStyle.setAlignment(XSSFCellStyle.ALIGN_CENTER);//居中66 //内容

67 fontStyle2 =workbook.createCellStyle();68 XSSFFont font2 =workbook.createFont();69 font2.setFontName("宋体");70 font2.setFontHeightInPoints((short)10);71 fontStyle2.setFont(font2);72 fontStyle2.setBorderBottom(XSSFCellStyle.BORDER_THIN);//下边框

73 fontStyle2.setBorderLeft(XSSFCellStyle.BORDER_THIN);//左边框

74 fontStyle2.setBorderTop(XSSFCellStyle.BORDER_THIN);//右边框

75 fontStyle2.setBorderRight(XSSFCellStyle.BORDER_THIN);//右边框

76 fontStyle2.setAlignment(XSSFCellStyle.ALIGN_CENTER);//居中

77 }78

81 /**

82 * 根据ExcelMapping 生成列头(多行列头)83 *@paramsheet 工作簿84 *@parammap 每行每个单元格对应的列头信息85 */

86 private static voidcreateTableHeader(87 XSSFSheet sheet,88 Map>map) {89 int startIndex = 0;//cell起始位置

90 int endIndex = 0;//cell终止位置

91 for(Map.Entry>entry: map.entrySet()){92 XSSFRow row = sheet.createRow(entry.getKey()); //创建行

93 List excels =entry.getValue();94 for(int x=0;x

96 if(excels.get(x).getCols()>1){97 if(x==0){98 endIndex += excels.get(x).getCols()-1;99 //合并单元格CellRangeAddress构造参数依次表示起始行，截至行，起始列，截至列

100 sheet.addMergedRegion(new CellRangeAddress(0, 0, startIndex, endIndex));101 startIndex +=excels.get(x).getCols();102 }else{103 endIndex +=excels.get(x).getCols();104 sheet.addMergedRegion(new CellRangeAddress(0, 0, startIndex, endIndex));105 startIndex +=excels.get(x).getCols();106 }107 XSSFCell cell = row.createCell(startIndex-excels.get(x).getCols());108 //设置内容

109 cell.setCellValue(excels.get(x).getHeadTextName());110 if(excels.get(x).getCellStyle() != null){111 //设置格式

112 cell.setCellStyle(excels.get(x).getCellStyle());113 }114 cell.setCellStyle(fontStyle);115 }else{116 XSSFCell cell =row.createCell(x);117 //设置内容

118 cell.setCellValue(excels.get(x).getHeadTextName());119 if(excels.get(x).getCellStyle() != null){120 //设置格式

121 cell.setCellStyle(excels.get(x).getCellStyle());122 }123 cell.setCellStyle(fontStyle);124 }125 }126 }127 }128

129

130 /**

131 * 为excel表中循环添加数据132 *@paramsheet133 *@parammap 字段名134 *@paramobjs 查询的数据135 *@paramclazz 无用136 */

137 private static voidcreateTableRows(138 XSSFSheet sheet,139 Map>map,140 List>objs,141 Class>clazz)142 throwsIntrospectionException, IllegalAccessException, IllegalArgumentException, InvocationTargetException {143 int rowindex =map.size();144 int maxkey = 0;145 List ems = new ArrayList<>();146 for(Map.Entry>entry : map.entrySet()){147 if(entry.getKey() >maxkey){148 maxkey =entry.getKey();149 }150 }151 ems =map.get(maxkey);152 List widths = new ArrayList(ems.size());153 for(Mapobj : objs){154 XSSFRow row =sheet.createRow(rowindex);155 for(int i=0;i

178 //设置列宽

179 for(int index=0;index10000?10000+300:width+300;183 sheet.setColumnWidth(index, width);184 }185 }186 }

5.导出Excel的controller类

1 /**

2 * 导出excle表格3 */

4 @RequestMapping(value = "/export")5 public void exportTotal( HttpServletResponse response ) throwsException{6 response.reset(); //清除buffer缓存7 //Map map=new HashMap();8 //指定下载的文件名

9 response.setContentType("application/vnd.ms-excel;charset=UTF-8");10 String excleName="统计处理情况"+DateUtil.getNowDate()+".xlsx";11 response.setHeader("Content-Disposition","attachment;filename="+new String(excleName.getBytes(),"iso-8859-1"));12 //导出Excel对象

13 XSSFWorkbook workbook =sysExportExcelInfo.exportExcel();14 OutputStream output;15 try{16 output =response.getOutputStream();17 BufferedOutputStream bufferedOutput = newBufferedOutputStream(output);18 bufferedOutput.flush();19 workbook.write(bufferedOutput);20 bufferedOutput.close();21

22 } catch(IOException e) {23 e.printStackTrace();24 }25 }

6.导出Excel的service类

1 public XSSFWorkbook exportExcel() throwsException{2 //获取dao导出的list集合

3 List list=userService.exportUser();4

5 List> listMap=ListBeanToListMap(list);6

7 List excel = new ArrayList<>();8 Map> map = new LinkedHashMap<>();9 //设置标题栏

10 excel.add(new ExcelBean("序号","id",0));11 excel.add(new ExcelBean("名字","name",0));12 excel.add(new ExcelBean("年龄","age",0));13

14 map.put(0,excel);15 String sheetName = "统计表格";16 //调用ExcelUtil方法

17 XSSFWorkbook xssfWorkbook = ExportUtil.createExcelFile(DcmDemand.class, listMap, map, sheetName);18 System.out.println(xssfWorkbook);19 returnxssfWorkbook;20 }

注意：整块导出Excel代码，主要需要改动只是这一行代码：List list=userService.exportUser()，这是调用dao层获取以列表list获得数据的查询。

下面三行代码里的“序号”，“名字”，“年龄”根据User属性来定义的，它将作为表格表头呈现在导出的表格里。这里的User表映射到数据库表t_user表，你需要导出User里哪些字段的数据，就以这样格式excel.add(new ExcelBean("序号","id",0))加到下面代码里：

1 excel.add(new ExcelBean("序号","id",0));2 excel.add(new ExcelBean("名字","name",0));3 excel.add(new ExcelBean("年龄","age",0));

其中，以上代码需要把list转换成List>形式，转换方法如下，因为创建表格时需要这样List>格式类型数据：

1 public static List> ListBeanToListMap(List list) throwsNoSuchMethodException,2 SecurityException, IllegalAccessException, IllegalArgumentException, InvocationTargetException {3 List> listmap = new ArrayList>();4

5 for(Object ob : list) {6

7 listmap.add(beanToMap(ob));8 }9 returnlistmap;10 }

按照以上代码步骤，可以实现在React+antd前端实现导出这样的Excel表格功能：

若有什么不明白的，可以评论留言，我会尽量解答。